Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
de:modul:m287:learningunits:lu00:lb01 [2026/01/27 10:49] – gelöscht - Externe Bearbeitung (Unbekanntes Datum) 127.0.0.1de:modul:m287:learningunits:lu00:lb01 [2026/01/27 10:49] (aktuell) – ↷ Seite von modul:m287:learningunits:lu00:lb01 nach de:modul:m287:learningunits:lu00:lb01 verschoben msuter
Zeile 1: Zeile 1:
 +====== LU00d - LB01 ======
 +
 +===== Rahmenbedingungen =====
 +  * Dauer: 20 Minuten
 +  * Benotung: Lineare Notenskala
 +  * Sozialform: Einzelarbeit
 +
 +===== Hilfsmittel =====
 +  * **Eigene** Denkstütze (Cheatseheet) 1 Din A4 <color #ed1c24>(Doppelte werden eingezogen)</color>
 +  * Beidseitig
 +  * Ausdruck (digitale Erstellung möglich)
 +
 +===== Hinweise =====
 +  * Kommunikation zwischen den Lernenden kann zum Ausschluss aus der Prüfung zur Folge haben.
 +  * Bei Fehlen ist ein Arztzeugnis innerhalb 2 Kalenderwochen der Lehrperson elektronisch zuzuschicken.
 +  * Fehlende oder verspätet abgegebene Arztzeugnisse können zur Prüfungsnote Note 1.0 führen.
 +
 +===== Allgemeines =====
 +  * Rückfragen und Unklarheiten können über den TEAMS-Chat bei der Lehrperson platziert werden.
 +
 +===== Lernziele =====
 +
 +==== LU01 - Verweise und URL-Aufbau ====
 +  * Ich kenne die Syntax und seine Bestandteile einer URL.
 +  * Ich kann mindestens drei verschiedene Protokolle aufzählen, die in einer URL verwendet werden können.
 +  * Ich kenne den unterschied zwischen einer Referenzierung mit absoluter und relativer Pfadangabe.
 +  * Ich kann Referenzierungen mit absoluter und relativer Pfadangabe gezielt in HTML-Dokumenten anwenden/einsetzen.
 +
 +==== LU02 - CSS-Selektoren ====
 +  * Ich kenne den Sinn und Zweck von CSS.
 +  * Ich kenne die Bedeutung von Selektoren vs. Deklarationen und kann diese unterscheiden.
 +  * Ich kann CSS-Code sinnvoll kommentieren und leserlich formatieren.
 +  * Ich weiss, wie ich CSS-Code auf drei verschiedene Arten in HTML-Seiten einbinden kann.
 +  * Ich kann folgende einfache CSS-Selektoren syntaktisch (Aufbau) und semantisch (Bedeutung) korrekt anwenden: Typ-, Klassen-, ID-Selektoren.
 +  * Ich kann einen vorgegebenen Webauftritt mit CSS3 nach Vorgaben stylen.
 +  * Ich kenne den Unterschied zwischen Klassen- und ID-Selektor.
 +  * Ich kann den Universal-Selektor syntaktisch (Aufbau) und semantisch (Bedeutung) korrekt anwenden.
 +  * Ich kann ein Vorteil des Universal-Selektors in eigenen Worten widergeben.
 +  * Ich kann den Attributsselektor (Attributwerte oder Teilwert) syntaktisch (Aufbau) und semantisch (Bedeutung) korrekt anwenden.
 +  * Ich kann Pseudoklassen nach Gebrauch syntaktisch (Aufbau) und semantisch (Bedeutung) korrekt anwenden
 +
 +==== LU03 - Box Modell ====
 +  * Ich kenne den Unterschied zwischen dem klassischen und dem neuen Box-Modell.
 +  * Ich kann den Vorteil des neuen Box-Modells in eigenen Worten angeben.
 +  * Ich kann Inhalte (Content) in Boxen syntaktisch (Aufbau) und semantisch (Bedeutung) korrekt mit dem klassischen und dem neuen Box-Modell erstellen und strukturieren.
 +  * Ich kann Inhalte (Content) in Boxen in der ausführlichen und in der kurzen Schreibweise lesen, verstehen, strukturieren und gestalten.
 +  * Ich kann den Begriff zusammenfallende (vertikale) Aussenabstände (Collapsing Margins) in eigenen Worten erklären.
 +
 +==== LU04 - Display ====
 +  * Ich kenne die Standardwerte von der Eigenschaft display und kann den Unterschied in eigenen Worten erklären.
 +  * Ich verstehe den Unterschied zwischen Flexbox und Grid Layout.
 +  * Ich kenne den Aufbau eines Flexbox Layouts (Container, Items) und kenne deren Eigenschaften
 +  * Ich kann ein Flexbox Layout syntaktisch (Aufbau) und semantisch (Bedeutung) korrekt erstellen und strukturieren.
 +  * Ich kenne den Aufbau eines Grid Layouts (Container, Zeilen, Spalten, Zellen).
 +  * Ich kann ein Grid Layout syntaktisch (Aufbau) und semantisch (Bedeutung) korrekt erstellen und strukturieren.
 +
 +[[https://creativecommons.org/licenses/by-nc-sa/4.0/|{{https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png}}]] Kamil Demirci
  
  • de/modul/m287/learningunits/lu00/lb01.txt
  • Zuletzt geändert: 2026/01/27 10:49
  • von msuter