| Struktur
und Layout
|

|
|
Struktur des Webauftritts
Machen Sie sich mit Papier und Bleistift eine Skizze mit den Bestandteilen Ihres
Auftritts und den geplanten Links. Zerlegen Sie dazu die gesammelten Seiteninhalte in logische Einheiten, die Sie in
Seiten zusammenfassen wollen. Notieren Sie für jede geplante Seite einen Dateinamen und
einen (aussagekräftigen) Seitentitel. Beachten Sie dabei:
 |
Der Seitentitel wird i.A. in der Titelleiste des Browser
angezeigt, soll daher wie eine Überschrift der Seite wirken. (Zur
Demonstration: Wenn Sie auf das Wort Seite
klicken, wird diese Seite in einer neuen Instanz des Browsers (in einem neuen Fenster)
angezeigt. Der Titel der Seite lautet: 'Struktur und Layout'). |
 |
Verwenden Sie für Dateinamen nur Kleinbuchstaben und
Ziffern. Webserver unterscheiden zwischen Groß- und Kleinschreibung, d.h. wenn Sie die
Schreibweise der Dateinamen wechseln, funktionieren die Links zwischen den Seiten beim
Testen auf Ihrem Rechner vielleicht noch, im Web klappt es dann aber nicht mehr!
Leerzeichen in Dateinamen sollen tabu sein, wenn Sie ein Trennzeichen brauchen nehmen Sie
den Unterstrich _. |
|
Überlegen Sie sich, wie Sie die Dateien auf dem Server anordnen wollen, ob Sie alle
alle in einem Ordner speichern oder Unterordner verwenden wollen. Das hängt sicher von
der Anzahl der Dateien ab, ich habe z.B. die Grafiken in einem Unterordner /images
gespeichert. Bei einer größeren Anzahl von Dateien sind Unterordner sinnvoll (nicht alle
Anbieter von Speicherplatz für Webauftritte akzeptieren Unterordner, erkundigen Sie sich
vorher).
Layout
Ohne Zweifel, Layout ist Geschmacksache. Trotzdem gilt es, eine Grundregeln für die
durchgehende Gestaltung zu berücksichtigen, nicht umsonst gibt es im Firmenbereich das
geflügelte Wort 'corporate identity'. Meine Schüler schmunzeln im Unterricht immer, wenn
ich einige Websites ironisch als 'Peep-Shows' bezeichne, ich muß dafür damit leben, daß
sicher mache meine Sites mit 'GÄHN' kommentieren. Vielleicht legen Sie einige der
folgenden Thesen Ihrem Webauftritt zu Grunde, wer es genauer wissen will, der besuche mal
den im Linkbereich genannten Verweis zum Thema 'Software-Ergonomie'.
 |
Das Layout folgt dem Inhalt nicht umgekehrt. Sie wollen
dem Besucher i.A. eine Information vermitteln, nicht sein Farbempfinden testen. |
 |
Verwenden Sie Schriftarten, die zusammengehören (z.B. nur
ohne Serifen) und Farben/Hintergründe, die den Inhalt nicht überdecken. |
 |
Wechseln Sie nicht unmotiviert das Layout
(Schriftfarben/Hintergründe), weniger ist oft mehr. |
 |
Verwenden Sie eine klare Sprache!
Und: Höflichkeit ist eine Zier! Begrüßen Sie die Besucher
und helfen Sie ihnen bei der Orientierung durch Navigationshilfen. Ein Link auf die
Homepage sollte als 'Rettungsanker' auf jeder Seite sein. |
 |
Die Struktur der Verweise soll nicht nur für Sie logisch
sein, sondern auch für Neuankömmlinge. |
 |
Geben Sie dem Besucher die Möglichkeit, Spuren zu
hinterlassen, fordern Sie Ihn zum Handeln auf: Kontaktformular, E-Mail-Adresse oder Gästebuch
sollten nie fehlen. |
 |
Verweisen Sie auf andere Internet-Adressen zum selben
Thema. Nicht gerade auf der Homepage, aber ein Linkbereich auf einer folgenden Seite
gehört 'zum guten Ton'. Zeigen Sie Großmut, Ihre Site ist gut und andere wissen auch
was! Wichtig: Sortieren und kommentieren Sie externe Links, der Besucher will vor den
Klick gern wissen, was Ihn erwartet. Und: externe Links sollen sich immer in einem neuen
Browserfenster öffnen, schließlich soll der Nutzer ja recht schnell auf Ihre Site
zurück und nicht x-mal die Schaltfläche >Zurück< anklicken müssen (das macht er
nämlich nicht).
Ein Haftungsausschluß (disclaimer) sollte aus rechtlichen Gründen nicht fehlen (siehe
Linkbereich)! |
|
Ansonsten gilt: Testen Sie Ihre Seiten vor der Veröffentlichung ausgiebig, an der
unterschiedlichen Darstellung in Browsern verschiedener Hersteller kann man manchmal
verzweifeln. Bitten Sie Unbeteiligte um ein Urteil.
Viele der im Bereich der externen Links angegebenen Adressen Informieren Sie
ausführlich zu dem Thema