Design: "Fresh"

Kühl erfrischend wirkt das Design dieser Homepage Vorlage aufgrund der hier verwendeten Farben. Für Ordnung und Übersicht sorgen die Boxen auf der linken Seite.

Tabellen- und Div-Konstruktion

Die Gesamtbreite der drei untereinanderliegenden sowie zentrierten Abschnitte (Header, Hauptteil und Footer) beträgt jeweils 770px. Der Header und Footer liegen jeweils in einem "Div"-Container. Der Hauptteil besteht aus einer zweispaltigen Tabelle. Für die Boxen, die innerhalb der linken Tabellenspalte liegen, wurden drei weitere Tabellen definiert, also pro Box eine Tabelle. Bei Bedarf kann in eine oder auch mehrere der Boxen eine Grafik eingesetzt werden, die allerdings nicht breiter als 125px sein sollte, wobei die Höhe nicht berücksichtigt werden muss.
Weitere Boxen können bei Bedarf durch Kopieren einer Tabelle hinzugefügt sowie durch Löschen auch entfernt werden. Alles weitere kann dem Quelltext des Html-Dokuments entnommen werden, da die jeweiligen Abschnitte durch Kommentare gekennzeichnet sind, um Ihnen dadurch die Editierung erheblich zu erleichtern.

Navigation und allgemeine Links

Das vertikale Navigationsmenü kann bedarfsweise unbegrenzt erweitert werden. Ebenso kann auch die Navigationstabelle kopiert und darunter gesetzt werden, um dadurch eine weitere gesonderte Navigation zu erhalten. Der Mouseover-Effekt ist auch hier wieder recht gut gelungen - fahren Sie bitte einmal mit der Maus über die Links - die Buttons verfärben sich beim Hovern (wie üblich ohne Javascript). Die horizontale Navigation ist nur begrenzt erweiterbar. Der Style der Links kann über die ausgelagerte CSS-Datei verändert werden, daher ist nur das Ziel der Verweise über den Html-Text anzupassen. Hier noch ein allgemeiner Link im Text ohne Ziel!

Logo-Grafik

Dieser Vorlage liegt noch eine weitere bzw. unbeschriftete Grafik (header-zum-beschriften.gif) für den Header anbei. Benutzen Sie Ihr Grafik-Programm, um die beiliegende Blanko-Grafik mit Ihrem gewünschten Logo zu bestücken bzw. mit Ihrem Slogan oder Homepagenamen zu beschriften und ersetzen diese anschließend durch die Beispiel-Grafik (header.gif)

Nach Anpassung der Logo-Grafik, Verweise und Fusszeile ist die "index.htm" so oft zu kopieren, wie Seiten benötigt werden. Im Anschluss sind die Html-Dokumente noch dementsprechend umzubenennen.

Weitere Infos

Bitte beachten Sie: Die Nutzung dieser Homepagevorlage ist nur für private Inhalte kostenlos, sofern der Backlink am unteren Ende, der auf unsere Seite (http://www.homepage-vorlagen-webdesign.de/homepagevorlagen/) verweist, erhalten bleibt. Der Backlink darf nur gegen Bezahlung entfernt werden! Für eine gewerbliche bzw. kommerzielle Nutzung ist diese Homepagevorlage ebenfalls zu erwerben. Auf nachfolgenden Links gelangen Sie zu den Nutzungsbedingungen, bzw. zum Bestellformular von homepage-vorlagen-webdesign.de!

Diese Webvorlage ist W3C-konform (valides HTML und CSS)