Herbstzeit
Ernte. Blätter. Goldener Oktober.
  
 


Example. Bilder.

 
  Platz für Fotos, Werbung oder Logo
Natürlich dürfen Sie auch diese unsere Grafiken unter Example für Ihre Zwecke verwenden.

Das Layout

Dieses Design heisst: Herbstzeit.

Eine der schönsten Jahreszeiten ist der Herbst. Frühe Ernte. September. Bäume. Blätter. Goldener Oktober. Altweibersommer. Birnbaum. Kastanien. Wind. Nüsse. Spätherbst. November. Nebel.

Die Technik

Grafische Konstruktion. Name und Slogan oben links ist als einfacher Text angelegt. Die drei Bilder oben rechts könnten Sie auch durch Ihre ersetzen, wenn Sie mögen. Anlegen von Links bzw. HTML-Seiten wie folgt: Die Datei Startdatei "index.html" ist zu kopieren und jeweils unter einem neuen Namen abzuspeichern.

Seite ohne Frames. Etwas Beispiel Füll Text. Maecenas a nulla. Maecenas nisl. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris eu massa. In semper. Morbi vitae nisl at felis placerat porttitor.

Die Navigation

Textlinks. Die Beispiel-Textlinks sind durch Ihre Links zu ersetzen. Das Menü auf der linken Seite ist beliebig erweiterbar. Wer mag, fügt ein drittes Menü (Navigation.Third) darunter mittels Kopieren ein.

Trotz der Transparenz im Haupt-Menü ist dieses flexibel. Denn wir haben hier als Trick die Grafik hinter das gesamte Menü gelegt, so daß auch bei einer Änderung im Menü die Haupt-Grafik immer durscheint:

Das Haupt-Menü im Logo-Bereich hat 100 % (100 Prozent von in diesem Fall 899 Pixel). Innerhalb dieser Breitenangabe haben wir das Menü für Sie flexibel angelegt. Jeder Button ist gleich breit, das wirkt optisch nett. Dieses Menü ist nur abhängig von der Länge der Textlinks, d.h. je kürzer die Linkwörter, desto mehr Links sind möglich. Im Moment sehen Sie also 5 Links mit der selben Breite je Link. Ein Link hat hier 20% (denn 5 x 20 = 100%). Somit können Sie auch für 8 Buttons einen Prozentwert von 12% oder für 6 Buttons eine Prozentwert von 16% oder für 7 Buttons 14% wählen. (Sie teilen also immer 100 durch die Anzahl der Buttons und runden nach unten ab).

Die allgemeinen Links (Links im Text) sehen zur Zeit aus wie nachstehend: Um den Mouseover-Effekt anzuschauen, fahren Sie mit der Maus über den Link: Beispiel-Link


The Dead Text

Beispiel Füll Text. Fusce bibendum pretium ante. Pellentesque sed enim nec odio laoreet congue. Donec venenatis. Durch die Einrückung lockern Listen auch jeden Text auf. Nachfolgend sehen Sie zwei Beispiele für Listen. Listen sind textliche Aufzählungen. Dies sind nur Beispiele, die Ihnen als Anregung gelten sollen, natürlich können Sie jede der zwei Listen verlinken oder auch nicht verlinken. Jede der Listen können Sie natürlich auch um weitere Listenpunkte nach unten erweitern bzw. verkürzen. 

Liste mit eigenem Aufzählungszeichen, verlinkt: Maecenas a nulla. Maecenas nisl. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris eu massa. In semper. Morbi vitae nisl at felis placerat porttitor. Morbi molestie. Cras ligula sapien, consequat sed, scelerisque ut, pulvinar vel, sem. In vulputate gravida orci.

Liste mit eigenem Aufzählungszeichen, nicht verlinkt:
  • Sed
  • Condimentum
  • Bibendum
  • Semper
Max Muster GmbH  •  Spezialstrasse 55  •  55234 Sampletown
www.ihre-beispiel-adresse.de