 HP-Vorlage ohne Frames 02
Dieses Beispiel demonstriert vorrangig die Technik 3 vertikale Bereiche für Titel, Navigation und Inhalt mit Tabellen zu bestimmen. Die Seite ist leicht anzupassen.
Eine Seite für eine 760 Pixel breite Darstellung. Hier neben der Startseite mit lediglich 5 Unterseiten, welche über 5 Menüeinträge in einer horizontalen Menüleiste abgerufen werden. Einfacher Aufbau mit Erklärungen im Quelltext.
 27.01.2008, 4 angepasste Beispielseiten im Download (siehe unten)
simple Webseitenvorlage
Dieses Beispiel arbeitet mit 3 Tabellen:
- Titel (hier gelb)
- Navigation (hier blau)
- Seiteninhalt (hier weiß)
Die Seite hat für die 3 Anzeigenbereiche jeweils eine in der Breite festgelegte Tabelle. Damit ist sichergestellt, dass das Layout in allen Bildschirmauflösungen gleich aussieht. Die Tabellen sind untereinander angeordnert und in der Bildschirmmitte zentriert.
|
|
Klicken sie hier auf dieser Seite oben unter dem Titelbalken auf 'VORSCHAU', um einen ersten Eindruck zu erhalten.
Die Seitenformatierung wurde mit CSS umgesetzt. Diese Anweisungen stehen (lokal) im Head der HTML-Dateien. Eine externe CSS-Datei für erste Experimente habe ich ebenfalls mit eingepackt.
Zum Download der ZIP-Datei klicken Sie auf 'DOWNLOAD' oben unter dem Titelbalken
Die ZIP-Datei enthält die 5 HTML-Seiten des Bespiels und alle Grafiken. Im Download ist eine Musterdatei (leer), zwei DEMO-Dateien (mit weiteren Erklärungen) und 4 angepasste Seiten (siehe Screenshots unten) enthalten.
Anpassungen
Packen Sie die ZIP-Datei in einem neuen Verzeichnis aus, ändern die Inhalte mit einem Texteditor (WordPad) , 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 zweite Menüleiste, falls sie mehr als 8 - 10 Seiten ansteuern möchten.
Passen sie die Farben für Text und Hintergrund an oder fügen in der Titel-Tabelle eine 760 Pixel breite Grafik ein.
Möchten sie ihre Seite für eine größere Bildchirmanzeige entwickeln, legen sie die Breite der 3 Tabellen nicht mit 760 , sonderm mit z.B. 950 Pixel fest.
Demos für eine Anpassung (im Download enthalten)
|
Home
Vorschau 
DOWNLOAD 
ZURÜCK 
