Seminar Modernes Webdesign mit HTML und CSS

Grundlagen der Webgestaltung

• Interaktion zwischen Server und Browser
• Bedeutung von Semantik und Design
• Überblick über die aktuelle Browserlandschaft
• Einführung in einen HTML-Editor

HTML-Grundlagen

• Grundlegende Struktur einer Website
• Erklärung der Begriffe für Element, Tag, Attribut, Kommentar, Style
• Zeichenkodierung und Internationalisierung
• Vorbereitungen für mobile Geräte

CSS-Grundlagen

• Verknüpfung von CSS mit HTML
• Gängige Selektoren auf einen Blick
• Das CSS-Box-Modell verstehen
• Unterschiede zwischen Browsern auffangen

Layout erstellen

• Überschriften, Absätze und Listen erstellen und formatieren
• Links, Bilder und Tabellen einfügen und gestalten
• Positionierungsmöglichkeiten für Inhalte
• Einfache Formulare erstellen und an das Layout anpassen
• Navigationselemente erstellen und positionieren
• Verknüpfungen zwischen HTML-Seiten und zwischen Inhalten

Browserübergreifende Layouts und Debugging

• Browserübergreifendes Design
• Browser-Funktionen testen
• Elemente mit Browser Developer Tools untersuchen
• Browser und Endgeräte simulieren

CSS-Konsolidierung

• CSS Selektoren kennen und anwenden
• Pseudo-Klassen und Pseudo-Elemente
• CSS Farbmodul, intuitive Farben und Transparenz
• Farbverlauf
• Typografie im Detail
• Hintergrundbilder und abgerundete Rahmen
• Schatten für Inhaltsboxen und Text
• Vertikale und horizontale Anordnungen
• Schwebungen und Clearfix
• Inline-Formatierung
• CSS-Tabellenmodell
• Positionierung und Stapelung

Anwendungsfälle im Webdesign

• Komplexe Formulare
• Layouts für mobile Geräte
• Verwendung benutzerdefinierter Schriftarten
• Bilder für hochauflösende Bildschirme
• Horizontale, vertikale und verschachtelte Navigationen
• Mehrspaltige Layouts
• Spalten mit gleicher Höhe
• Flexibles Box-Layout
• Sticky-Fußzeile
• Parallaxes Scrollen
• Video-Hintergründe

Medienausgaben anpassen

• Druckausgabe formatieren
• Media-Queries verwenden