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.