 HP-Vorlage Frames 05 (Ponyhof)
Frameset-Beispiel 05 herunterladen.
Beispiel einer Homepage (analog zum Beispiel 04) mit nur einem, links angeordnetem Menü. Hier können im linken Menüframe weitere unterschiedliche Menüs aufgerufen werden, wodurch sich die Anzahl der angebotenen Verweise erhöht. Dazu werden in den Menüs Verweise auf die Untermenüs eingebunden.
Unterschied zu Bsp. HP-Frames 04:
- mehrere Menüs im linken Frame
- externe CSS-Datei für Inhaltsseiten
 25.12.2007, Korrektur CSS-Anweisungen (Menü), Anzahl der Untermenüs (4)
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 linken Frame wird beim Start das Menü 01 angezeigt.
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 (gelb) 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
Für die Inhaltsseiten gibt es eine externe CSS-Datei auf die im Head jeder verwiesen wird (Link). Das Beispiel Frames 04 ist ein Beispiel mit seiteninternen CSS-Anweisungen im Head.
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 ohne Fotos (22 kB) herunterladen
Fotos: Laden sie bitte bei Pixelquelle herunter
www.pixelio.de (frei verwendbare Fotos)
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