HTML konkret: Am Beispiel lernen

Christoph Bühlers HTML-Grundkurs
Von links nach rechts Öffnen Sie die Seite "jesuiten.htm" und laden Sie sie, wenn Sie Netscape benützen, über Menü Datei > Seite bearbeiten in den Composer. Drucken Sie sich vielleicht diese Seite als Arbeitsunterlage aus.
 
Die Analyse Die Analyse der Seite zeigt ein im Grunde vorbildliches Handling:
  • Die Kopfzeile führt zum vorigen Kapitel zurück, zum nächsten Kapitel weiter, zur Kapitelübersicht und zur Gesamtübersicht.
  • Die grafischen Buttons sind durch Textlinks ergänzt, weil es Nutzer gibt, die die Grafiken ausschalten - wegen der Schnelligkeit
  • Auch am Ende des Textes findet sich die gleiche Steuerleiste
  • Die Fußzeile zeigt den Autor und das Erstelldatum. Die Angabe der sekundengenauen Zeit lässt vermuten, dass hier ein Maschinchen am Werk war (nach Aussage der Metatags "LaTeX2HTML 0.6.4" )
  • Sieht man sich den Quelltext an, sieht man auch die Bedeutung der geheimnisvollen Zeichen, die der Composer sichtbar macht: Der Test ist vollgespickt mit Ankern ("<A NAME="...">), ebenfalls ein Werk der Maschine.
  • Der Text hat eine deutliche Überschrift und folgt ohne weitere Formatierungen.
Der Plan Was wäre zu tun ?

Wir belassen Kopf und Fußzeile erst einmal so, wie sie sind, und verringern die Laufweite des Textes. Dazu benützen wir eine einspaltige Tabelle.
Die Ausführung Fügen Sie vor der Überschrift eine Tabelle ein - 3 Zeilen, 1 Spalte, 80% der Fensterbreite, zentriert. Wenn Sie das in AOL-Press versuchen, werden Sie sehen, dass das nicht geht, weil die Überschriftenformatierung das ausschließt. Gehen sie dazu mit dem Cursor an den Anfang des eigentlichen Textes.

Verschieben Sie die Überschrift in die erste Zeile und den gesamten Text in die zweite Zeile (entweder über drag & drop oder über Ausschneiden - Einfügen)

Eigentlich sind wir damit bereits fertig.

Da wir aber noch eine Tabellenzeile übrig haben, können wir die gesamte Fußzeile dorthin verschieben.
Feinarbeiten Der Textkörper ist so breit, dass wir Blocksatz probieren können. Da HTML keine generelle Silbentrenn-Automatik hat, ist das bei schmalen Texten nicht zu empfehlen.

Fügen Sie dazu ein (in AOL-Press im Quelltext, im Netscape Composer unter Menü Einfügen > HTML-Tag)

  • am Beginn des Textkörpers (vor "1588") ein "<DIV align="justify">"
  • am Ende des Textkörpers (vor dem letzten "</TD>") ein "</DIV>".

Netscapes Composer zeigt mit den gelben Zeichen an, dass da etwas ist, was er nicht darstellt - die Zentrierung des Textes wird erst in der Vorschau sichtbar. AOL-Press zeigt sofort das Ergebnis an.

Die Überschrift zentrieren wir mit einer einfachen Absatzzentrierung.

Auch die Fußzeile zentrieren wir und trennen den letzten Textlink ("Previous") mit einem einfachen Zeilenumbruch (Return-Taste bei Netscape, Shift-Return bei AOL-Press) in eine neue Zeile ab.

Ihre Seite sollte dann so aussehen wie die Seite jesuiten2.htm

zurück zur Startseite Seite zurück Seite vor