Struktur und Layout

Willkommen!

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

Home Startseite

Familie Mustermann

Weiter zu 'Links' zur Seite 'Links'