Homepapa-Logo Home Einleitung Unsere Ziele Ausrüstung dieser Kurs Grundlagen Elemente und Attribute HTML-Dokumente strukturelles Markup Site Management Hyperlinks Bilder und Grafiken ohne Fehl und Tadel Spezialfälle Tabellen Formulare Schlussbemerkungen
Schlagwortregister
Übungs-Übersicht
Übungs-Dateien

HTML und XHTML

In diesem Kurs geht's nicht nur um eine HTML-Schnellbleiche. Ich lege einigen Wert darauf, HTML und XHTML von ihrem Konzept und den Ideen her verständlich zu machen, die dahinter stecken. Wir werden daher nicht einfach nur die HTML-Sprache durcharbeiten, sondern vor allem jeweils zu erklären versuchen, warum gewisse Techniken zum Einsatz kommen oder eben gerade nicht.

Ich setze hier voraus, dass Du mit deinem System umzugehen weisst und z.B. selbständig Ordner anlegen und Dateien öffnen und bearbeiten kannst. Wir werden nämlich die graue Theorie irgendwann verlassen, um einzelne Aspekte in praktischen Übungen kennen zu lernen und zu vertiefen.

Den Stoff des ganzen Kurses hab ich in einzelne Abschnitte aufgeteilt, die du auf der linken Seite angezeigt findest, und die ich hier kurz vorstellen möchte:

  1. Einleitung
    • Was wollen wir mit diesem Kurs erreichen?
    • Brauchst du irgendwelche besondere Software dafür?
    • Wie funktioniert der Kurs?
  2. Grundlagen
    • Was ist überhaupt eine Webseite?
    • Web Browser und ihre Eigenheiten
    • Welche Rollen spielen HTML und XHTML?
    • Was sind HTML-Dokumente, HTML-Dateien, Web-Seiten?
  3. XHTML- und HTML-Elemente
    • HTML-Elemente, Attribute, Werte und Inhalte
    • leere Elemente, die nicht leer sind(?)
    • Unterschiede zwischen HTML und XHTML?
  4. Dokument-Struktur unter HTML
    • Die Container-Struktur
    • Die Elemente html, head, body und title
    • strukturbezogenes und darstellungsbezogenes Markup
  5. Strukturierter Inhalt
    • Elemente für Überschriften und Absätze
    • Link zu einem Style Sheet
    • Block- und Inline-Elemente
    • Hervorhebungen
    • Strukturierung mit div und span
  6. Site Resource Management
    • Tipps und Techniken zur Verwaltung der Dateien einer umfangreichen Website
    • Namen für HTML-Dateien
  7. Hyperlinks: alles ist relativ
    • Absolute und Relative Links
    • die Kunst, relative Wege zu finden
    • Absolute Links aus der Site heraus
    • Links innerhalb einer Seite
    • Links zu ftp-Quellen
    • Links zu E-Mail-Adressen
  8. Grafische Elemente
    • die wichtigsten Formate
    • Einbindung über relative URLs
    • Grafiken als Links verwenden
    • Überlegungen zur Benützbarkeit
    • Das alt-Attribut
  9. Validierung
    • was ist damit gemeint?
    • Warum ist das wichtig?
    • Die Typen-Deklaration
    • Das Feedback vom Validator
  10. Meta-Daten, Sonderzeichen und Frames
    • Meta-Daten für bessere Indexierung
    • Sonderzeichen
    • Das Kreuz mit den Frames
  11. Tabellen
    • wann sie angebracht sind und wann nicht
    • Einfache Tabellen mit Zeilen und Spalten
    • Komplexere Fälle mit colspan und rowspan
  12. Formulare
    • Grundlagen
    • kleine und grosse Eingabefelder
    • Passwort-Felder
    • Checkboxen
    • Radio-Knöpfe
    • Drop-Down-Menüs
    • Auswahllisten
    • Absenden oder zurückstellen
Homepapa
März 2004
Vorheriger Abschnitt:
Home
Nächster Abschnitt:
Unsere Ziele