Leitseite zum HTML-Kurs im SoSe 2002

Dokument erstellt: 2002-04-24
Letzte Änderung: 2002-05-03
Autor: Heinrich C. Kuhn

Inhalt

• Einschlägige und z.T. sogar nützliche Links
• Vorschläge zu den Inhalten der "Theoretischen Sitzungen"

Einschlägige und z.T. sogar nützliche Links

• Ankündigung zum Kurs
• Allgemeine Informationen zu HTML und Kontext (Stand: SoSe 2001)
• Links zu Informationen zu Formaten, Spezifikationen, Ratschlägen, &c. betreffend "Veröffentlichen im WWW" (Stand: SoSe 2001)
• HTML 4.01 Spezifikation
• CSS 1 Spezifikation (CSS2 ist z.Z. selbst in den neueren Browsern noch kaum unterstützt …)

Vorschläge zu den Inhalten der "Theoretischen Sitzungen"

• 2002-05-03:
  • Kurzeinführung in SGML
  • Kurze Informationen zur Geschichte von HTML
  • Grundelemente von HTML 4.01:
    • Doctype
    • HEAD
    • BODY
    • class
    • id
  • Die ersten "nützlichen" Sprachelemente:
    • TITLE
    • Überschriften: H1 bis H6
    • Absätze: P
    • Links/Verweise: a href …
    • einfache Listen: ul, ol, li
    • Abteilungsstriche: hr
    • Glossare: dl, dt, dd
    • Inhaltliche Hervorhebung: EM, STRONG
    • "Formale" Hervorhebung: I, B, BIG, SMALL, SUB, SUP
    • Zusammenfassungen von "Undefiniertem": DIV, SPAN
• 2002-05-10:
• Nachträge zu den Sprachelementen:
  • Einbindung von Bildern: IMG
  • Rechnergeeigneter Anweisungstext und sobnstiges EDVliches: CODE
  • Blöcke von Text mit festem Umbruch: PRE
  • Erzwungener Zeilenwechsel innerhalb eines "block-level" Elements: BR
  • Kurzzitate: CITE, Q
  • Längere Zitate: BLOCKQUOTE
• Erste Einführung in Stylesheets:
  • Grundkonzept: Trennung von Struktur und Darstellung
  • Vorteile "externer" Stylesheets
  • CSS1 und CSS2
  • Grundlegende Grammatik
  • Der Verweis auf das Stylesheet: z.B.: <link REL="STYLESHEET" TYPE="text/css" HREF="hckH02s.css">
  • Grundkonzepte: Leinwand, Blöcke, Zeilenbeinhaltetes, Kaskaden
  • Importe
  • Einige häufiger verwendete Formatierungen im Einzelnen
    • Farben: color, rgb(n,m,o)
    • Hintergrundfarbe: background-color
    • Hintergrund-Bilder: background-image, background-attachment
    • Horizontale Ausrichtung: text-align
    • Einzüge: text-indent
    • Ränder bzw. Abstände vom Rand: margin-top, margin-bottom, margin-left, margin-right
    • Rahmen: border-width, border-top-width, border-bottom-width, border-right-width, border-left-width, border-color, border-style
    • Vertikale Ausrichtung: vertical-align
    • Schrifttypen und Schriftgrößen: font-family, font-style, font-weight, font-size,
    • Spezielle Formatierungen für Listeneinträge: list-style-type, list-style-position
    • Pseudo-Elemente: Anker, ErsteZeile, ErsterBuchstabe
• 2002-05-24:
  • Rekapitulation zum Bisherigen
  • Ggf. Nachträge
  • Werkzeuge:
    • W3C / Gerald Oskoboiny: HTML-Konsistenzprüfung
    • W3C: CSS-Validierungsservice
  • Tabellen
• 2002-06-07:
  • Rekapitulation zum Bisherigen
  • Ggf. Nachträge
  • Kurzeinführung zu CGI
  • Formulare
  • Weiteres
• 2002-06-14:
  • Weiteres