Kursbeschreibung
Der Kurs ist für Webentwickler und Webdesigner konzipiert, die Webseiten für Endgeräte mit unterschiedlichen Bildschirmauflösungen erstellen möchten. Beim responsiven Webdesign folgen Funktionalität und Design den unterschiedlichen Anforderungen - das Layout der Webseite wird so entworfen, dass unabhängig vom Endgerät eine optimale Benutzerfreundlichkeit erreicht bleibt - also passt sich das Webdesign dem Nutzer an, im Gegensatz zu herkömmlich gestalteten Seiten.
Zielgruppe
Webentwickler und Webdesigner
Voraussetzung für die Schulung
Gute HTML- und CSS-Kenntnisse werden erwartet, JavaScript-Kenntnisse sind von Vorteil.
Kursinhalte
- Vorüberlegungen für mobile Webseiten
- Responsive vs. Fluid und Adaptive Design
- 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