 HP-Vorlage ohne Frames 06 (Obsthof)
Dieses Beispiel demonstriert vorrangig den Einsatz des Menübeispiels 10: Registerkartenmenü mit lediglich einer Grafik. Das Menü ist sehr flexibel in der Gestaltung (Farbgebung, Breite) und leicht anzupassen.
Diese Seite habe ich für eine 950 Pixel breite Darstellung entworfen. Das Menü hat 7 Registerkarten in jeder horizontalen Leiste, mit hier 2 Leisten also 14 Menüeinträge. Legen sie eine dritte / vierte Leiste an, um die Auswahl zu erweitern.
simple Webseitenvorlage
Dieses Beispiel arbeitet mit 4 Tabellen:
- Titel mit Grafik
- Menübereich
- Seiteninhalt
- Fuß
Die Seite hat für die 4 Anzeigenbereiche jeweils eine in der Breite festgelegte Tabelle. Damit ist sichergestellt, dass das Layout in allen Bildschirmauflösungen identisch ist. Die Tabellen sind untereinander angeordnert und in der Bildschirmmitte zentriert.
|
|
|
Für eine Vorschau im neuen Browserfenster klicken sie oben auf 'VORSCHAU'.
Die Seitenformatierung wurde mit CSS umgesetzt. Diese Anweisungen stehen (lokal) im Head der HTML-Dateien. Zum Download der ZIP-Datei klicken Sie auf 'DOWNLOAD' oben unter dem Titelbalken. Die ZIP-Datei enthält die HTML-Seiten des Bespiels und alle Grafiken.
Anpassungen
Informationen zur Anpassung des Menüs unter  Menü 10 Registerkarten
Packen Sie die ZIP-Datei in einem neuen Verzeichnis aus, ändern die Inhalte mit einem Texteditor, schon ist ihre erste Präsenz fertig.
Natürlich können sie alles modifizieren. Fügen sie weitere Menüpunkte für zusätzliche Seiten ein. Möglich wäre auch eine vierte Menüleiste, falls sie mehr als 21 Seiten ansteuern möchten.
Passen sie die Farben für Text und Hintergrund an oder fügen in der Titel-Tabelle eine eigene Grafik ein. Möchten sie ihre Seite für eine andere Anzeigebreite entwickeln, legen sie die Breite der 4 entsprechend fest.
|
Home
Vorschau 
DOWNLOAD 
ZURÜCK