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. Die Auswahl der Aufgaben wird am Anfang des Fachgesprächs zufällig ausgewählt.

1. Benötigtes Fachvokabular

1. HTML-Kommentar-Start, HTML-Kommentar-Ende, CSS-Kommentar-Start, CSS-Kommentar-Ende
2. HTML-Elemente/Tags, Property, Property-Wert
3. Typselektor, Klassenselektor, ID-Selektor, Pseudo-Klasse
4. Box-Modell, margin, padding, border, width, top, bottom, right, left
5. font-size, font-type, font-family, Border-Styles, solid, dotted, double, dashed, inset, outset, ridge, grove
6. Verweise, Anker-Tag, relativer Pfad, absoluter Pfad, root-Verzeichnis/directory, sub-directory/Unterverzeichnis, top-directory/Oberverzeichnis
7. White-Spaces

2. Formales

1. Codestruktur ist nach Best-Practise (Codeebenen, Klammerung, …)
2. Script-Header: Kann HTMl- und CSS-Script nach Best-Practise (Autor, Datum, Beschreibung, …) kommentieren.
3. Script-Code: Kann HTMl- und CSS-Script nach Best-Practise incode (abschnitte, Seiteneffekte, Aufgabenteile, …) kommentieren.

3. LU01 - Verweise und URL-Aufbau

1. Aufbau von relativen und absoluten Pfaden darlegen und exemplarisch aufzeigen können
2. Ressourcen (Bilder, Videos) auf dem eigenen Computer, unter Verwendung von relativen Pfaden ins HTML einbinden können.
3. Ressourcen (Bilder, Videos) auf dem eigenen Computer, unter Verwendung von absoluten Pfaden ins HTML einbinden können.
4. Problematik von White-Spaces im File- oder Pfadnamen erklären und Lösung vorschlagen können.
5. White-Space-Fehler in File- und Pfadnamen erkennen und beheben können.

4. LU02 - CSS-Selektoren

1. Typ-Selektoren erklären und auf HTML-Elemente anwenden können.
2. Klassen-Selektoren erklären und auf HTML-Elemente anwenden können.
3. ID-Selektoren erklären und auf HTML-Elemente anwenden können.
4. Pseuden-Klassen erklären und auf HTML-Elemente anwenden können:
   1. hover
   2. active
   3. focus
   4. first-child
   5. last-child
   6. nthchild

5. LU03 - Box-Modell

1. Kann die zwei im Unterricht behandelten Box-Modell nennen und die Unterschiede erklären.
2. Kann die vier Bereiche der Box-Modelle nennen und diese nach vorgaben manipulieren.
3. Kann den Effekt erklären und demonstrieren, was passiert, wenn horizonale und vertikale margins zusammenfallen.

6. LU04 - Display

1. Kann darlegen welchen Effekt die CSS-Anweisung display erziehlt.
2. Kann die im Unterricht behandelten (6) Werte des Propertiy display nennen, erklären und demonstrieren.

Volkan Demir