 HP-Vorlage Frames 04 (Gipfelstürmer)
Frameset-Beispiel 04 herunterladen.
 25.12.2007 08:45 Uhr, Korrektur in der CSS-Anweisung (Menü)
Beispiel einer Homepage mit nur einem, links angeordnetem Menü. Völlig ausreichend, wenn sie innerhalb eines Menüs lediglich 10 bis 15 Unterseiten einbinden möchten.
Natürlich könnte man im linken Menüframe auch weitere unterschiedliche Menüs anzeigen lassen, wodurch sich dann die Anzahl der angebotenen Verweise erhöht. Das demonstriere ich im Beispiel HP-Frames 05.
Frames
Homepage-Vorlage mit 3 Frames für Titel, Navigation und Inhalt. Hergestellt für Bildschrimauflösungen von 800 x 600 und größer. Die Breite des Navigationsframes und die Breite der Inhaltstabelle sollen addiert 780 Pixel nicht überschreiten, wenn die Seite auch bei 800 x 600 ohne horizontalen Scrollbar angezeigt werden soll.
Im rechten Frame für die Anzeige der Inhalte, wird in den HTML-Seiten eine in der Breite festgelegte Tabelle definiert. Die Tabelle stellt sicher, dass das Layout in allen Bildschirmauflösungen gleich aussieht. In der Vorschau wird das farblich hervorgehoben. Durch farbliche Anpassung des leeren, rechten Randbereichs (grau) wird dieser Effekt unsichtbar. Dort könnte auch eine dezente Hintergrundgrafik, sichtbar für Besucher mit hoher Bildschirmauflösung, eingebunden werden.
Navigation
Das Menü links ist mittels CSS formatiert. Die Links werden als übliche Verweise eingetragen die im Link-Tag das Attribut für die CSS-Unterklasse erhalten. Hört sich komplizierter an als in der Praxis angewendet. Mousover-Effekt durch CSS. Für das Menü werden keine Grafiken benötigt!
In der Titeldatei oben (Frame 'oben') habe ich 2 Grafiken eingebunden. Die Texte sind CSS formatiert.
CSS
Jede Inhaltsseite hat eine eingebundene CSS-Datei im Head.
Siehe Download Frames 5 für ein Beispiel mit externer CSS-Datei.
Die Navigation links hat eine eingebundene CSS-Datei im Head.
Fotos
Für einige Inhaltsseiten habe ich bereits Fotos eingebunden. Die Fotos sind frei verwendbar und stammen von www.pixelquelle.de . Dadurch wird die ZIP-Datei natürlich recht groß, veranschaulicht aber des mögliche Seitenlayout weit besser.
Download
 ZIP-Datei mit Fotos (320 kB) herunterladen
ZIP-Datei ohne Fotos (30 kB) herunterladen
Entpacken Sie die ZIP-Datei in einem neuen Verzeichnis, ändern die Inhalte mit einem HTML- oder Texteditor (WordPad) , schon ist ihre erste Präsenz fertig.
Zum Download der ZIP-Datei klicken Sie auf 'DOWNLOAD' oben unter dem Titelbalken
Klicken Sie auf 'VORSCHAU' oben unter dem Titelbalken, um einen ersten Eindruck zu erhalten.
Natürlich können Sie alles modifizieren.
|
WWW.WEB-TOOLBOX.NET
Vorschau 
DOWNLOAD 
ZURÜCK