Tutorials zur Webentwicklung

<l-w-y-s> · Umfangreich · Verständlich

2.3 Unterseiten

Unsere erste Web­seite benötigt zusätzliche Seiten um zu einer richtigen Web­site empor zu steigen. Dazu legen wir zwei weitere Dokumente an und ver­knüpfen diese unter­einander!

Informationsbox

Öffnen Sie die Seite index.html in Ihrem Editor. Speichern Sie die Seite unter den Namen page-01.html und page-02.html in Ihrem Arbeits­verzeichnis ab!

In diesem Fall können Sie die Start­seite unter einem neuen Namen ab­speichern und anschließend den Inhalt an ent­sprechender Stelle ver­ändern. Das spart Zeit und sorgt zusätzlich für eine ein­heitliche Struktur im Dokument. Das Kopieren von Text­bau­steinen kann außer­dem Schreib­fehlern ent­gegen­wirken!

2.3.1 Dokumente anpassen

Die neuen Dokumente werden angepasst ...

Informationsbox

Öffnen Sie die Dokumente page-01.html sowie page-02.html in Ihrem Editor und passen Sie den Code an!

...

###
Website

Das sieht doch schon­mal ganz gut aus und scheint auch zu funktinieren! Testen Sie die Hyperlinks: Zur Website!

Informationsbox

Öffnen Sie die Seite index.html in Ihrem Browser und navigieren Sie zwischen den Webseiten "hin und her". Testen Sie Ihre erste Web­site nach Möglichkeit in unter­schiedlichen Browsern.