Der Kurs ist für Webentwickler und Webdesigner konzipiert, die Webseiten für Endgeräte mit unterschiedlichen Bildschirmauflösungen erstellen möchten.
Inhalt
Vorüberlegungen für mobile Webseiten Verschiedene responsive Konzepte: Fluid, Adaptive und Elastic Layout Viewport-Angaben einfügen Die unterschiedlichen Mediaqueries Breakpoints für Layoutwechsel finden Grids und Frameworks für Grids verwenden Responsive Bilder, Videos, Formulare, Tabellen und andere Elemente Wechselnde Schriftgrößen im responsiven Design Anpassungen der Navigation: Off-Canvas und andere Techniken einsetzen Conditional Loading von Inhalten Performance von mobilen Seiten optimieren Übersicht der Frameworks für mobile Webseiten Tipps und Tricks
Voraussetzungen
Gute HTML- und CSS-Kenntnisse werden erwartet, JavaScript-Kenntnisse von Vorteil.
Zielgruppe
Angesprochener Teilnehmerkreis: Webentwickler und Webdesigner. Angesprochen sind auch Personen, die sich mit der Pflege von Webseiten befassen.
Zielsetzung
In diesem Kurs lernen Sie die Techniken und Konzepte für den Einsatz von responsiven Webdesign kennen.