In diesem Kurs lernen die Teilnehmenden, wie sie moderne, ansprechende Layouts für Websites und Webanwendungen erstellen. Der Fokus liegt auf den Grundlagen des Webdesigns, wobei besonderes Augenmerk auf die Gestaltung benutzerfreundlicher und ästhetisch ansprechender Layouts gelegt wird, die auf allen Geräten und Bildschirmgrößen gut aussehen.
Im Anschluss an die Webdesign-Kompetenzen wird die Zusatzqualifikation in responsivem Design behandelt. Die Teilnehmenden lernen, wie sie Layouts mit CSS-Techniken wie Flexbox, Grid und Media Queries erstellen, die sich nahtlos an verschiedene Bildschirmgrößen und Geräte anpassen, um eine optimale Nutzererfahrung zu gewährleisten.
Kursinhalte:- Einführung in die Prinzipien des modernen Webdesigns und der Benutzererfahrung (UX)
- Grundlagen der Layout-Erstellung für Webanwendungen und Websites
- Erstellung von flexiblen, reaktionsschnellen Layouts mit CSS Flexbox und Grid
- Nutzung von Media Queries für die Anpassung von Layouts an verschiedene Bildschirmgrößen und Geräte
- Implementierung von mobilen First Design-Techniken zur Optimierung der Nutzererfahrung auf mobilen Geräten
- Best Practices für responsives Design und Performance-Optimierung von Layouts
- Testen und Debuggen von responsiven Layouts mit Browser Developer Tools
- Integration von Bildern und Medien, die sich dynamisch an unterschiedliche Geräte und Auflösungen anpassen
- Umgang mit verschiedenen Viewports und Optimierung von Schriftgrößen, Abständen und Layoutstrukturen
- Erstellen eines flexiblen und benutzerfreundlichen Designs für Desktop, Tablet und Smartphone
- Praktische Übungen: Entwicklung eines vollständigen responsiven Layouts für eine moderne Webanwendung