Design: "The Storm"  

Diese Homepagevorlage wurde am 12. Juni 2008 neu überarbeitet!

Konstruktion: ohne Frames

• Tabellenkonstruktion
• Gesamtbreite der Außentabelle: 750px zentriert
• Inhaltstabelle: 730px zweispaltig
• Feststehender Hintergrund (läuft also beim Scrollen nicht mit)
• Formatierungen können über die extern ausgelagerte CSS-Datei vorgenommen werden.
• Die Seite verlängert bzw. verkürzt sich automatisch je nach Inhalt, der eingefügt wird.
• Nach Anpassung der Links, des Textes der Logo-Grafik sowie der Fußzeile, ist das Html-Dokument 'index.htm' so oft zu kopieren, wie Seiten für Ihr Projekt benötigt werden. Im Anschluss sind dann noch die zuvor kopierten Html-Dokumente dementsprechend umzubenennen.

Navigation und allgemeine Links

• Die horizontale Navigation kann bei Bedarf noch um ein oder zwei Links erweitert werden, wogegen das vertikale Menü unbegrenzt erweiterbar ist - beide Menüs sind über den Html-Text der Seite anzupassen.
• Hier noch ein Beispiel-Link im Text ohne Ziel!

Logo-Grafik Beschriftung

• Die obere Logo-Grafik (logo.jpg) ist zusätzlich noch im Psd-Format (logo-text-aendern.psd) anbei, damit Sie den Text (Homepagename) der Grafik logischerweise auch ändern können. Dazu benötigen Sie jedoch ein entsprechendes Bildbearbeitungs-Programm, wie z. B. Adobe Photoshop, um auf die Textebene Zugriff zu erhalten. Zur Textänderung benutzen Sie das Textwerkzeug und geben Ihren gewünschten Text ein. Ebenso gelangen Sie dort auch auf die jeweiligen Ebeneneffekte des Textes, um bei Bedarf weitere hinzuzufügen bzw. vorhandene auszublenden!
• Nach Anpassung des Textes speichern Sie die Grafik für zukünftige Änderungen zuerst wieder ins Psd-Format und im Anschluß für das Web noch als Jpg-Datei (logo.jpg) in den Ordner "images" zurück. In der externen CSS-Datei unter der Id #logo ist die Grafik-Datei "logo.jpg" bereits hinterlegt, sodass die Grafik nicht mehr im Html-Dokument eingefügt werden muss - sofern der Dateiname der Grafik nicht geändert wird, aktualisiert sich die von Ihnen geänderte Grafik automatisch!
• Übrigens: Eine noch unbeschriftete Logo-Grafik (logo-ohne-text.jpg) liegt dieser Vorlage ebenfalls anbei!