Seminar Webdesign mit HTML und CSS

HTML-Grundlagen

&nbs

• Grundgerüst einer Website
• Definitionen für Element, Tag, Attribut, Kommentar, Stil
• Zeichenkodierung und Internationalisierung
• Vorbereiten 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 abfangen

Ein Layout erstellen

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

Browserübergreifende Layouts und Debugging

• Browserübergreifendes Design
• Browser-Feature-Test
• Untersuchen von Elementen mit Browser-Entwickler-Tools
• Simulieren von Browsern und Geräten

CSS-Vertiefung

• CSS-Selektoren kennen und anwenden
• Pseudoklassen und Pseudoelemente
• CSS-Farbmodul, intuitive Farben und Transparenz
• Farbverlauf
• Typografie im Detail
• Hintergrundbilder und abgerundete Rahmen
• Schattenwurf für Inhaltsboxen und Text
• Vertikale und horizontale Anordnungen
• Floats und Clearfix
• Inline-Formatierung
• CSS-Tabellenmodell
• Positionierung und Stapelung

Web Design Anwendungsfälle

• Komplexe Formulare
• Layouts für mobile Geräte
• Verwendung eigener Schriften
• Bilder für hochauflösende Bildschirme
• Horizontale, vertikale und verschachtelte Navigationen
• Mehrspaltige Layouts
• Gleich hohe Spalten
• Flexibles Box-Layout
• Sticky-Fußzeile
• Parallaxes Scrollen
• Video-Hintergründe

Medienausgaben anpassen

• Formatierung der Druckausgabe
• Media Queries verwenden

Anzeigen

• JavaScript für die Gestaltung verwenden
• Anwendungsfälle für jQuery und jQuery UI
• Möglichkeiten von CSS-Frameworks