CSS3 Grundlagen für responsive Webseiten

Diese Agenda ist auch Bestandteil (3.-5. Tag) des Kurses

• Cross Browser Layouts und Debugging
  • Cross Browser Design
  • Browser Feature Test
  • Elemente untersuchen mit Browser Developer Tools
  • Browser und Endgeräte simulieren

• CSS Vertiefung
  • CSS3 Selektoren kennen und anwenden
  • Pseudoklassen und Pseudoelemente
  • CSS3 Color Module, intuitive Farben und Transparenz
  • Gradienten
  • Typografie im Detail
  • Hintergrundbilder und abgerundete Rahmen
  • Schattenwurf für Content Boxen und Text
  • Vertikale und Horizontale Anordnungen
  • Floats und Clearfix
  • Inline Formatierung
  • CSS Tabellenmodell
  • Positionierung und Stapelung

• Webdesign Anwendungsfälle
  • Komplexe Formulare
  • Layouts für mobile Endgeräte
  • Individuelle Schriftarten verwenden
  • Bilder für hochauflösende Bildschirme
  • Horizontale, vertikale und verschachtelte Navigationen
  • Mehrspaltenlayouts
  • Gleich hohe Spalten
  • Flexible Box Layout
  • Sticky Footer
  • Parallax Scrolling
  • Video Hintergründe

• Ausgaben für Medien anpassen
  • Print Ausgabe formatieren
  • Media Queries einsetzen

• Ausblick
  • Einsatz von JavaScript für das Design
  • Anwendungsfälle für jQuery und jQuery UI
  • Möglichkeiten von CSS Frameworks

LernzieleMit diesem Seminar perfektionieren Sie Ihre Layout-Fähigkeiten. Sie können komplexe Layouts erstellen und in HTML5 und CSS3 umsetzen. Sie kennen anschließend die Möglichkeiten der Gestaltung und erhalten ein solides Grundwissen.ZielgruppenDas Seminar richtet sich an Webdesigner und Interface- UX-Designer mit Vorkenntnissen in HTML und CSS. Die Inhalte sind an die Möglichkeiten des Internet Explorer 11 und höher ausgerichtet.