7.3.1 Basiskurs XHTML/CSS - Teil 1
Um was geht es?
XHTML und CSS werden eingesetzt um Webpages im Browser darzustellen. Während XHTML die Struktur einer Webpage festlegt (Titel, Untertitel, Absatz etc.), definiert CSS deren Darstellung (Schriftart, Zeilenabstand etc.).
Dieses Modul vermittelt anhand einer praktischen Übung die Grundlagen beider Sprachen. Es ist für Anfänger konzipiert, die noch kein Wissen mitbringen.
Die Basis -> Software
Für die Arbeit mit XHTML und CSS benötigt man einen Editor und einen aktuellen Browser. Das Angebot an Editoren und Browsern ist riesig.
Editor:
In diesem Modul wird mit Adobe Dreaweaver (Editor), weils es ein Teil der Creative Suite ist und somit weit verbreitet ist. Das Modul ist aber kein Dreamweaver-Kurs. Es geht mit wenigen Ausnahmen nicht auf softwarespezifischen Begebenheiten ein, damit man auch mit einem anderen Editor arbeiten kann.
Browser:
Nicht alle Browser interpretieren XHTML und CSS einheitlich. Um das Modul übersichtlich zu gestalten geht es nicht auf die Eigenheiten verschiedener Browser ein. Deshalb sollte für dieses Modul Firefox verwendet werden.
Firefox ist sehr fortschritlich und interpretiert XHTML und CSS sehr vorbildlich. Firefox für Mac und Windwos ist gratis erhältlich (Link siehe Anhang im Modul).
Ziele
- Vertraut werden mit dem typischen Workflow beim Coding mit XHTML/CSS
- Kennen der grundlegenden Elemente beider Sprachen
- Einsatzgebiete beider Sprachen erklären
Inhalt
- Aufgabe: Das Kochrezept
- XHTML-Dokument anlegen
- XHTML-Grammatik
- XHTML-Grundgerüst
- Datenorganisation
- Inhalt strukturieren
- XHTML validieren
- CSS-Dokument anlegen
- Etwas CSS-Grammatik
- Stylesheets für das Rezept/Aufgabe
- CSS validieren
- Anhang
Autor
René Keller, ala werkstatt, Zürich
Dieser Bereich ist nur für Lern-Werkstatt Abonnenten bestimmt.
Sie müssen angemeldet sein und die notwendigen Rechte besitzen, um diese Seite
sehen zu dürfen. Bitte melden Sie sich oben rechts unter Login an oder klicken Sie hier,
um sich zu registrieren.