Name der Homepage

Das Layout

Dieses Design heisst: "Am Strand".

Einfach mal die Seele baumeln lassen. Die Strandszene mit dem schönen Wolkenspiel lädt dazu ein. Finden Sie doch auch hier Ihren Platz, um für kurze Zeit dem Alltag zu entfliehen. Zaun und Wolken überkreuzen sich in Ihrer entgegengesetzen Richtung. Das mag symbolhaft dafür stehen mal völlig andere Gedanken zu entwickeln. Denn im Gegensatz zu einigen Tieren, die aus Fehlern lernen, neigen die Menschen dazu, Woche für Woche die selben Fehler immer wieder zu machen...ohne daraus zu lernen.



Die Technik

Die Breite der Gesamtkonstruktion beträgt 880 Pixel, veränderbar.
Wie in vielen unserer Vorlagen ist der Text im Inhaltsbereich hier als Blocksatz gestaltet, d.h. gleiche Ausrichtung der Buchstaben an linker und rechter Textkante. Nur bei sehr langen Wörtern oder bei aufeinanderfolgenden längeren Wörtern kann es evt. nicht so schön aussehen, das liegt in der Natur der Sache. Die Lösung für dieses kleine Problem ist simpel: Wählen Sie andere Wörter - meistens passt es dann auch schon. Oder machen Sie an bestimmten Stellen im Text einen Zeilenumbruch. Die Alternative: Sie ersetzen in der CSS-Datei unter "textbox" die Angabe "text-align:justify" durch "text-align:left", um eine linksbündige Ausrichtung des Textes, also eine Ausrichtung ohne Blocksatz zu gewährleisten.

Seite ohne Frames. Anlegen von Links bzw. HTML-Seiten wie folgt: Die Datei Startdatei "index.html" ist zu kopieren und jeweils unter einem neuen Namen abzuspeichern.



Die Navigation

Textlinks. Die Beispiel-Textlinks sind durch Ihre Links zu ersetzen. 1 Menü oben, 1 Menü oben rechts. Beide Menüs oben sind um einige Links zu erweitern bzw. natürlich auch zu verkürzen.

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



Der Bonus

Es gibt noch eine zweite Version (index.html), dort ist die Seite mit einem Schattenrand.

In semper morbi vitae Maecenas:
  • Curabitur
  • Ullamcorper
  • Magna
  • Aenean

Praesent nisl mi, condimentum sed, bibendum semper, fringilla a, felis. Phasellus tincidunt odio vel nulla. Morbi vitae urna quis nulla imperdiet rhoncus. Aliquam feugiat, nulla non semper mollis, sapien velit rutrum urna, eu vehicula erat risus et leo. 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.
Mike Muster GmbH & Co. KG  •  Spezialstrasse 55  •  55234 Sampletown