SELFHTML/Navigationshilfen  Fertige Layouts
	Layout Nummer 2
	Impressum zu diesem Layout  Beispiel mit diesem Layout anzeigen und Layout speichern  Hinweise zu diesem Layout

Impressum zu diesem Layout

Web-Design:	Verena und Ralph Segert
E-Mail:	layouts@segert.net
WWW:	http://segert.net/

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 (17 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/nr02/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 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.

beispielseite.htm
HTML-Datei für eine beliebige Seite der ersten untergeordneten Ebene, die von der Einstiegsseite aus verlinkt wird. Zum Bearbeiten gelten die gleichen Vorkenntnisse wie bei der index.htm.

beispielseite_sub.htm
HTML-Datei für eine beliebige Seite der zweiten untergeordneten Ebene.

kontakt.htm
HTML-Datei mit einer Seite vom Typ der ersten untergeordneten Ebene, die ein Feedback-Formular in passender Optik enthält.

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.

img (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.

	Layout Nummer 3
	Layout Nummer 1
SELFHTML/Navigationshilfen  Fertige Layouts

© 2005  Impressum