XHTML

Informatik Johann Penon

Strukturierung von Webseiten

Webseiten müssen möglichst klar strukturiert sein. "Ein gutes Layout entsteht durch das Wechselspiel von leeren und gefüllten Flächen. ... Der Text kann erst zur Geltung kommen, wenn er im Kontrast zu einer nicht gefüllten Fläche steht." (internet professional 11/2001 S. 30). 

In der Praxis ergeben sich große Schwierigkeiten, weil HTML als Auszeichnungssprache kein pixelgenaues Design vorsieht. Außerdem stellen die jeweiligen Browser gleiche HTML-Anweisung unterschiedlich dar und die Websurfer benutzen unterschiedliche Bildschirmauflösungen.

Die Forderung nach barrierefreien Webseiten verbietet alle Strukturierungsmöglichkeiten die sich nicht nicht aus dem Inhalt der Seiten ergeben, z. B. die Benutzung von Tabellen zum Seitenlayout.

Frames
Vorteile Nachteile
  • festgelegte Seitenteile können ständig im Blick gehalten werden
  • änderungsfreundlich, weil wiederkehrende Elemente nur einmal bearbeitet werden müssen
  • ungewöhnliche Gestaltungen möglich
  • geringe Akzeptanz
  • Probleme mit Suchmaschinen
  • keine Verlinkung von einzelnen Seiten, "Deeplinks" unmöglich
  • unterschiedliche Darstellung in Browsern bei komplexen Strukturen
  • langfristig ohne Zukunft
  • nicht barrierefrei
Beispiele: NVU Composer

 

Tabellen
Vorteile Nachteile
  • kaum Browserprobleme
  • mit WYSIWYG-Editoren leicht zu erstellen
  • aufgeblähter Quellcode
  • schwer auf Fehler zu überprüfen und zu verändern
  • Layout ungenau, nur mit Hilfe von Blind-Gifs einigermaßen zu kontrollieren
  • nicht barrierefrei
Beispiel: stereoonline

 

CSS
Vorteile Nachteile
  • Barrierefrei
  • Einsparung von Quellcode
  • anpassbar an verschiedene Ausgabegeräte
  • leicht zu ändern
  • einfacher logischer Aufbau
  • Trennung von Information und Repräsentation
  • nicht für ältere Browser geeignet
  • Großer Aufwand bei der Anpassung an alle aktuellen Browser
Beispiele:  Aktion Mensch

 

zum Seitenanfang springen

zum Seitenanfang springen