Hauptnavigation:
Struktur eines Internetprojekts
Eine Homepage besteht in der Regel aus einer Vielzahl von Dateien: html-Dokumente, Grafiken, Töne, Videos etc. Um den Überblick nicht zu verlieren, sollte von Anfang an Klarheit über den strukturellen Aufbau der Seite herrschen - zumindest so weit, dass der Aufbau ohne großen Aufwand erweiterbar ist.
Eine private Homepage besteht z. B. aus folgenden Bereichen:
- Die Startseite, darin sind Verweise enthalten zu "Ferien in Frankreich", "Familienmitglieder" und "Links".
- "Ferien in Frankreich", "Familienmitglieder" und "Links" bezeichnen also schon so genannte "Unterseiten". Diese können jeweils aus einer Seite oder auch aus mehreren Unterseiten bestehen, z.B. für mehrere Familienmitglieder.
- Die "Frankreichseite" ist vielleicht nicht besonders groß, aber nächstes Jahr kommt die Italienferienseite hinzu. Hier sollte also auf Erweiterungsmöglichkeiten geachtet werden.
- Die "Link-Seite" ist nicht besonders groß und wird wohl nur ab und zu aktualisiert.
- Jedes Internetangebot hat als Startseite ein Dokument mit dem Filenamen "index.html", so braucht man lediglich die Domain in der Adressenzeile des Browsers einzugeben, der Rest wird von der Software erledigt.
- Hinzu kommen noch einige Bilder, Hintergründe, Fotos, Icons etc.
Aus der oben skizzierten Seite ergibt sich folgende mögliche Dateistruktur auf dem Webserver:
index.html
frankreichferien.html
oma.html
opa.html
papa.html
mama.html
ich.html
links.html
hintergrund.gif
logo.gif
opa.jpg
oma.jpg
ich.jpg
mama.jpg
papa.jpg
strand.jpg
bar.jpg
sonne.jpg
boot.jpg
fischer.jpg
wandern.jpg
caroline.jpg
hugo.jpg
mamaimsand.jpg
opassonnenhut.jpg
sonnenuntergang.jpg
Wie zu sehen ist, kommen schnell viele Dateien zusammen, die hier alle auf einer Ebene liegen. Es wurden noch keine Unterordner angelegt, die die Dateivielfalt strukturiert. Werden es noch mehr Dateien verliert man schnell die Übersicht und zu löschende Dateien lassen sich kaum noch wieder finden.
Daher ist es ratsam, eine Ordnerstruktur anzulegen. Dabei kommt es vor allem darauf an, dass die Struktur nachvollziehbar bleibt und erweiterungsfähig ist.
Hier nun ein Vorschlag für die Homepage - die Ordnernamen sind fett dargestellt:
index.html
links.html
frankreich
index.html
familie
oma.html
opa.html
papa.html
mama.html
ich.html
images
- familie opa.jpg oma.jpg ich.jpg mama.jpg papa.jpg frankreich strand.jpg bar.jpg sonne.jpg boot.jpg fischer.jpg wandern.jpg caroline.jpg hugo.jpg mamaimsand.jpg opassonnenhut.jpg sonnenuntergang.jpg homepage logo.gif
Der Vorteil dieser Struktur ist die Wiederauffindbarkeit von Dateien, die Erweiterungsmöglichkeit und die Übersichtlichkeit des Webauftritts. Freilich müssen hier die Links zwischen den Seiten korrekt gesetzt sein, moderne Webeditoren erledigen dies aber fast automatisch.
Zu beachten ist hier die Trennung von html-Dateien und Bildern, sie bekommen extra Ordner. Auch die Frankreichferien haben einen extra Ordner bekommen; da ist zwar nur eine index.html drin, es lässt aber dadurch die Option offen, die große Frankreichdatei zu teilen und im Ordner "frankreich" zu belassen.
Sollte irgendwann der Frankreichurlaub aus der Site rausfallen, dann müssen nur die beiden Frankreichordner und die Verweise von den anderen Seiten gelöscht werden. Ein mühseliges Suchen nach obsoleten Dateien entfällt.
Weiter zu: Textformatierung
Dieser Text ist unter einer Creative-Commons-Lizenz lizenziert. Sie dürfen den Inhalt vervielfältigen, verbreiten und bearbeiten, wenn Sie den Namen des Autors nennen und den Text unter den gleichen Lizenzbedingungen weitergeben. Bitte beachten Sie, dass die Bilder anderen urheberrechtlichen Bestimmungen unterliegen.
Literaturtipps: Webseiten basteln
Wolfgang Sachße:
Web-Design für Einsteiger
Saim Rolf Alkan:
Texten für das Internet
Rudolf Arnold:
Wie kommt der Sound ins Internet
Gabriele Hoofacker:
Rechtliche Aspekte von Online-Publikationen
Günther Hörz:
Rechtliche Aspekte bei der Nutzung des Internets durch Schulen