Webdesign - Kriterien für gute Hypertexte

Wann Hypertext, wann normale Textverarbeitung?

Mit den Möglichkeiten des Online-Publishing entsteht ein neues Problem: Wer einen Text in druckbarer Form und als Hypertext haben möchte, muß Abstriche bei der Qualität machen, entweder beim Hypertext oder beim druckbaren Dokument. Oder der Text muß zweimal geschrieben werden, was natürlich keine sehr gute Lösung ist. Die meisten modernen Textverarbeitungs- und "Office"-Programme bieten zwar die Möglichkeit, Dateien als HTML-Text zu speichern, in der Praxis sieht die Web-Seite aber oft doch nicht so aus, wie man sie sich vorgestellt hatte. Nur wer sich mit einfachen Formatierungen bei der Textverarbeitung zufriedengibt, hat eine Chance, daß sein HTML-Dokument so aussieht wie die Textvorlage.
Nur in HTML zu schreiben, ist auch keine Lösung, da die Seiten beim Drucken dort getrennt werden, wo der Platz zu Ende ist und nicht da, wo eine logische Trennung hätte erfolgen sollen.
Generell gilt: HTML-Texte sind nicht dazu da, gedruckt zu werden. Ihr Nutzen liegt vielmehr in den anklickbaren Verweisen ("Links") und einem Format, das nicht papierabhängig ist, sondern von einem Web-Browser in der Form dargestellt werden kann, die am besten zu den Computereinstellungen des Benutzers paßt. Die Breite des Dokuments, Zeilenumbrüche werden der Größe des Browser-Fensters angepaßt, als Schriftart wird gewählt, was auf dem jeweiligen Computersystem verfügbar ist.

Planung einer Webseite

Eine Web-Seite machen zu können, ist die eine Sache. Eine gute Web-Seite machen zu können, die andere. Deshalb ist es sinnvoll, sich erst zu überlegen, welchen Zweck die Seite erfüllen soll. Wenn ein größeres Projekt ansteht (z.B. eine Schul-Homepage), bietet es sich an, Teams zu bilden, die dann spezielle Aufgaben übernehmen: z.B. eine Gruppe für den Inhalt, eine für das Layout (auf Papier) und eine für die Umsetzung des Ganzen. Dadurch können dann auch persönliche Interessen besser in Einklang mit dem Gesamtvorhaben gebracht werden.
Aber auch wenn es sich um eine private Seite (z.B. eine Homepage) handelt, sollte man mehrere Gesichtspunkte geklärt haben, bevor die Web-Seite "programmiert" wird.
Viele Webseiten leiden an einem Zuviel an Effekten und 'Gimmicks'. Ein gutes Layout steht nie für sich, sondern hat immer auch eine inhaltliche Funktion. Grundlegende Fragen sind:

• Was möchte ich auf der Seite darstellen?
  z.B. ein Thema, eine Information, Funktionelles (Formulare), Spaß, Kunst etc.
• Was wird der "Besucher" der Seite erwarten?
  z.B. Übersichtlichkeit, Unterhaltung, schnelle Information etc.
• Wie groß soll die Seite sein?
  Zu große Seiten (mit vielen, großen Bildern) benötigen oft unerträglich lange Lade- und somit Wartezeiten

Referenzen für gute HTML-Programmierung

Hinweise zur richtigen und sinnvollen Gestaltung von Webseiten bieten folgende URLs:

• http://w3c.org
  Das World Wide Web Consortium informiert über neue Standards, Entwicklungen, Fehler etc.
• http://www.ideenreich.com/dr-map.shtml
  Bei Ideenreich findet man über 600 Artikel zu allem rund um Webdesign
• http://www.karzauninkat.com/Goldhtml/index.htm
  Die 'Goldenen Regeln für schlechtes HTML' zeigen, was man nicht machen sollte
• http://www.netsystems.ch/support/style/style-gd/index.htm
  Eine sehr einleuchtende Zusammenfassung mit gut nachvollziehbaren Beispielen
• http://www.bics.be.schule.de/telekommunikation/webseiten/webdesign/index.html
  Hinweise der BICS (Beratungsstelle für Informationtechnische Grundbildung und Computereinsatz in Schulen) / Landesbildstelle Berlin
• http://www.kommdesign.de/
  Webseiten betrachtet aus einer ergonomisch, psychologische Perspektive

Materialien des BLK-Modellversuchs "Informatische Bildung für Lehramtsstudierende" (IBL). Die Nutzung dieser Seite für Bildungszwecke ist frei. Alle Rechte bei Pädagogik und Informatik. Die Dokumente des Modellversuchs dürfen für den privaten Gebrauch kopiert werden. Jede darüber hinaus gehende Vervielfältigung sowie die kommerzielle Nutzung bedürfen der vorherigen schriftlichen Zustimmung.

Haben Sie Fragen - Anregungen - Kritik? Bitte schreiben Sie an: modellversuch@educat.hu-berlin.de Impressum - - 2008 © HU URL: http://www.educat.hu-berlin.de