zurück

ITS – HTML and CSS

Hersteller
Certiport
Prüfungsdauer
50 Minuten
Anzahl der Fragen
35–45 Fragen
Prüfungssprachen
Englisch, Französisch und andere Sprachen

Zielgruppe

Kandidatinnen und Kandidaten dieser Prüfung sollten syntaktisch korrektes HTML und CSS analysieren und schreiben, Daten mit HTML-Elementen strukturieren sowie Formatierungen mit CSS erstellen und anwenden können. Von Kandidatinnen und Kandidaten wird erwartet, dass sie über mindestens 150 Stunden Unterricht oder praktische Erfahrung mit HTML und CSS verfügen, mit deren Merkmalen und Möglichkeiten vertraut sind und verstehen, wie wohlgeformter HTML- und CSS-Code geschrieben, auf Fehler untersucht und gepflegt wird.

Kompetenzbereiche und Prüfungsziele

1HTML-Grundlagen

  1. 1.1Markup erstellen, das Metadaten-Elemente verwendet
    • script, noscript, style, link, meta-Tags (encoding, keywords, viewport und description)
  2. 1.2Wohlgeformtes Seiten-Markup erstellen
    • DOCTYPE-Deklaration, html, head, body, korrekte Syntax, schließende Tags und häufig verwendete Zeichen

2CSS-Grundlagen

  1. 2.1Inline-Formatierungen, interne (eingebettete) Stylesheets und externe Stylesheets analysieren und umsetzen
    • Wann Inline-Formatierungen, interne (eingebettete) oder externe Stylesheets zu verwenden sind; Rangfolge bei einer Kombination aus Inline-Formatierungen und Stylesheets; Standardformatierung des Browsers
  2. 2.2Regelsätze erstellen und analysieren
    • Gültige Syntax für den CSS-Regelsatz, Selektoren (class, id, Elemente sowie Pseudoklasse und Nachfahre)

3Dokumentstruktur mit HTML

  1. 3.1Markup erstellen und analysieren, um Inhalte zu strukturieren und Daten zu ordnen
    • Tabellen-Tags (table, tr, th, td), h1-h6, p, br, hr, div, span, ul, ol, li
  2. 3.2Markup erstellen und analysieren, das semantische HTML5-Elemente verwendet
    • Semantische Tags (header, nav, section, article, aside, footer, details, summary, figure, caption)
  3. 3.3Markup erstellen und analysieren, das Navigation umsetzt
    • target, Anker (a href), Lesezeichen, relative gegenüber absoluten Verweisen, Navigation in einfachen Ordnerhierarchien, map, area
  4. 3.4Markup erstellen und analysieren, das Formularelemente verwendet
    • Formularattribute, action, method, Übermittlungsverfahren, Eingabetypen und Einschränkungen, select, textarea, button, option, label

4Multimediale Darstellung mit HTML

  1. 4.1Markup erstellen und analysieren, das Bilder anzeigt
    • Die Elemente img und picture und ihre Attribute
  2. 4.2Markup erstellen und analysieren, das Video und Audio wiedergibt
    • video, audio, track, source, iframe

5Webseitengestaltung mit CSS

  1. 5.1Formatierungen erstellen und analysieren, die Inhalte positionieren
    • Positionierung (float, relative, absolute, static und fixed), max-width, overflow, height, width, align, display, inline gegenüber block, visibility, Boxmodell, Außen- und Innenabstände
  2. 5.2Formatierungen erstellen und analysieren, die Text gestalten
    • font-family, color, font-style, font-size, font-weight, font-variant, Linkfarben, Textformatierung, Textausrichtung, Textdekoration, Einzug, line-height, word-wrap und letter-spacing
  3. 5.3Formatierungen erstellen und analysieren, die Hintergründe und Rahmen gestalten
    • border-color, border-style, border-width, Hintergrundeigenschaften, Farben
  4. 5.4Formatierungen erstellen und analysieren, die ein einfaches responsives Layout erzeugen
    • Maßeinheiten (Prozent, Pixel, em, vw, vh), viewport und Media Query, Frameworks und Vorlagen, Arbeiten mit Breakpoints, Raster

6Barrierefreiheit, Lesbarkeit und Testen

  1. 6.1Wohlgeformtes HTML- und CSS-Markup erstellen, das branchenüblichen bewährten Verfahren entspricht
    • Regeln und Regelsätze wiederverwenden, Kommentieren, websichere Schriften, plattformübergreifende Nutzbarkeit, Trennung von Struktur (HTML) und Gestaltung (CSS)
  2. 6.2Grundsätze der Barrierefreiheit anwenden und die Zugänglichkeit von Inhalten bewerten
    • Textalternativen, Farbkontrast und Farbeinsatz, Lesbarkeit der Typografie, Aktivierreihenfolge (tab order), Textvergrößerung, Texthierarchie, translate
  3. 6.3Die strukturelle Unversehrtheit von HTML- und CSS-Markup bewerten
    • Syntaxfehler, nicht übereinstimmende Tags, Probleme mit der Kaskadierung