Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:modul:m287:learningunits:lu05:aufgaben:praesentation [2026/01/27 10:49] – gelöscht - Externe Bearbeitung (Unbekanntes Datum) 127.0.0.1
+++ de:modul:m287:learningunits:lu05:aufgaben:praesentation [2026/01/27 10:49] (aktuell) – ↷ Seite von modul:m287:learningunits:lu05:aufgaben:praesentation nach de:modul:m287:learningunits:lu05:aufgaben:praesentation verschoben msuter
@@ Zeile 1: / Zeile 1: @@
+====== 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? |