W18 Hypertext-Seiten erstellen I: Elemente      zurück zu GLIK 2 - HTML      zurück zur GLIK 2 - Eingangsseite

Voraussetzungen

W17 Was ist HTML?


Was ist Hypertext?

Hypertext ist nicht-linearer Bildschirmtext. Das heisst, an jeder beliebigen Stelle im - linearen - Text sind Verzweigungen (sog. Links) zu andern Stellen im selben Text, zu Stellen in andern Texten, oder auch zu Nicht-Text-Dateien möglich.

Hypertext gab es schon, bevor es das WWW gab. Damals meinte man, wenn man von "Hypertext" sprach, in der Regel einzelne, separate Hypertext-Anwendungen. Das sind mehr oder weniger grosse Projekte, die mit bestimmten Hypertext-Programmen editiert und präsentiert werden und auf lokalen Rechnern oder LAN-Netzwerken laufen. Bekannte Hypertext-Programme für solche Anwendungen sind Hypercard (Macintosh), Guide (MS-Windows) oder Augment (Workstation-Umgebungen). Typische Projekte dieser Art sind Hyper-Lexika auf CD-ROM.

Hypertext für das WWW muss mit Hilfe der Dateibeschreibungssprache HTML (W17) erstellt werden. Dazu benötigt man spezielle Programme, sog. HTML-Editoren, die ähnlich wie Textprogramme oder Layoutprogramme den Hypertext für ein bestimmtes WWW-Projekt generieren. Die Handhabung dieser Programme muss natürlich erlernt werden, genauso wie man den Umgang mit Textverarbeitungsprogrammen erlernen muss. Anweisungen dazu finden sich in den entsprechenden Handbüchern.


Elemente einer Hypertext-Seite

Abgesehen von den je programmspezifischen Möglichkeiten, die verschiedene Hypertext-Editoren bieten - und oft zu unnötigen Spielereien verführen -, sollte man beim Erstellen einer Hypertext-Seite in jedem Fall ein paar Grundregeln beachten. Eine gute Hypertext-Seite weist etwa die folgenden Elemente auf:


Grafik: Yale Web Style Guide

Grafische Elemente sollten äusserst sparsam eingesetzt werden und immer eine Informationsfunktion erfüllen, die sich mit Text allein nicht erreichen lässt. Blosse dekorative, spielerische Elemente sind nutzlos und verlängern die Ladezeit. In dem folgenden Beispiel wird mit grafischen Elementen auf neue und aktualisierte Dateien aufmerksam gemacht.


Anwendungen

W19 Eine Hypertext-Seite erstellen II: Layout
W20 Voraussetzungen: Was alles ist zu beachten, wenn wir ein Projekt durchführen möchten?
W21 Hypertext-Projekt I: Ziele: Wen wollen wir mit unserem Projekt ansprechen?
W22Hypertext-Projekt II: Site-Design: Wie stellen wir unsere Projekte Lernenden und Lehrenden zur Verfügung?


Aufgaben

offline
  1. Was ist der Unterschied zwischen Hypertext und HTML?
  2. Was bezeichnet der deutsche Begriff "Seite"; was der englische Begriff "Site"?
Lösungen