Webseiten erstellen Browser zeigen das Web Viele einzelne Publikationen Text ist die Basis Blick auf bits und bytes HTML beschreibt das Web Bau einer HTML-Seite Ihre erste HTML-Seite Ihr eigenes Mini-CMS Ausgestaltung von HTML-Befehlen Bilder einbinden Bildformate beachten Bilder aus dem Internet Seitengestaltung mit CSS Einfache Dynamik mit JavaScript AJAX im Web 2.0 HTML-Editoren

Bau einer HTML-Seite

Nach der Definition der einzelnen Textdarstellungen zeigen sich einige weitere Notwendigkeiten. So sollte die Titelzeile des Browserfensters einen Eintrag bekommen, der den Inhalt der Webseite darstellt. Dieser sollte auch dargestellt werden, wenn die Seite als Lesezeichen aufgenommen wurde.

Spätestens mit der Einführung erster Suchmaschinen für das WWW wurden auch sogenannten Meta-Angaben wichtig, die den Inhalt der Seite beschrieben, für den Nutzer aber nicht zu sehen sind. Das HTML-Gerüst wurde daher in zwei Bereiche eingeteilte: Zum einen gibt es den „Head“, also den Kopf der Seite. Er trägt Zusatzangaben zum Inhalt und zur Gestaltung. Der „body“ dagegen beinhaltet jene Elemente, die der Nutzer tatsächlich als Inhalt der Webseite wahrnehmen soll.

Das Grundgerüst

Entsprechend der oben genannten Aufteilung finden Sie immer das auf der rechten Seite dargestelle Grundgerüst in HTML-Seiten. Für die Bereich des Kopf und Körpers werden Sie noch die passenden Befehle kennenlernen.

Nachbau zum Verständnis

Nutzen Sie bereits hier die Möglichkeit, den komplexer werdenden Aufbau von HTML-Seiten nachzuvollziehen. Legen Sie auf Ihrem Computer ein Verzeichnis für diesen Workshop an und erstellen Sie darin eine reine Textdatei, die die auf der rechten Seite gezeigten Zeilen beinnhaltet. Nennen Sie die Datei „index.html“.

Sofern Sie noch keinen anderen Textdatei-Editor verwenden, können Sie unter Windows „Editor“ nutzen, den Sie unter „Programme -> Zubehör“ finden.

Beachten Sie bitte, dass Windows je nach Voreinstellung die Endungen der Dateinamen nicht anzeigt. Wenn Sie zum Beispiel bei Bildern die Endungen wie „.jpg“ oder „.gif“ nicht sehen, werden diese Angaben von Windows vor Ihnen versteckt.

Nutzen Sie dann im von Ihnen erstellten Ordner die Funktion „Extras -> Vorgaben“ und schalten Sie den Punkt „Bei bekannten Dateitypen Endung verbergen“ aus.