Name der Homepage
 

Das Layout

Dieses Design heisst: "Station".

Fusce bibendum pretium ante. Pellentesque sed enim nec odio laoreet congue. Nullam aliquam rhoncus libero. Morbi vitae sem. Sed quis lorem. Curabitur suscipit vehicula est. Donec venenatis. Mauris eu massa. In semper. Morbi vitae nisl at felis placerat porttitor. Morbi molestie. Cras ligula sapien, consequat sed, scelerisque ut, pulvinar vel, sem.



Die Technik

Wie üblich mit ausgelagerter CSS-Datei, um den Code übersichtlicher zu gestalten. 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.

Wer mag, wandelt das Layout in eine Prozentkonstruktion um. Und zwar wird in der CSS-Datei bei #breite statt des Pixelwertes ein Prozenwert eingetragen. Wie zum Beispiel: #breite {width:82%}. Dann wird das Layout auch bei sehr breiten Monitoren bildschirmfüllend. Der Schatten, welcher sich um die Konstruktion legt, ist flexibel und wandert bei so einer eventuellen Änderung automatisch mit.



Die Navigation

Textlinks. Die Beispiel-Textlinks sind durch Ihre Links zu ersetzen. Alle drei Menüs sind um einige Links erweiterbar. 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



Dead Text

Beispiel Füll Text. Fusce bibendum pretium ante. Pellentesque sed enim nec odio laoreet congue. Nullam aliquam rhoncus libero. Morbi vitae sem. Sed quis lorem. Curabitur suscipit vehicula est. 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 Aufzählungszeichen "square", 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 Aufzählungszeichen "square", nicht verlinkt:
  • Sed
  • Condimentum
  • Bibendum
  • Semper
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