Referat – 28. Oktober 2008

2. November 2008

SEITENGESTALTUNG EINER WEGSITE

von

Schwarz Andreas und Lötsch Carmen

INHALT:

Seitengestaltung

  • Die Seite sollte schnell erreichbar sein
  • Übersichtlich und mit guter Struktur

Beim hervorheben von Texten zwischen wichtig und unwichtig unterscheiden – Skizze anfertigen

Layout

  • Festlegung der Seitenränder
  • Aufteilung der Seite
  • Anordnung der Texte/Grafik/Bedienelemente
  • Festlegung der Schrift
  • Text oben wird früher gelesen als Text unten
  • Wir lesen von oben links nach unten rechts!
  • Keine langen Absätze
  • Wichtiges zu Beginn
  • Hervorheben von Phrasen, Zwischenüberschriften, Aufzählungen
  • Weißraum wichtig bei Textgestaltung

Bildschirmauflösung ist nicht gleich Nutzfläche!

Bildschirmauflösung 800 x 600 Pixel = Nutzfläche 750 x 400 Pixel

Bildschirmauflösung (heutige Auflösung) 1024 x 768 Pixel = Nutzfläche 980 x 570

Pyramidenschema

  • Zusammenfassung des Themas
  • Detaillierte Informationen
  • Informationsverzweigung

Strukturierung der Elemente

  • Farbige Kästchen
  • Tabellen
  • Absätze
  • Abbildung
  • Zwischenüberschriften

Gestaltungsraster

  • Unterteilung in Spalten und Zeilen
  • Einheitliches Layout für alle Seiten
  • Nicht mehr als drei Spalten (Verkürzung der Zeilen)
  • Satzbreite sollte an Schriftart angepasst werden (Größe und Art)
  • Spalten sind links und rechts des Haupttextes angeordnet
  • Günstigen Spaltenabstand festlegen
  • Satzspiegel (Websites und Zeitungen)
  • Festlegen von Spaltenanzahl und -breite für alle Seiten
  • Dokumentenvorlage

seitengestaltung-einer-website

Da ich am 28. Oktober 2008 nicht anwesend war, habe ich diese Mitschrift von Susanne Arnhold.

lg Katrin

Eine Antwort zu „Referat – 28. Oktober 2008“

  1. Andrea Hagauer Sagt:

    Liebe Katrin, umso lobenswerter ist es, dass Du trotzdem eine Mitschrift in Deinem blog veröffentlicht hast! Auch sonst ist Dein blog perfekt geführt! Mach bitte weiter so!
    lg ahag


Kommentar verfassen

Trage deine Daten unten ein oder klicke ein Icon um dich einzuloggen:

WordPress.com-Logo

Du kommentierst mit Deinem WordPress.com-Konto. Log Out / Ändern )

Twitter-Bild

Du kommentierst mit Deinem Twitter-Konto. Log Out / Ändern )

Facebook-Foto

Du kommentierst mit Deinem Facebook-Konto. Log Out / Ändern )

Verbinde mit %s

Follow

Get every new post delivered to your Inbox.