Dies ist eine alte Version des Dokuments!


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. ???

6. LU04 - Display


Volkan Demir

  • de/modul/m287/learningunits/lu00/11.1774430028.txt.gz
  • Zuletzt geändert: 2026/03/25 10:13
  • von vdemir