Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:modul:m287:learningunits:lu00:12 [2026/06/22 08:49] – [LU06 - Bootstrap] vdemir
+++ de:modul:m287:learningunits:lu00:12 [2026/06/30 12:34] (aktuell) – [LU05 - Responsive Webdesign (RWD)] vdemir
@@ Zeile 7: / Zeile 7: @@
 ^1.2 |Ich kann mindestens drei verschiedene //Protokolle// aufzählen, die in einer URL verwendet werden können. |
 ^1.3 |Ich kenne den unterschied zwischen einer //Referenzierung mit absoluter// und //relativer Pfadangabe//. |
-^1.4 |Ich kann Referenzierungen mit //absoluter// und //relativer Pfadangabe// gezielt in HTML-Dokumenten anwenden/einsetzen. |
 ===== LU03 - Box Modell =====
@@ Zeile 14: / Zeile 14: @@
 ^3.1 |Ich kenne den Unterschied zwischen dem //klassischen// und dem //neuen Box-Modell//.  |
 ^3.2 |Ich kann den Vorteil des //neuen Box-Modells// in eigenen Worten angeben. |
-^3.3 |Ich kann Inhalte (Content) in Boxen syntaktisch (Aufbau) und semantisch (Bedeutung) korrekt mit dem //klassischen// und dem //neuen Box-Modell// erstellen und strukturieren. |
+^3.3 |Ich kann den Begriff //zusammenfallende Aussenabstände// (vertikale, Collapsing Margins) in eigenen Worten erklären. |
-^3.4 |Ich kann den Begriff //zusammenfallende Aussenabstände// (vertikale, Collapsing Margins) in eigenen Worten erklären. |
+^3.4 |Ich kann den Begriff //zusammenfallende Aussenabstände// (vertikale, Collapsing Margins) berechnen. |
 ===== LU04 - Display =====
@@ Zeile 25: / Zeile 25: @@
 ^4.4 |Ich verstehe den Unterschied zwischen //Flexbox// und //Grid Layout//. |
 ^4.5 |Ich kann ein //Flexbox Layout// syntaktisch und semantisch korrekt erstellen. |
-^4.6 |Ich kann ein //Grid Layout// syntaktisch und semantisch korrekt erstellen. |
 ===== LU05 - Responsive Webdesign (RWD) =====
@@ Zeile 39: / Zeile 39: @@
 ^5.8 |Ich kann Media Queries mit Breakpoints und //and//-Verknüpfungen syntaktisch und semantisch korrekt erstellen und in HTML-Dokumente einbinden. |
 ^5.9 |Ich kenne die wichtigsten Medienmerkmale (width, height, orientation, resolution etc.) und deren Bedeutung für Media Queries. |
-^5.10 |Ich kann Medienmerkmale mit den Präfixen //min-// und //max-// sowie dem Attribut orientation gezielt in Media Queries einsetzen. |
@@ Zeile 47: / Zeile 47: @@
 ^6.1 |Ich kenne die zwei Varianten, um Bootstrap in ein HTML-Dokument einzubinden (Download und CDN), und deren jeweilige Vor- und Nachteile. |
 ^6.2 |Ich kann erklären, wofür die <link>-Attribute //integrity// und //crossorigin// beim Einbinden von Bootstrap verwendet werden.  |
-^6.3 |Ich kenne den Unterschied zwischen //.container// und //.container-fluid// sowie das 12-Spalten-Raster von Bootstrap. |
+^6.3 |Ich kann erklären was //.container// oder //.container-fluid// sind und wann ich diese einsetze und welchem HTML-Element ich die Container-Klasse sinnvoll zuordne. |
-^6.4 |Ich kann erklären, wann ich //.container// oder //.container-fluid// einsetze und welchem HTML-Element ich die Container-Klasse sinnvoll zuordne. |
+^6.4 |Ich kenne den Unterschied zwischen //.container// und //.container-fluid// sowie das 12-Spalten-Raster von Bootstrap. |
 ^6.5 |Ich kann ein responsives Spaltenlayout mit den Bootstrap-Klassen //container//, //row// und //
 col-// syntaktisch und semantisch korrekt erstellen. |