SELFHTML

Layout Nummer 4

Informationsseite

nach unten Impressum zu diesem Layout
nach unten Beispiel mit diesem Layout anzeigen und Layout speichern
nach unten Hinweise zu diesem Layout

 nach unten 

Impressum zu diesem Layout

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

 

nach obennach unten

Beispiel mit diesem Layout anzeigen und Layout speichern

Layout Nummer 4

Beispiel-Seite 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 ZIP-Datei mit den Dateien des Layouts speichern (35 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:
Online-Seite 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/nr04/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.

nach obennach unten

Hinweise zu diesem Layout

Das Layout verwendet neben unsichtbaren HTML-Tabellen CSS zur Formatierung von Text und JavaScript für den Mouseover-Effekt bei den Pictogrammen der Menüpunkte. 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 Seite HTML-Editor bearbeiten. Um den Quelltext zu verstehen und darin arbeiten zu können, benötigen Sie Kenntnisse in Kapitel HTML und Kapitel  CSS. Besonders wichtig ist Wissen über Kapitel Tabellen in HTML. Beachten Sie die Kommentare im Quelltext der Datei. Dort finden Sie wichtige Anweisungen.

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

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 Seite Techniken und Begriffen der Bildbearbeitung. Besonders die Grafiken mit den Namen name1.gif bis name5.gif sowie projektname.gif müssen Sie selber bearbeiten, um eigene Texte für Menüpunkte und den Text des Projektnamens zu erstellen.

 nach oben
weiter Seite Layout Nummer 5
zurück Seite Layout Nummer 3
 

© 2007 Seite Impressum