Relative und absolute Pfade | informatikZentrale

Websites

Verzeichnisstrukturen und Ordnerhierarchien

www.informatikzentrale.de

Mögliche Struktur einer Website

Verzeichnisname:

website

index.html bild.jpg

ich.html hobbies.html foto.jpg Verzeichnisname:

ueber_mich

Mögliche Struktur einer Website

www.informatikzentrale.de

Verzeichnisname:

website

index.html bild.jpg

ich.html hobbies.html foto.jpg Verzeichnisname:

ueber_mich

Link:

„ueber_mich/ich.html“

Link:

„bild.jpg“

Pfade zu Dateien und Verzeichnissen

Verzeichnisname:

website

index.html bild.jpg

ich.html hobbies.html foto.jpg Verzeichnisname:

ueber_mich

Link:

„ueber_mich/ich.html“

Link:

„bild.jpg“

http://www.xy.de/test/website

Aufrufen der Startseite

www.informatikzentrale.de

Verzeichnisname:

neue_seite

index.html

Link:

„bild.jpg“

Verschieben der Datei index.html in einen anderen Ordner, z.B.

neue_seite

Problem: Verschieben einer Datei

Link:

„ueber_mich/ich.html“

Verzeichnisname:

website

index.html bild.jpg

ueber_mich.html foto.jpg

Verzeichnisname:

html_seiten

Verzeichnisname:

bilder

Verzeichnisebene wechseln

www.informatikzentrale.de

Verzeichnisname:

website

index.html bild.jpg

ueber_mich.html foto.jpg

Verzeichnisname:

html_seiten

Verzeichnisname:

bilder

img src="../bilder/foto.jpg"

.. = "eine Verzeichnisebene nach oben"

Verzeichnisebene wechseln

www.informatikzentrale.de

Übung: Pfade und Verzeichnisstrukturen

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.

Benutzen Sie die Dateien in /html08-UEsdateien-pfade-anpassen/