Zur Hauptnavigation springen [Alt]+[0] Zum Seiteninhalt springen [Alt]+[1]

Internetseiten planen

Folgende Fragen müssen geklärt werden:

Eine Web-Präsentation ist die Sammlung von Dokumenten einer Person, Institution oder eines Unternehmens, die auf einem WWW-Server abgespeichert und
dadurch der Öffentlichkeit im Internet zugänglich sind.
  • Welche Themen kommen auf welche Seite?
  • Welche Verknüpfungen zwischen den Einzelseiten soll es geben?
  • Wie sieht eine geeignete Verzeichnisstruktur aus?
  • Welche Art von Grafiken werden eingesetzt?
  • Welche zusätzlichen Medien kommen zum Einsatz (Sound, Video)?
  • Sollen Interaktionen / Formulare eingebaut werden
  • Sind zusätzliche Techniken (CGI, VRML, PERL, JAVA) nötig?
Drehbücher sind unabdingbar, wenn im Team an einer Web-Präsentation gearbeitet wird. Nur so lassen sich viele Konflikte bzw. doppelte Arbeit vermeiden!

1 Struktur einer Site

 

Homepagestruktur

2 Seitendesign

"Grundsätzlich ist die Gestaltung von Web-Seiten immer ein Kompromiss zwischen Ästhetik, Lesbarkeit, Navigation und Dateigröße"

3 Formate

  • Breitwand-Kino 16:9(1.778)
  • "Goldener Schnitt" 8:5(1.618)
  • DIA 36:24 (1.500)
  • DIN Ax 297:210(1.414)
  • Bildschirm 1024:768(1.333)

4 Schrift

Lesbarkeit ist eines der wichtigsten Kriterien überhaupt! Sie hängt entscheidend vom gewählten Font, der Schriftgröße, der Farbe undvom Zeilenabstand ab.

Schrift-Font Gut geeignet für die Lesbarkeit am Bildschirm sind serifenlose Schriften wie Arial oder Verdana.

mit Serifen

  • Times New Roman hat Serifen.

ohne Serifen

  • Arial hat keine Serifen.
  • Sehr verbreitet ist Verdana:
  • Der Font wurde lizenzfrei von Microsoft zur Verbreitung gestellt. Die Buchstaben sind wie 'Arial', doch durch die etwas feinere Auflösung ist er insbesondere im kleinen Bereich glasklar lesbar. Genau dort, wo Arial aufgibt .
  • Effektschriften sparsam verwenden

5 Farben

Für die Seitengestaltung empfiehlt es sich, mit eher wenigen Farben zu arbeiten, diese jedoch innerhalb einer Site regelmäßig zu verwenden. Inhaltliche Gliederungen können mit Farben visuell unterstützt werden.

6 Bilder

*.gif- oder oder *.jpg- bzw. png- Formate verwenden. KB-Größe möglichst klein halten (Ziel: unter 30 KB).