 F08 Homepage-Vorlage Frames (Schützenverein + Fussball-Junioren)
Dieses Beispiel demonstriert die Verwendung von 3 vertikalen Frames, davon 2 mit fester Breite. Die beiden Frames der eigentlichen Homepage (Navigation + Inhalt) sind rechts neben einem Leerframe angeordnet, dessen Breite sie selbst festlegen.
|
|
Webseitenvorlage Frameset-Beispiel - 3 vertikale Frames
Der erste Frames links außen, beinhaltet eine leere HTML-Datei mit entweder passender Hintergrundfarbe oder entsprechender Grundgrafik. Der Frame soll die Seite vom linken Bildschrimrand abrücken.
Das könnte man natürlich auch ohne diesen Frame mit einer CSS-Marginangabe für das Menü erreichen.
|
|
Der Menüframe ist 180 Pixel breit.
Inhalte werden im dritten Frame über eine Breite von 700 Pixel angezeigt (Tabelle), rechts daneben erscheint eine graue Hintergrundgrafik.
Der Seitentitel ist Bestandteil der Inhaltsseite, kann als Grafik von 110 x 700 Pixel oder als Tabelle (Text) eingebunden werden.
|
|
Die HP-Vorlage enthält neben der Frameset-Datei, der Navigation und einer Musterseite bereits 2 weitere Seiten für Kontakt (Formular) und eine Terminliste (JavaScript).
Zwei im Aufbau idendische Vorlagen in unterschiedlichen Farben stehen hier zum Download:
- Schützenverein
- Fußballmanschaft
Anders als in der HP-Vorlage Frames-02 wird hier ein evtl. Scrollbar nicht inmitten der Seite angezeigt. Wenn Seiteninhalte nicht innerhalb der Bildschirmhöhe angezeigt werden können, wird ein vertikaler Scrollbar angezeigt, der rechts außen am Bildschirmfenster erscheint.
Frameset-Deklaration
Beispiel mit 3 Frames - 2 mit fester Breite
Der Leerframe (links) ist hier mit 100 Pixel Breite definiert, das können sie nach Belieben anpassen ohne Navigation und Inhaltsseite zu beeinflussen.
<frameset cols="100,180,*" border="0" frameborder="0" framespacing="0">
Die Breite des dritten Frames rechts, wird vom Browser je nach Bildschirmbreite automatisch festgelegt. Erreicht wird das durch den Einsatz des 'Sternchens' in der Frame-Definition.
 Erklärungen Frames definieren
Layout-Beispiel für 980 Pixel Anzeigebreite
Bei den heute üblichen Bildschirmabmessungen können sie ohne weiteres für mindestens 1024 Pixel Breite planen! Daher hat der Anzeigebereich in diesem Beispiel auch eine Breite von 700 Pixel. Zusammen mit Navigation und Leerframe errechnet sich die Gesamtbreite auf 980 Pixel.
Der Anzeigebereich der Webpräsenz ist hier durch eine Tabelle auf 700 Punkte der Bildschimbreite begrenzt und wird immer links neben der Navigation angezeigt, für die eine Breite von 180 Pixeln vorgesehen ist.
Vorschau und Download der Vorlage Schützenverein:
Zum Download der ZIP-Datei klicken sie oben unter dem Titelbalken auf 'DOWNLOAD'. Klicken Sie auf 'VORSCHAU', um einen ersten Eindruck zu erhalten. Entpacken sie die ZIP-Datei in einem neuen Verzeichnis, ändern die Inhalte mit einem Editor, schon ist ihre Vereinsseite fertig.
Natürlich können Sie alles modifizieren.
Variante
Wenn sie die Farbgebung anpassen und Grafiken austauschen, erhalten sie auch mit wenig Aufwand eine Webseite in einem völlig anderen Erscheinungsbild:
Webseite Fussball-Junioren
Vorschau und Download der Vorlage Fußball:
 Vorschau  DOWNLOAD
|
Home • Frames • Downloads • F08