Start Themenbereiche Stichwortsuche Literaturdatenbank Vorlesung

Hypertext und Webseite

 Lernziele

Was ist HTML?

Wenn Sie einen Text am Computer schreiben, machen Sie eigentlich immer zweierlei: Sie schreiben zum einen den einfachen Inhalt des Textes und geben zum anderen Anweisungen, wie dieser Inhalt strukturiert und dargestellt werden soll.
Das geschieht auch bei jedem normalen Textverarbeitungsprogramm, nur wird es den Benutzern oft gar nicht bewußt, da die Programme dies sozusagen im Hintergrund erledigen: "Formatierungssprachen" geben über bestimmte Zeichen - "Steuerzeichen" - Anweisungen für die äußere Gestaltung eines Textes, also zum Beispiel Schriftgröße, Fettdruck, Kursivdruck, Absätze usw.

Im Gegensatz zu diesen "Formatierungssprachen" ist HTML eine "Strukturbeschreibungssprache", die nicht das genaue Aussehen eines bestimmten Textteiles festlegt, sondern seine Funktion im Gesamttext.
Beispiel: Während ich mit einer herkömmlichen Formatierungssprache die Anweisung gebe: "Mache diesen Teil bitte fettgedruckt und in einer größeren Schriftart", gebe ich mit HTML die Anweisung: "Dieser Teil ist eine Überschrift und muß entsprechend hervorgehoben werden." Wie diese Hervorhebung im einzelnen genau geschieht, bleibt dem jeweiligen Programm überlassen, mit dem die Seite betrachtet wird.

Was sind die Besonderheiten an HTML?

Das Besondere an HTML ist zum einen, daß man damit nicht nur Texte darstellen kann, sondern auch Grafiken, Videos und Tondateien.
Zum anderen gibt es die spezielle Möglichkeit, mit Verweisen (Links) zu arbeiten: das heißt, daß man einzelne Textstellen "anklicken" kann, und dadurch zu anderen Stellen im Dokument oder auch zu anderen Seiten gelangt. Diese Textart nennt man "Hypertext", daher auch der Name HTML (HyperText Markup Language).

Web-Browser als Interpreter von HTML-Texten

Im Bereich des World Wide Web hat sich HTML als Standard etabliert. Anders als z.B. normale Textverarbeitungssysteme kann HTML "plattformunabhängig" von unterschiedlichen Systemen gelesen / dargestellt werden.
Die entsprechenden Programme, mit denen man HTML-Dateien lesen kann, heißen Web-Browser: die zur Zeit bekanntesten sind der Microsoft Internet Explorer und der Netscape Communicator / Navigator.

Wie schreibt man HTML-Texte? Was sind "Tags"?

Anders als bei normalen Formatierungssprachen werden bei HTML-Dokumenten die Anweisungen zur Textgestaltung ausdrücklich in den Text geschrieben.
Dazu benutzt man sogenannte "Tags", die sich begrifflich an der erwünschten Textstruktur orientieren:
So steht der Tag <H1> für Header 1, also eine Überschrift ersten Grades, <br> für break, einen Zeilenumbruch, <table> für Tabelle und so weiter.
Eine grundlegende Anleitung zum Schreiben eines HTML-Textes mit verschiedenen Beispielen finden Sie auf der Seite " HTML-Tags".

Mit welchem Programm schreibt man einen HTML-Text?

Um einen HTML-Text zu schreiben, haben Sie folgende Möglichkeiten:

  1. mit einem reinen Text-Editor
  2. mit einem textbasierten HTML-Editor
  3. mit einem "WYSIWYG"-HTML-Editor

Auf der folgenden Seite erfahren Sie mehr über verschiedene Programme zum Schreiben von HTML-Text.

Wie macht man HTML-Seiten für andere zugänglich?

Um eine Webseite veröffentlichen zu können, muß die fertige HTML-Seite (kurz: "Webseite") auf einem Server-Computer abgespeichert werden ("ins Netz stellen"). Danach ist sie allgemein zugänglich und kann von jedem beliebigen Computer mit Anbindung an das Internet aufgerufen werden, vorausgesetzt, er hat einen Webbrowser, der inzwischen aber meist schon als Standardsoftware in den gängigen Betriebssystemen enthalten ist.

Übungen

  1. Informieren Sie sich über die gebräuchlichsten HTML-Tags.
  2. Üben Sie den Gebrauch der wichtigsten Tags auf einer Übungsseite.
  3. Schreiben Sie eine kurze HTML-Seite mit dem Editor Ihres Computers, speichern Sie diese ab und sehen Sie sich die Seite mit Ihrem Browser an.
  4. Versuchen Sie einmal, eine Webseite zu veröffentlichen.
  5. Basteln Sie eine Seite mit Ihren Lieblings-Links im WWW oder den Emailadressen ihrer Freunde und Bekannten.
  6. Erstellen Sie eine eigene Homepage und beachten Sie Hinweise zum Thema " Webdesign - Kriterien für gute Hypertexte".

Weitere Möglichkeiten

Anleitungen im WWW (deutsch) Referenzen im WWW (englisch)
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.
IBL Haben Sie Fragen - Anregungen - Kritik? Bitte schreiben Sie an: modellversuch@educat.hu-berlin.de
Impressum - - 2009 © HU
URL: http://www.educat.hu-berlin.de