Html-Kurs

im Rahmen des Graduiertenkollegs "Verhaltensstrategien und Verhaltensoptimierung"

jeweils um 18:00 Uhr (s.t.) in U0-139

Es folgt eine Auflistung der (geplanten) Kapitel, damit ihr schon mal einen groben Überblick habt, was im Rahmen des Kurses behandelt werden soll. Je nach Verlauf der einzelnen Termine können hier aber noch größere Verschiebungen / Streichungen / Ergänzungen auftreten.
Ich habe für diesen Kurs eine - keinen Anspruch auf Perfektheit erhebende - schriftliche Ausarbeitung erstellt - die einzelnen Kapitel können auch direkt über die untenstehenden Kapitelüberschriften erreicht werden.
Des Weiteren sind bei einigen Kapiteln im Folgenden Links zu Dateien angegeben, welche im Laufe des entsprechenden Termins zum Arbeiten benutzt werden.

Html-Dateien können entweder mit einem regulären Text-Editor bearbeitet werden oder aber mit Html-Quelltext-Editoren. Letztere sind im Prinzip normale Text-Editoren, sie bieten jedoch das sogenannte syntax highlighting an, bei dem bestimmte Elemente des Quellcodes farbig dargestellt werden, um einen besseren Überblick zu ermöglichen. Einen kostenlosen html-Quelltext-Editor findet man z.B. auf der Seite http://www.scintilla.org/SciTEDownload.html (direkter Link:
http://prdownloads.sourceforge.net/scintilla/Sc1.exe).

30.10.2003

• Begriffsdefinition: "html"
• Wie sieht eine html-Datei prinzipiell aus?
  
  • eine erste Beispieldatei
• Erste eigene Experimente
• ein Arbeitstext
• Das Wichtigste bei Hypertext: die Links
• Wie kann ich meinen Text strukturieren?
  • ein neuer Arbeitstext

6.11.2003

• Und wie formatiere ich meinen Text? - Grundlagen
  • Und wieder ein neuer Arbeitstext!
• Formatieren für Fortgeschrittene: Cascading Stylesheets
  1. einige Farbbeispiele
  2. diverse Formatierungen
  3. Schriftformatierung
  4. Listenformatierung
  5. Auflistung der Formatdefinitionen in der Ausarbeitung
  6. Formatangaben im Kopfbereich
  7. Pseudoformate bei Verweise
  8. Formatangaben mit Klassen
  9. externe Formatangaben durch separate css-Datei
  10. Vorrang bei gemischten Formatangaben
• Wertvolle Formatierungshilfe: die Tabelle
• Meine erste eigene Tabelle
• Gliederungsmöglichkeit einer Tabelle
• Verbindung von Zeilen und Spalten
• Tabellenüberschriften
• Formatierung einer Tabelle mit css
• Beispiel einer (recht komplexen) blinden Tabelle
• die (recht komplexe) Tabelle "sehend", d.h. mit angezeigten Tabellenbegrenzungen

13.11. 2003

• Jetzt wird's bunt: Graphiken
• Bilder einbinden und skalieren
• Bilder als Links
• Bilder als Schmuck
• Verweissensitive Graphiken
• Meine eigene Internetpräsenz
• Wofür ist eigentlich der Kopf da?
• Spielereien mit Fenstern und Unterfenstern (Frames)
• Nützliches für Fortgeschrittene
  • Hier gibt's ein Beispiel für ein Favicon
  • Hier gibt's ein Beispiel für ein Formular
• Technik, die begeistert
  • javascript: Tagesschau.
  • cgi: eBay.
  • php: A-Equine.
  • java applet: Tux-Spiel.
  • active x: Bergrouten.
  • flash: Lord of the rings.
  • flash Version 6: eBay Auktion.

Bei tiefergehenden Fragen zu html und anderen Technologien zur Gestaltung von Netzseiten empfiehlt sich ein Blick auf die sehr zu empfehlende selfhtml-Seite.