Layout.
Hier die Version2 (index2.html) mit dem Homepagenamen als Text.
Mit flexibler Menü-Box im Inhaltsbereich. Gönnen Sie sich doch auch eine kleine Tee-Pause und entspannen Sie dabei. Die Briten und Japaner schätzen es als Ritual.
Technik.
Dieses Layout ist sehr flexibel, wie folgt: Um die ganze Konstruktion legt sich ein Rahmen mit abgerundeten Ecken. Dieser Rahmen hat zudem einen Schatten-Effekt. Bei einer Änderung der Breite passt sich dieser Rahmen automatisch an, d.h. er wandert flexibel mit. Auch den Homepagenamen oben haben wir flexibel angelegt:
Den Homepagenamen können Sie als Text anlegen, so wie oben zu sehen. Sie können den Homepagenamen aber auch als einfachen per Grafik gestalten. Beschriften Sie dazu im Grafikprogramm die Grafik "logo.jpg" und ersetzen Sie damit die Grafik "logo_beispiel.jpg". Wie das geht, sehen Sie in Version1 (index.html).
Anlegen von Links bzw. HTML-Seiten wie folgt: Die Datei Startdatei "index.html" ist zu kopieren und jeweils unter einem neuen Namen abzuspeichern.
Navigation.
Textlinks. Die Beispiel-Textlinks sind durch Ihre Links zu ersetzen.
Die Menü-Box verlängert sich bei mehr Links automatisch. Auch lässt sich die Box verbreitern oder an jede andere Stelle innerhalb des Textes verschieben. Der Inhalt ordnet sich um die Box herum an, Sie verlieren also unterhalb des Menüs keinen Platz.
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.
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
Morbi vitae nisl at felis placerat porttitor. Morbi molestie. Cras ligula sapien, consequat sed, scelerisque ut, pulvinar vel, sem. In vulputate gravida orci.
|
|
www.ihre-webseiten-url |
Max Muster GmbH
Fax: 49.0421.7894561
Tel: 49.0421.7263421
|
|
