Design: "Cosmos"

Hier ist die richtige Homepagevorlage für Science Fiction- oder Astro-Fans mit einer kleinen Animation. Beim Öffnen der Seite flackert kurz ein Stern auf, der nach ein paar Sekunden wieder in die Unendlichkeit des Universums verschwindet. Falls Sie diese Animation nicht gleich bemerkt haben sollten, so laden Sie die Seite neu.

Konstruktion: ohne Frames

Diese Homepagevorlage ist eine Div-Boxen-Konstruktion. Die Box bzw. Inhaltsbox, in der Sie gerade lesen, ist mit einer festen Größe von 400px Breite x 300px Höhe absolut positioniert. Die Inhaltsbox ist sowohl horizontal als auch vertikal zentriert ausgerichtet. Im Übrigen ist sie auf 'overflow: auto' gesetzt (overflow: auto = aktiviert bzw. deaktiviert automatisch eine Scrollleiste, je nach eingefügtem Inhalt), daher wird auch bei längeren Textpassagen, so wie es hier gerade der Fall ist, eine Scrollleiste anzeigt, um den Text bis zum Ende lesen zu können; bei weniger Text wird die Scrollbar automatisch deaktiviert. Siehe auch Beispielseite ohne Scrollleiste.

Nachdem die Beispiellinks, der Homepagename und die Fußzeile angepasst sind, ist das Html-Dokument 'index.htm' so oft zu kopieren, wie Seiten benötigt werden. Die neuen Seiten sind beim Abspeichern dementsprechend umzubenennen.

Formatierungen erfolgen über die extern ausgelagerte CSS-Datei.

Navigation und allgemeine Links

Das obere horizontale Navigationsmenü befindet sich in einer Tabelle, die sich innerhalb eines Div-Tags befindet. Nach der Tabelle innerhalb des selben Divs ist der Homepagename in einem weiterem Div-Tag eingetragen, der nach rechts floatet. Das Menü kann bei Bedarf zwar noch ein wenig erweitert werden, aber unter Berücksichtigung der Monitorauflösung von 800 x 600px wäre es vorteilhafter, keine weiteren Links hinzuzufügen.
Die vertikale Navigation liegt innerhalb eines absolut positionierten Div-Tags (ohne Tabelle) und kann ohne Bedenken noch ein wenig erweitert werden, wenn nötig.
Alle Links dieser Seite sind über den Html-Text anzupassen.

Hier ein Beispiel-Link im Text ohne Ziel.

Die Fußzeile

... liegt mit etwas Abstand direkt unter der Inhaltsbox, hat dieselbe Breite erhalten (400px) und ist ebenfalls absolut positioniert.

Weitere Info:

::: Diese Homepagevorlage ist validiert (valides HTML) :::

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

Blindtext

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.