Der Kurs Responsive Webdesign vermittelt Themen für die Gestaltung und Optimierung von Webseiten auf unterschiedlichen Bildschirmgrößen.
Kursbeschreibung
Der Kurs ist für Webentwickler und Webdesigner konzipiert, die Webseiten für Endgeräte mit unterschiedlichen Bildschirmauflösungen erstellen möchten.
Seminarinhalte
- 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
Lernziele
Sie lernen, responsive Konzepte, Viewport-Angaben, Mediaqueries und Breakpoints für unterschiedliche Bildschirmgrößen einzusetzen. Zudem behandeln Sie Grids, Frameworks, responsive Inhalte und Navigation sowie die Optimierung mobiler Webseiten.
Zielgruppe
- Webentwicklerinnen und Webentwickler
- Webdesignerinnen und Webdesigner
Angesprochen sind auch Personen, die sich mit der Pflege von Webseiten befassen.
Voraussetzungen
Gute HTML- und CSS-Kenntnisse werden erwartet. JavaScript-Kenntnisse sind von Vorteil.
Nächste Termine
Weitere Termine finden Sie online auf der Kursseite.
Persönliche Beratung
Sie möchten klären, ob dieser Kurs zu Ihrem Bedarf passt? Wir beraten Sie persönlich zu Inhalten, Terminen und passenden Formaten für Einzelpersonen oder Teams.