Die Verzeichnisstruktur einer Website

Verzeichnisstruktur früh planen

Beim Erstellen einer Website sollte man sich frühzeitig über die Verzeichnisstruktur im Klaren sein. Nachträgliche Änderungen der Verzeichnisstruktur sind meistens mit hohem Aufwand verbunden, da viele HTML-Dokumente einzeln geändert werden müssen.

Vorteile einer gut geplanten Verzeichnisstruktur

Eine gut geplante Verzeichnisstruktur birgt einige Vorteile bei der Pflege der Website. Eine themenbezogene Gliederung der Unterverzeichnisse erleichtert die Suche nach Dateien. Auch können bei richtiger Planung ganze Navigationsleisten, sowie <header> und <footer> Bereiche durch Kopieren in den jeweiligen HTML-Dokumenten ergänzt und eingefügt werden.

In Ebenen denken

Bei der Planung der Verzeichnisstruktur sollte in Ebenen gedacht werden. Dies erleichtert das Kopieren von Navigationsbereichen innerhalb einer Ebene.

  1. Ebene: Hauptebene: Hauptverzeichnis mit der index.html Datei. und dem css Verzeichnis
  2. Ebene: Inhaltsebene: Sortierung der Unterseiten nach Inhalt.
  3. Ebene: Unterebene: Untergeordnete Dateien der Inhaltsebene wie z.B. Bilder
Verzeichnisstruktur
Verzeichnisstruktur in Ebenen

Verlinkung richtig setzen

Bei der Verlinkung innerhalb der Website sollte man immer den Weg über das Hauptverzeichnis wählen. Dann lassen sich Navigationsleisten innerhalb einer Ebene kopieren und behalten ihre Funktionalität.

Beispiel:
Verlinkung vom Verzeichnis Inhalt_03 auf eine Datei im Unterverzeichnis Unter_03_1:

<a href="../Inhalt_03/Unter_03_1/Dateiname.html">

Der scheinbare "Umweg" (../Inhalt_03/) über das Hauptverzeichnis sorgt dafür, dass dieser Link in allen Verzeichnissen der Inhaltsebene funktioniert.

Bennenung von Verzeichnissen und Dateien

Bei der Pflege einer Website hilft eine Namensgebung von Verzeichnissen und Dateien, aus der der Inhalt abgeleitet werden kann.

Auf folgende Punkte ist bei der Benennung zu achten:

  • keine Umlaute
  • keine Leerzeichen
  • keine Sonderzeichen
  • Datei- und Verzeichnisnamen sind case-sensitiv d.h. Groß- und Kleinschreibung wird unterschieden!