Homepage Meinung

[Stahl Florian]

Sers

Brauch mal wieder ein Urteil zum Aussehen meiner Page, es ist nur die Startseite mit dem Layout fertig.

Die anderen Sachen kommen noch.

[Eternius]

Hallo,

[ ] http://de.wikipedia.org/wiki/Divitis
  [ ] skaliert 0 bis gar nicht
  [ ] grau auf rot lässt mich erblinden
  [ ] Schriftgrössenänderungen zerschiessen das Layout
  [ ] der Quelltext ist nicht valide

Tipp: Mehrfachauswahl ist möglich.

gruss

[Stahl Florian]

Ok, danke.

-DAs Valide (HTML und CSS) behebe ich noch.

-Zur Struktur: ich werde das ein oder andere noch ändern.

-Farben: Wenn ich eine Homepage gestalte, weis ich immer nicht was ichfür Farben verwenden soll, darum möchte ich mal Fragen, was ihr verwenden würdet.

[fabo]

Ok, danke.

-DAs Valide (HTML und CSS) behebe ich noch.

-Zur Struktur: ich werde das ein oder andere noch ändern.

-Farben: Wenn ich eine Homepage gestalte, weis ich immer nicht was ichfür Farben verwenden soll, darum möchte ich mal Fragen, was ihr verwenden würdet.

wenn du mir deine email sendest, kannst ich dir einen entwurf, den ich zum ueben mal in photoshop erstellt habe, zuschicken.
habe derzeit meinen webspace nicht eingerichtet und kann es nicht hochladen.
woanders anmelden möcht ich mich gerade auch nicht.

wenn dann schreib mir auch ob du psd-datei oder nur erst mal nur jpeg datei haben willst.

wie gesagt, nur ne uebung von mir, aber wenn du magst schick ich es
dir zu.

gruss
fabo

[Stahl Florian]

Danke für die Mail, habe sie bekommen. Sieht wirklich Klasse aus.

[Alexander Brock]

Hallo Freunde des gehobenen Forumsgenusses,

http://de.wikipedia.org/wiki/Divitis

YMMD.

Gruß
Alexander Brock

[Martin Hölter]

Hi!

Brauch mal wieder ein Urteil zum Aussehen meiner Page, es ist nur die Startseite mit dem Layout fertig.

Die Navigation tut meinen Augen weh - da is zu wenig Kontrast drin.
Ein Newsticker ist im Medium Internet ungeeignet.
Deine Navigation will eine Liste sein.
<font> ist böse[tm].
<div class="newshead"> will eine Überschrift sein.
Bilder müssen einen Alternativtext haben.
<a class="navi">... <- diese Links kannst du auch über .links a ansprechen.
<hr color="#FF0000" size="0.2px"> 0,2 Pixel? Wie soll das gehen?
Bei kleineren Browserfenster kommen horizontale Scrollbalken - du gibst ja fixe Breiten vor, muss nicht sein.
Deinem Content könnte ein wenig padding nicht schaden.

Ansonsten: schön geworden :-)

Gruß aus Iserlohn

Martin

[Carl]

Hallo

Sers

Brauch mal wieder ein Urteil zum Aussehen meiner Page, es ist nur die Startseite mit dem Layout fertig.

Die anderen Sachen kommen noch.

Ich bezweifle mal, dass du hier nur ein Urteil zum AUssehen bekommen wirst, im normalfall gibts gleich das komplette Paket.

Punkt 1: "This page is not Valid HTML 4.01 Transitional!"

Punkt 2: eine Seite, deren Inhalte gerade mal knapp die Hälfte des Browserfensters ausfüllen (zumindest bei meiner Auflösung) sollte keinen verticalen Scrollbalken haben.

Punkt 3: bei einer Auflösung von 800x600 würde mir das Layout wohl komplett zerrissen werden.

Und das ist nur das, was mir auf Anhieb auffällt.

Gruß
Carl

[MudGuard]

Hi,

Brauch mal wieder ein Urteil zum Aussehen meiner Page, es ist nur die Startseite mit dem Layout fertig.

Navigation unleserlich (Farbkombination).
Nach ein paar Sekunden wird die Seite durch Werbung überlagert.
Da ich die nicht anklicken wollte, hab ich etwas gewartet. Die ging nicht weg. Also hab ich den gesamten Tab weggeklickt.

cu,
Andreas

[Stahl Florian]

Die Seite bleibt da noch nicht, sie kommt erst auf den richtigen Server wenn sie einigermasen fertig ist.

[Felix Riesterer]

Lieber Florian,

bei allem ersten optischen guten Eindruck, Deine Seite verdient ein anständiges _semantisches_ Markup!

<!-- HIER BEGINNT DER BANNER -->
Wen bannt _der_ Banner denn? *SCNR*

<div class="banner">
Gibt es so viele Banner auf Deiner Seite, dass Du anstatt einer ID lieber eine ganze Klasse definierst?

<div class="banner_brk">
Wir es mehrere brk_Banner geben?

<img class="brklogo" src="brklogo.gif">
Diesem Bild fehlt ein alt-Attribut. Wenn jemand keine Bilder anzeigen kann/will, dann sieht er nix gescheites. Überhaupt ist es gerade hier sinnvoller, das Bild als Hintergrundbild einzubinden.

Und wenn Du schon den ganzen Header in ein <div> mit der Klasse "banner" einschließt, dann verwende doch CSS-Selektoren, um die jeweiligen Bestandteile des Headers zu "greifen", anstatt alles in ein eigenes <div> mit eigener Klasse weiterzuverpacken! Das macht das HTML noch pflegeleichter!

  
 </div>  
  
 <div class="banner_text">  
  BRK Bereitschaft Feucht - Schwarzenbruck  
 </div>

Warum sitzt dieser Text (bedeutungslos) in einem <div>, anstatt in einem (bedeutungshaften) <h1>-Element, Textabsatz oder ähnlichem?

 <div class="termine">  
  <font color="#3366CC"><b><img  src="info_symbol.png"></b></font>  
   <marquee class="news" direction="up" scrollamount="1">  
  
   <hr color="#FF0000" size="0.2px">  
   <font color="#FF8000">05.03.2006</font>

Aha, hier mischt sich modernes CSS-Design mit mittelalterlichen <font>-Tags.
Wozu muss eigentlich dieses Marquee sein? Als ich den Link gerade anklicken wollte rutschte er unter dem oberen Rahmen weg.

Es wäre - meiner Meinung nach - sinnvoller, dem Ganzen mit weniger <div>-Suppe und Klassen-Gemüse ein wirklich semantisches Markup zu geben. Den Header mit "Banner" kannst Du sinnvoller auf eine größere Hintergrundgrafik reduzieren (das große Rotes-Kreuz-Symbol kann Bestandteil des großen Hintergrundbildes sein!), die Du einem sinnvollen HTML-Element (keinem <div>!) mit passender ID geeigneten padding- und margin-Werten verpasst.

Was das Menü links am Rande angeht:

  
<div class="links">  
  
  
<a class="navi" href="index.htm">Home</a>  
<a class="navi" href="gliederung.htm">Gliederung</a>  
(usw.)  
<a class="navi" href="http://www.bereitschaften.brk.de/nuernberger-land/feucht/gaestebuch.php">Gästebuch</a>  
<a class="navi" href="externelinks.htm">Links</a>  
<br>  
  
<br>  
<img class="rd" src="rd.gif">  
</div>

Wie man das besser macht, steht in SelfHTML im Kapitel der CSS-basierten Navigationsleisten. Selbstverständlich sollte die Navi auch eine feste ID anstatt einer Klasse haben, oder hast Du wirklich vor, mehrere Navis mit diesem CSS anzubringen?

Diese viele HTMl-Code-Kritik mag jetzt vielleicht etwas verärgern, aber nach meiner eigenen schmerzvollen Erfahrung ist das gerade bei dynamischen Seiten enorm wichtig, den HTML-Teil so schlank und übersichtlich wie möglich zu halten, weil dann die Pflege bzw. Erweiterung der Seite wesentlich besser gelingt. Auch mit dem CSS tut man sich dann leichter, weil man dann schöne Kontext-Blöcke bilden kann.

Ein fiktives Beispiel, das Deiner Seite entnommen sein könnte:

#header { background: url(mein/bild.png) no-repeat top left; margin: 0; padding: 0; width: 345px; height: 123px; }  
#header h1 { color: #123456; font-family: Helvetica, Verdana, sans-serif; font-size: 5em; margin: 60px auto 0 200px; padding: 0; }  
#header div { background: url(mein/rahmen.png) top left no-repeat; }  
#header div marquee { font-size: 0.7em; color: #987654; width: 100px; height: 100px; margin: 0; padding: 0; }

Dadurch gewinnt man schneller im CSS einen Überblick, da man die Nchfahrenelemente mit dem Nachfahrenselektor sinnvollerweise unter das Vorfahrenelement schreibt. Dadurch nutzt man auch automatisch eine der Stärken von CSS und erspart sich ne Menge Klassen, die zu pflegen wesentlich aufwendiger wäre.

Im HTML-Teil stünde dann nur noch knapper Code (wiederum fiktiv):

<body>  
<div id="header">  
   <h1>BRK Bereitschaft Feucht - Schwarzenbruck</h1>  
   <div>  
      <marquee>blablabla</marquee>  
   </div>  
</div>  
<div id="content">  
<h2>Überschrift</h2>  
<p>Das ist noch nicht die Homepage...</p>  
</div>  
<div id="navi">  
   <h2>Navigation</h2>  
   <ul>  
      <li><a class="navi" href="index.htm">Home</a></li>  
      <li><a class="navi" href="externelinks.htm">Links</a></li>  
   </ul>  
</div>

Liebe Grüße aus Ellwangen,

Felix Riesterer.

[fabo]

Sers

Brauch mal wieder ein Urteil zum Aussehen meiner Page, es ist nur die Startseite mit dem Layout fertig.

Die anderen Sachen kommen noch.

Schau doch mal auf dieser seite

http://www.kommdesign.de/texte/aufmerk4.htm

ich denke, du wirst dann verstehen, warum deine farbwahl nicht
wirklich gelungen ist.

gruss fabo

[Ihr freudnliches Forenscript]

http://www.kommdesign.de/texte/aufmerk4.htm

Und hier der echte Link:
KommDesign.de: Aufmerksamkeitsgesetze

Ihr freundliches Forenscript

[fabo]

http://www.kommdesign.de/texte/aufmerk4.htm

Und hier der echte Link:
KommDesign.de: Aufmerksamkeitsgesetze

Ihr freundliches Forenscript

Vielen Dank, für die Korrektur.
Schätze ich habe bisher zu wenig zeit mit den
foren-funktionen verbracht. ;)

Ich möchte noch hinzufügen, dass auch der andere inhalt von

<http://www.kommdesign.de= :KommDesign.de: >

sehr lesenswert ist.

Ich fand die Seiten recht lehrreich.

gruss
fabo

p.s.:hoffe der link funktioniert jetzt... learning by doing..

[Griever]

Hi.

Ich finde, auf den ersten Blick ist klar, worums geht: "Krankenwagen ... oder ähnliches."

Im nächsten habe ich aber was zu beanstanden: Die angewählte Auflösung.
Ich habe derzeit eine 800x600er auflösung und muss horizontal scrollen. Es gibt viele Seiten, die sich in 800x600 gut anzeigen lassen. Ich selbst find es nicht schön (eher störend), wenn man horizontal scrollen muss, damit man einen Text lesen kann.

Aber sonst sieht sie gut aus.

MFG
Griever

PS: Hab die anderen Posts noch nicht gelesen ...

[Stahl Florian]

Hi.

Ich finde, auf den ersten Blick ist klar, worums geht: "Krankenwagen ... oder ähnliches."

Über eine Bereitschaft des Bayerischen Roten Kreuzes.