Responsive Webdesign mit HTML5 und CSS3

Kursangebot

3-Tage-Kurs

In diesem Training lernen Sie in flexiblen Strukturen denken, Media Queries professionell einsetzen und Usability-Anforderungen umsetzen. Lernen Sie alles über den Umgang mit verschiedenen Layouttypen, den Einsatz von Media Queries sowie die Entwicklung eines modernen Webdesigns. Erfahren Sie wie ein Web-Layout für alle Geräte und Medien funktioniert und Navigations- und Content-Strukturen benutzerfreundlich gestaltet werden. Lernen Sie, wie Sie Formulare, Tabellen oder Slideshows responsiv einsetzen und externe Videoplayer, Maps oder Werbeformate im responsiven Design verwenden.

Inhalt

• Media Queries und flexible Inhalte
  • Responsive Umsetzung eines fixen Layouts
  • Schlüsseltechnologie Media Queries
• Design und Typografie
  • Design von innen nach außen – der Atomic-Design-Ansatz
  • Typografie mit anpassungsfähiger Text
• Semantik und Barrierefreiheit
  • Semantik durch HTML5
  • Semantik durch WAI-ARIA-Rollen
• Responsive Layout-Patterns
  • Darstellungsmuster für unterschiedliche Ausgabegeräte
  • Flexbox-Layout und Grid-Layouts
• Frameworks im Vergleich
  • JavaScript-Bibliotheken und fertige Frameworks verwenden
  • Elegante Stylesheets mit Präprozessoren: SASS, und LESS
• Navigationskonzepte
  • Benutzerfreundliche Navigation für mobile Geräte
  • Toggle-Menüs, Off-Canvas-Menü und Multilevel-Menüs
• SVG und Icon Fonts
  • Responsive Icons
  • Auflösungsunabhängige Grafiken (SVG)
• Syntax für responsive Bilder
  • Responsive Lightboxen, Image Maps, Videos und Inhaltsboxen
  • Unterschiedliche Versionen für responsive Bilder erzeugen
• Testing und Performanceoptimierung
  • Validatoren für HTML und CSS sowie Breakpoints im Browser testen
  • Performanceoptimierung für Grafiken und Bilder sowie Web-Schriften optimieren
  • Caching

Zielgruppe

Studierende und Einsteiger mit grundlegenden Vorwissen in HTML und CSS

Voraussetzungen

Umgang mit dem Betriebssystem (Windows o. Mac OS X)

Preis

kompletter Kurs: 1.300,00 €* (1.547,00 € inkl. 19% MwSt.)

Im Preis enthalten sind

• Getränke (kalt und warm)
• Pausensnacks
• Kursunterlagen
• future-Zertifikat