Die Vorarbeit

In der Regel ist eine Webseite nicht nur eine einzige Seite, die erstellt und im Internet publiziert werden soll, sondern es handelt sich hier um ein mehr oder weniger kompliziertes Gebilde aus einzelnen Seiten mit eingebundenen Bildern, Grafiken etc. Zudem wird man die Seiten häufig auch noch untereinander verlinken möchten. Daher ist eine genaue Vorplanung notwendig, will man nicht früher oder später den Überblick verlieren.

Wichtig sind zunächst eine klare Struktur und Bezeichnung der einzelnen Seiten. Hier ist es hilfreich, die Struktur mit einem Baumdiagramm vorzuplanen. Das könnte ungefähr so aussehen:

 

Eingangsseite

Produktbereiche

Infos zur Firma

Service-
Leistungen
Referenzen

Nieder-
lassungen

Kontakt

Produktüber-
sicht A

Produktüber-
sicht B

Produkt-
übersicht C

Bestellung Anfahrt

Anwendungs-
bespiele

Anwendungs-
beispiele

Anwendungs-
beispiele

Warenkorb

Preise

Preise

Preise

Bestellung drucken

Parallel zu dieser inhaltlichen Übersicht, kann man nun die Dateinamen anlegen:
(Bitte beachten Sie, dass die Dateinamen nicht mehr als 8 Zeichen (ohne die automatisch hinzugefügte Dateiart) umfassen sollten, um international kompatibel zu sein. Nicht verwendet werden dürfen ".", "/" und "\", da diese Zeichen entweder auf die angehängte Dateiart hinweisen oder eine URL (www-Adresse) signalisieren. Benützen Sie vorsichtshalber nur Kleinbuchstaben))

e0
e0-tx     e0-fr

p0

i0

s0 r0

n0

k0

pa1

pb1

pb1

b1 a0

pa2

pb2

pb2

b2

pa3

pb3

pb3

b3

tx bedeutet hier Textseite, fr = Frameseite

Der große Vorteil einer solchen Anordnung ist, dass Sie
    leicht überschaubar
und
    jederzeit erweiterbar
ist.

Den ersten Buchstaben wählen wir persönlich immer intuitiv bzw. assoziativ. Bei der Namenlänge versuchen wir immer mit 6 Zeichen auszukommen, damit spätere Erweiterungen genau angepasst und leicht an die richtige Stelle eingefügt werden können.
Sollten in den Produktbereich  A z.B. zu einem späteren Zeitpunkt Accessoires aufgenommen werden, könnte man auf folgende Weise erweitern:

pa1

pa1-ac

pa2

pa2-ac

pa3

pa3-ac

Alle Elemente der Seite bleiben an ihrer Stelle, die Erweiterung kann leicht und übersichtlich eingebaut werden, und die neuen Elemente sind für den Dateientransfer auf den Server leicht zu identifizieren.

Bilder und Grafiken werden genauso bezeichnet und durchnummeriert. p2-3.jpg wäre damit das dritte Bild der Anwendungsbeispiele des Produktbereichs A.

Ein Ordnungssystem dieser Art hat darüber hinaus den Vorteil, dass sich auch Dritte schnell hineinfinden können. Denn in den seltensten Fällen wird eine Seite über lange Zeit nur von einem Einzelnen erstellt, gepflegt, erweitert und immer wieder auf den neuesten Stand gebracht.