SELFHTML: Fertige Layouts / Layout Nummer 5
Author: Redaktion SELFHTML, selfhtml81@selfhtml.org
Description: Welches die Besonderheiten dieses Web-Seitenlayouts sind, und wie Sie damit arbeiten können.
Keywords: SELFHTML, Web-Layout, Web-Seiten-Layout, HTML-Layout, Web-Seiten-Template, HTML-Dokumentvorlage
Date: 2005-08-22T21:21:39+02:00

| # Layout Nummer 5
| Impressum zu diesem Layout Beispiel mit diesem Layout anzeigen und Layout speichern Hinweise zu diesem Layout

## Impressum zu diesem Layout

Web-Design: | Burkhardt Becker ("becx")
E-Mail: | bb@becx.de
WWW: | http://www.becx.de/

## Beispiel mit diesem Layout anzeigen und Layout speichern

Anzeigebeispiel: So sieht's aus

Wenn Sie dieses Layout für ein eigenes Web-Projekt verwenden möchten, dann haben Sie zwei Möglichkeiten. Möglichkeit 1 müssen Sie benutzen, wenn Sie SELFHTML online im Internet oder in einem Intranet lesen, wo Sie keinen Zugang zu den Dateien von SELFHTML haben. Möglichkeit 2 können Sie benutzen, wenn Sie SELFHTML lokal auf Ihrem Rechner oder in Ihrem Netzwerk gespeichert haben.

### Möglichkeit 1

Klicken Sie auf den folgenden Verweis, um das Layout zu speichern:

ZIP-Datei mit den Dateien des Layouts speichern (33 KByte).

Speichern Sie die ZIP-Datei in ein Verzeichnis Ihrer Wahl. Die ZIP-Datei enthält HTML-, CSS- und Grafik-Dateien, die zum Layout gehören. Damit Sie diese Dateien bearbeiten können, müssen Sie die ZIP-Datei mit einem Unzip-Programm entpacken. Falls Sie kein solches Programm haben, finden Sie im Link-Verzeichnis des Online-Angebots von SELFHTML aktuell eine Produktübersicht mit Links zu Anbietern von solchen Programmen:
SELFHTML-Linkverzeichnis: Pack- und Entpack-Programme.
Entpacken Sie den Inhalt der ZIP-Datei in das Verzeichnis, in dem Sie Ihr Web-Projekt bearbeiten möchten. Falls dieses Verzeichnis noch nicht existiert, legen Sie es vor dem Entpacken der Datei an. Nachdem Sie die ZIP-Datei erfolgreich entpackt haben, können Sie die Projektdateien bearbeiten.

### Möglichkeit 2

Wechseln Sie mit einem Dateiverwaltungsprogramm (Windows Explorer oder ähnliches) in das Verzeichnis, wo SELFHTML abgelegt ist. Wechseln Sie von dort aus weiter in das Unterverzeichnis layouts/nr05/vorlage. Kopieren Sie den gesamten Inhalt dieses Unterverzeichnisses in das Verzeichnis, in dem Sie Ihr Web-Projekt bearbeiten möchten. Falls dieses Verzeichnis noch nicht existiert, legen Sie es vor dem Kopieren der Datei an.

## Hinweise zu diesem Layout

Das Layout verwendet neben unsichtbaren HTML-Tabellen CSS zur Formatierung von Text. Mit den heute am meisten verbreiteten Browsern (Internet Explorer 5.x, Netscape 4.x und 6.x, Opera 5.x) ist das Layout Tests zufolge problemlos darstellbar.

Zu dem Layout gehören folgende Projektdateien:

index.htm
HTML-Datei der vorgeschalteten Einstiegsseite. Den Quelltext können Sie mit einem Texteditor oder einem HTML-Editor bearbeiten. Um den Quelltext zu verstehen und darin arbeiten zu können, benötigen Sie Kenntnisse in HTML und CSS. Besonders wichtig ist Wissen über Tabellen in HTML.

zentrum.htm
HTML-Datei für die eigentliche Einstiegsseite mit den Verweisen zu den Unterseiten. Zum Bearbeiten gelten die gleichen Vorkenntnisse wie bei der index.htm.

thema1.htm
HTML-Datei für eine beliebige Unterseite, die von zentrum.htm aus verlinkt wird.

styles.css
Separate CSS-Datei mit globalen Definitionen zur Formatierung von Text, die in allen HTML-Dateien des Projekts eingebunden wird. Zum Verstehen und Bearbeiten dieser Datei sind Kenntnisse in CSS erforderlich.

images (Verzeichnis)
Grafikdateien, die zur Anzeige verwendet werden. Schauen Sie sich die Grafikdateien mit einem Grafikprogramm oder mit dem Browser einzeln an, um zu verstehen, wie sie im Layout wirken. Falls Sie das Layout farblich verändern, werden Sie vermutlich auch die zum Layout gehörenden Grafiken bearbeiten müssen. Dazu benötigen Sie Kenntnisse in Techniken und Begriffen der Bildbearbeitung. Vor allem die Dateien ani_titel.gif und die bg_pagetitel.gif werden Sie anpassen oder durch eigene Grafiken ersetzen müssen, die das eigene Projekt benennen.

| Layout Nummer 6
| Layout Nummer 4

© 2007 Impressum