Grundaufbau: Projektordner

Bevor mit der Erstellung einer Webseite begonnen wird, ist eine feste Struktur auf dem Computer erforderlich.
Alle Dateien und Ordner werden in einem gemeinsamen Projektordner abgelegt.
Der Projektordner bildet die Grundlage der gesamten Webseite.

Innerhalb des Projektordners werden weitere Ordner angelegt.
Diese Ordner sorgen dafür, dass Inhalte geordnet und leicht auffindbar bleiben.
Eine klare Struktur erleichtert den Einstieg und spätere Änderungen.

Die Ordnerstruktur hat außerdem eine technische Bedeutung.
Die einzelnen Dateien einer Webseite sind miteinander verbunden.
Die HTML-Datei lädt beispielsweise Bilder oder Gestaltungsdateien aus bestimmten Ordnern.
Damit diese Inhalte korrekt geladen werden können, ist eine eindeutige Ablage erforderlich.

Der Ordner projektname enthält alle Dateien und Ordner der Webseite.
Jeder Eintrag erfüllt eine bestimmte Aufgabe.

Der Ordner css enthält die Dateien zur Gestaltung der Webseite.
In diesen Dateien wird festgelegt, wie Inhalte dargestellt werden, beispielsweise Schriftgrößen, Farben oder Abstände.

Der Ordner images enthält Bilddateien.
Dazu gehören unter anderem Fotos, Grafiken oder Symbole, die innerhalb der Webseite verwendet werden.

Die Datei index.html ist die zentrale Datei der Webseite.
Sie bildet den Einstiegspunkt und wird in der Regel als erste Datei geladen.

Inhalte der einzelnen Ordner

Die hier verwendeten Dateinamen dienen ausschließlich der Veranschaulichung.
Die Benennung von Ordnern und Dateien kann frei gewählt werden.
Entscheidend ist eine klare und nachvollziehbare Struktur.

Die vollständige Struktur kann beispielsweise wie folgt aussehen:

Damit ist der grundlegende Aufbau eines Projektordners für eine Webseite dargestellt.