XHTML und CSS

Kurslevel:
Einsteiger

Zielgruppe:
Web-Entwickler

Voraussetzungen:
keine

Methode:
Vortrag mit Beispielen und Übungen.

Seminarziele:
Die Hypertext Markup Language (HTML, dt. Hypertext-Auszeichnungssprache), oft kurz als Hypertext bezeichnet, ist eine textbasierte Auszeichnungssprache zur Strukturierung von Inhalten wie Texten, Bildern und Hyperlinks in Dokumenten. HTML-Dokumente sind die Grundlage des World Wide Web und werden von einem Webbrowser dargestellt. Neben den vom Browser angezeigten Inhalten einer Webseite enthält HTML zusätzliche Angaben in Form von Metainformationen, die z. B. über die im Text verwendete Sprache oder den Autor Auskunft geben oder den Inhalt des Textes zusammenfassen. An konkreten Beispiel aus dem Internet erlernen Sie in diesem Seminar die Erstellung von Webseiten mit HTML für das Layout und die Funktionalität und CSS für die Textauszeichnung.

Themen:
A. Grundgerüst einer Seite
Titel - Adressbasis und Zielfensterbasis - Meta-Angaben für Suchdienste und Browser - Seitendefinitionen
Organisation von Dateinamen - Informations- und Dateimanagement - Farbe für Hintergrund, Text und Verweise - Hintergrundbilder -
Hintergrundmusik - Verweise - Hyperlinks: Aufbau / Funktion von Verweisen - Verweise zu anderen WWW-Adressen, E-Mail-Verweise
Download-Verweise - Verweise bei Frames - Layer: Layer definieren und positionieren - Hintergrund von Layern - Layer anordnen und kontrollieren

B. Absatztypen, Textgestaltung und Tabellen
Überschriften - Textabsätze, Zeilenumbruchkontrolle- Listen - Logische, physische Textformatierung - Schriftgröße, Schriftfarbe, Schriftart - Bereiche mit mehreren Elementen - Trennlinien - Mehrspaltiger Textfluss -Horizontale und vertikale Abstände - Tabellen: Aufbau, Größe einer Tabelle - Rahmendicke, Gitternetzlinien, Randabstand - Zelleninhalte ausrichten - Zellen verbinden - Farbige Tabellen - Tabellenbeschriftung und Tabellenausrichtung

C. Grafik
Grafiken einbinden - Breite und Höhe von Grafiken - Grafiken beschriften - Text und Grafik in einem Absatz - Grafiken als Verweise - Image Maps

D. Frames
Frame-Sets und Frames definieren - Eigenschaften von Frames - Eingebettete Frames

E. Formulare
Formulare definieren - Einzeilige Eingabefelder - Mehrzeilige Eingabefelder - Auswahllisten und Menüstruktur - Radiobuttons und Checkboxen, Klick-Buttons, Datei-Buttons - Versteckte Elemente in Formularen - Elemente gruppieren und Label für Elemente - Tabulator-Reihenfolge, Tastaturkürzel und Ausgrauen - Buttons zum Absenden oder Abbrechen

F. CSS Style-Sheets
Style-Sheets und HTML - Style-Sheets definieren - Style-Sheets in HTML einbinden - Zentrale Formate definieren - Schnellformatierung im Text - Maßeinheiten, Farbangaben und Regeln - Style-Sheet-Angaben - Schriftformatierung - Schriftformatierung mit Schriftartendatei - Abstände, Ränder, Ausrichtung - Rahmen und Innenabstände - Hintergrundfarben und -bilder - Listen und Tabellen - Pseudo-Formate - Elemente positionieren - Kontextsensitive Vorlagen - Redefinition von HTML-Tags

Referenzkurse:

• Dummy

Empfohlen Aufbaukurse:

• PHP - Intensiv (Grundlagen und Anwendungsentwicklung)
• PHP - Grundkurs
• PHP - Ausbildung