Pfadangaben

In diesem Kapitel lernt Ihr

wie man Pfade angibt

Wie gebe ich die Pfade ein?

Die nachfolgenden Angaben zu Pfaden erläutere ich an Beispielen von Bildern. Allerdings gelten die selben Regeln für Hyperlinks.

Es gibt relative und absolute Pfadangaben in HTML. Bei einer absoluten Pfadangabe wird der Weg durch das Internet beschrieben bis zu der datei, die man aufrufen will. http://www.benni3005.ag.vu ist eine absolute Pfadangabe. Diese verwendet man bei Links auf andere Seiten und wenn die aufzurufenden Dateien auf einem anderen Server liegen als die Website selbst.

Ich empfehle Euch nur Dateien zu verlinken, die auf dem selben Server wie die Homepage liegt. Ansonsten ist nicht gewährleistet, dass die Dateien auf Dauer abgerufen werden können. Sie könnten ja einfach gelöscht worden sein. Außerdem ist dies verboten und kann rechtliche Maßnahmen nach sich ziehen.

Die Grafiken Eurer Homepage bindet Ihr mit relativen Pfadangaben ein. Eine relative Pfadangabe zeigt den Weg von der aktuellen Position aus bis zu der Datei.

Nun wollen wir ein Bild mit dem Namen bild.jpg in die Seite einbinden. Liegen sie im gleichen Ordner sieht der HTML-Code so aus: <img src="bild.gif" width="400" height="50" >

1. Fall:

Befindet sich die Datei in einem Unterordner des aktuellen Ordners, lautet die Pfadangabe: img src="unterordner/bild.gif" .

Die aktuell geöffnete Datei befindet sich im Ordner (Verzeichnis) Html, die Grafik mit dem Dateinamen bild.gif befindet sich im Ordner (Unterverzeichnis) Bilder.

2. Fall:

Die aktuelle geöffnete Datei befindet sich im Ordner Html. Die Grafik mit dem Dateinamen bild.gif befindet sich im Ordner Bilder.
Die beiden Ordner liegen nebeneinander - sind auf der gleichen Ebene.

<img src="../Bilder/bild.gif" width="400" height="50">

Im Gegensatz zum ersten Beispiel wird die Pfadangabe jetzt mit ../ eingeleitet. Mit diesen Zeichen wird signalisiert, dass zunächst eine Ordnerebene zurück und dann in den Ordner Bilder abgezweigt werden soll.

3. Fall:

Der Ordner Bilder enthält zwei Ordner mit namen gif und jpg.
Die aktuelle HTML-Datei befindet sich im Ordner Html.
Die Grafik hat den Dateinamen bild.gif und befindet sich im Ordner Bilder im Unterordner gif.

<img src="../Bilder/gif/bild.gif" width="400" height="50">

Ihr wechselt mit ../ aus dem aktuellen Ordner Html in den übergeordneten Ordner und von da aus in den Ordner Bilder und in den Ordner gif.

4. Fall:

Die aktuelle Datei befindet sich im Ordner Kurs innerhalb des Ordners Html.
Die Grafikdatei befindet sich im Ordner jpg des Ordners Bilder:

Das Prinzip:
Ihr geht mit ../ immer eine Ordner-Ebene nach vorne und verzweigt mit ordner1/ordner2/ordner3/ in den Ordner in dem sich Eure Grafik befindet.

Beispiel:
../../../../bilder/gif/neue/bild.gif wechselt zunächst vier Ordnerebenen nach vorne und verzweigt dann in den Ordner bilder mit dem Ordner gif und dem Ordner neue, in dem sich die Datei bild.gif befindet.

Ihr könnt auch absolute Pfadangaben verwenden. Der Nachteil davon ist allerdings, dass die Angaben wesentlich länger sind und, dass Ihr nach jedem Upload auf Euren Webspace alles neu verlinken müsst. Mit relativen Pfadangaben muss nur im Internet die gleiche Verzeichnishierarchie herrschen wie auf Eurem PC zu Hause.