LU05.A01 - Präsentationen Responsive Webdesign [BZZ

Diese Seite ist nicht editierbar. Sie können den Quelltext sehen, jedoch nicht verändern. Kontaktieren Sie den Administrator, wenn Sie glauben, dass hier ein Fehler vorliegt.

====== LU05.A01 - Präsentationen Responsive Webdesign ======

==== Aufgabenstellung ====
  - Bilden Sie **6 Gruppen**.
  - Jede Gruppe erhält **ein eigenes Unterthema** rund um Responsive Webdesign.
  - Erarbeiten Sie eine **max. 5-minütige Präsentation** mit **visueller Unterstützung** (Slides, Codebeispiele, Live-Demo, Screenshots etc.).
  - Erstellen Sie eine **Zusammenfassung** und stellen Sie diesen als **PDF** bereit.

==== Themenübersicht ====

^ Gruppe ^ Thema ^ Leitfragen ^
| 1 | **Was ist Responsive Webdesign?** | Warum braucht man es? Wie hat sich das Web verändert? Was sind die Ziele? |
| 2 | **Mobile First vs. Desktop First** | Was sind die Unterschiede? Wann wendet man welchen Ansatz an? Was sind die Vor- und Nachteile? |
| 3 | **CSS Media Queries** | Wie funktionieren sie? Welche Breakpoints sind sinnvoll? Was sind typische Beispiele? |
| 4 | **Flexible Layouts mit Flexbox/Grid** | Wie helfen moderne Layout-Techniken beim Responsive Design? Welche Vorteile bieten sie? |
| 5 | **Responsive Bilder & Medien** | Wie setzt man Bilder effizient ein? Was sind ''srcset'', ''sizes'' und Co.? Was ist zu beachten? |
| 6 | **Frameworks und Tools** | Welche Werkzeuge gibt es (z. B. Bootstrap, Tailwind, DevTools)? Wie unterstützen sie responsives Design? |