***** Übungen: HTML - Verzeichnisse, Seitenstrukturen *****
Vier Dokumente untereinander verlinken
Benutzen Sie für die folgenden Übungen die Dateien im Zip-Archiv *LINK 02html/html08-UEsdateien-pfade-anpassen.zip LINK*. Sie finden dort einen Ordner mit drei leeren Unterordnern (bilder, rechner, seiten), drei Bilddateien (ich.jpg, ozean.jpg und sonnenuntergang.jpg) und vier HTML-Dateien (Inhalt unter der Aufgabenstellung).
1. Rufen Sie die index.html auf und kontrollieren Sie, ob alles funktioniert (Links, Bilder …).
2. Verschieben Sie alle Bilder in das Verzeichnis “bilder”. Passen Sie die Pfade an, so dass alle Bilder auf der Seite wieder angezeigt werden.
3. Verschieben Sie die HTML-Seiten bilder.html, lebenslauf.html und rechner.html in das Verzeichnis “seiten”, um etwas aufzuräumen. Gleichen Sie alle Link- und Bild-Pfade an, damit die Seite wieder voll funktionsfähig ist. (Tipp: Um eine Ebene höher zu wechseln, benutzen Sie zwei Punkte, also z.B. in einer Datei, die im Ordner “seiten” liegt, 
. Das bedeutet: Wechsle eine Verzeichnisebene nach oben, suche dort das Verzeichnis “bilder” und im Verzeichnis “bilder” die Datei “ich.jpg”.)
4. Speichern Sie ein zusätzliches Bild im Ordner “bilder” und fügen Sie es in bilder.html ein.
*** Inhalt der Dokumente ***
1 index.html
--- HTML-Code Start ---
Startseite
Meine Homepage
Ich habe hier einige Materialien für Sie:
Viel Spaß beim Stöbern!
--- Code Ende ---
2 bilder.html
--- HTML-Code Start ---
Bilder
Meine Bilder
Hier sehen Sie meine Bildersammlung:
Meine Sonnenuntergänge
Ich habe mich vor einiger Zeit auf das Fotografieren von Sonnenuntergängen spezialisiert:
Meine Urlaubsbilder
Dieses Bild habe ich in Florida geschossen:
Hier geht's zurück zur Startseite!
--- Code Ende ---
3 lebenslauf.html
--- HTML-Code Start ---
Mein Lebenslauf
Mein Lebenslauf
Geboren: 13.02.2005
Ausbildung: Abitur.
(wird vervollständigt)
Hier geht's zurück zur Startseite!
--- Code Ende ---
4 rechner.html
--- HTML-Code Start ---
Mehrwertsteuer-Rechner
Berechnen Sie die Mehrwertsteuer!
Wegen einer Server-Störung ist der Rechner aktuell nicht betriebsbereit. Schicken Sie mir eine E-Mail, dann rechne ich Ihre MwSt. von Hand aus.
Hier geht's zurück zur Startseite!
--- Code Ende ---