Webstandards – Workshop
Teil 1 – Die Standards
Die Webstandards
Worum geht es bei den Webstandards?
Ideale Seitenstruktur
Teil 2 – (X)HTML
Was ist valider Code?
Elemente und Attribute verstehen
Doctypes
Das XHTML-Dilemma
Teil 3 – Semantische Auszeichnung
Was ist semantische Auszeichnung?
Inhalte ohne Bedeutung auszeichnen
Inhalte mit falscher Bedeutung auszeichnen
In Vergessenheit geratene HTML-Elemente
Überschriften-Ebenen – die große Diskussion
Teil 4 – Accessibility (Zugänglichkeit)
Warum mit Accessibility beschäftigen?
Disabled groups
Devices and software
Übersprung-Links
Access keys
Zugänglicher Code in Aktion
Erstellen eines einfachen, zugänglichen Formulars
Erstellen einer einfachen, zugänglichen Tabelle
Teil 5 – Einführung in CSS
Warum sollte man CSS benutzen, um Inhalt und Aussehen zu trennen?
Einige Definitionen
Der Dokumentenbaum - wie in einer Familie
Was ist eine Regel oder ein Regel-Set
Gruppieren von Selektoren
Regel-Abkürzungen
Selektoren
Vererbung (
Inheritance
)
Kaskade (
Cascade
)
Spezifität (
Specificity
)
Übersicht über CSS-P (Positionieren per CSS)
Teil 6 – Floats
Grundlegende Float-Regeln
Wohin floaten die Elemente?
Nach unten bis es passt
Ist eine Breitenangabe Pflicht bei Floats?
Elemente um ein floatendes Element
Floats aufheben
Floatende Elemente in einem Container
Floaten eines Bildes
Mehrere Bilder am rechten Rand floaten
Floaten eines
div
s und einer
caption
(Beschriftung)
Floaten einer Thumbnail-Gallerie
Floaten von Vor- und Zurück-Buttons
Inline-Listen floaten
Spalten-Reihenfolge mit Floats ändern
Teil 7 – CSS, Probleme und Fehler
Das Zusammenfallen der Ränder (
margin collapse
)
Randabstände überlisten
Der IE und das Box-Modell
Der "Doppelrand-Bug" (
Double margin bug
)
Abstand zwischen Listenpunkten im Internet Explorer 5 unter Windows
Der um drei Pixel verschobene Text
Copyright © Max Design 2005
Deutsche Übersetzung von
Stefan Walter
Web analytics