Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
| Vorhergehende Überarbeitung | |||
| — | de:modul:m287:learningunits:lu00:11 [2026/03/25 10:18] (aktuell) – vdemir | ||
|---|---|---|---|
| Zeile 1: | Zeile 1: | ||
| + | ====== LU00k - LB01 V2 - Inhalt ====== | ||
| + | |||
| + | |||
| + | Das Fachgespräch LB1 wird die nachfolgenden Themen vertieft behandeln: | ||
| + | * LU01: Verweise und URL-Aufbau | ||
| + | * LU02: CSS-Selektoren | ||
| + | * LU03: Box-Modell | ||
| + | * LU04: Displays | ||
| + | |||
| + | Zur Vorbereitung können Sie sich an den nachfolgenden Vorgaben bzw. Aufgabenstellungen orientieren. Jede/r Kandidat/in muss innerhalb der Zeitvorgabe je eine Aufgabe aus den nachfolgenden Kapiteln bearbeiten. <color # | ||
| + | |||
| + | **1. Benötigtes Fachvokabular** | ||
| + | - HTML-Kommentar-Start, | ||
| + | - HTML-Elemente/ | ||
| + | - Typselektor, | ||
| + | - Box-Modell, margin, padding, border, width, top, bottom, right, left | ||
| + | - font-size, font-type, font-family, | ||
| + | - Verweise, Anker-Tag, relativer Pfad, absoluter Pfad, root-Verzeichnis/ | ||
| + | - White-Spaces | ||
| + | |||
| + | **2. Formales** | ||
| + | - Codestruktur ist nach Best-Practise (Codeebenen, | ||
| + | - Script-Header: | ||
| + | - Script-Code: | ||
| + | |||
| + | **3. LU01 - Verweise und URL-Aufbau** | ||
| + | - Aufbau von relativen und absoluten Pfaden darlegen und exemplarisch aufzeigen können | ||
| + | - Ressourcen (Bilder, Videos) auf dem eigenen Computer, unter Verwendung von relativen Pfaden ins HTML einbinden können. | ||
| + | - Ressourcen (Bilder, Videos) auf dem eigenen Computer, unter Verwendung von absoluten Pfaden ins HTML einbinden können. | ||
| + | - Problematik von White-Spaces im File- oder Pfadnamen erklären und Lösung vorschlagen können. | ||
| + | - White-Space-Fehler in File- und Pfadnamen erkennen und beheben können. | ||
| + | |||
| + | **4. LU02 - CSS-Selektoren ** | ||
| + | - Typ-Selektoren erklären und auf HTML-Elemente anwenden können. | ||
| + | - Klassen-Selektoren erklären und auf HTML-Elemente anwenden können. | ||
| + | - ID-Selektoren erklären und auf HTML-Elemente anwenden können. | ||
| + | - Pseuden-Klassen erklären und auf HTML-Elemente anwenden können: | ||
| + | - hover | ||
| + | - active | ||
| + | - focus | ||
| + | - first-child | ||
| + | - last-child | ||
| + | - nthchild | ||
| + | |||
| + | **5. LU03 - Box-Modell** | ||
| + | - Kann die zwei im Unterricht behandelten Box-Modell nennen und die Unterschiede erklären. | ||
| + | - Kann die vier Bereiche der Box-Modelle nennen und diese nach vorgaben manipulieren. | ||
| + | - Kann den Effekt erklären und demonstrieren, | ||
| + | |||
| + | **6. LU04 - Display** | ||
| + | - Kann darlegen welchen Effekt die CSS-Anweisung //display// erziehlt. | ||
| + | - Kann die im Unterricht behandelten (6) Werte des Propertiy //display// nennen, erklären und demonstrieren. | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | | ||
| + | |||
| + | ---- | ||
| + | [[https:// | ||
| + | |||
| + | |||