HTML und CSS Aufbau
Seminarinhalte
Lernziele
- Responsive Layouts mit Flexbox und Grid sicherer umsetzen
- CSS-Komponenten wartbar und wiederverwendbar strukturieren
- Barrierearmut, Tastaturbedienung und Fokuszustände berücksichtigen
- Webseiten systematisch testen und für Produktion vorbereiten
Zielgruppe
HTML- und CSS-Anwenderinnen und -Anwender mit Grundkenntnissen, die komplexere Layouts, responsive Komponenten und wartbare CSS-Strukturen umsetzen möchten.
Praxisnutzen
Nach dem Aufbau Seminar können Teilnehmende anspruchsvollere CSS-Layouts entwickeln, Komponenten stabiler strukturieren und Webausgaben besser testen.
Agenda
Tag 1: Moderne Layouts, Flexbox, Grid und Komponenten
-
Responsive Layoutsysteme
- Mobile-first und responsive Layoutstrategien planen
- Flexbox für Navigationen, Cards und Ausrichtung einsetzen
- CSS Grid für Seitengerüste und komplexere Layouts nutzen
- Layoutfehler systematisch mit Entwicklertools analysieren
-
Komponenten und CSS-Architektur
- Wiederverwendbare Komponenten für Buttons, Karten und Bereiche aufbauen
- CSS-Variablen, Namenskonventionen und Strukturierung nutzen
- Zustände wie Hover, Focus und Active sinnvoll gestalten
- CSS wartbar und teamfähig organisieren
Tag 2: Barrierearmut, Performance, Testing und Produktion
-
Qualität und Barrierearmut
- Semantik, Tastaturbedienung und Fokusführung verbessern
- Kontraste, Alternativtexte und ARIA-Grundlagen einordnen
- Formulare und interaktive Elemente robuster gestalten
- KI-Assistenz für Code-Review, Accessibility-Hinweise und Testideen kritisch nutzen
- Webseiten auf typische Barrierefreiheitsprobleme prüfen
-
Performance und Übergabe
- Bildgrößen, Ladezeiten und einfache Performancefaktoren beurteilen
- CSS und HTML für Pflege, CMS oder Entwicklungsteam vorbereiten
- Browser- und Gerätetests strukturieren
- Checklisten für Veröffentlichung und Qualitätssicherung anwenden
Ablauf & Format
Das Seminar ist als zweitägiges Online-Training oder als Inhouse-Seminar in Präsenz bei Ihnen vor Ort möglich.
Inhalte, Dauer, Beispiele und Übungsdateien können an Kenntnisstand, Zielgruppe und konkrete Unternehmensanforderungen angepasst werden.
Die Schulung ist praxisorientiert aufgebaut. Eigene Webseiten, Dateien oder typische Pflegeaufgaben können einbezogen werden.
Häufige Fragen (FAQ)
Gibt es auch kürzere Formate?
Ja. Die Inhalte sind zusätzlich als Tagesseminare und als einzelne Halbtages-Online-Module verfügbar.
Kann an eigenen Webseiten gearbeitet werden?
Ja. Eigene Beispiele oder typische Aufgaben können nach Absprache in die Übungen einbezogen werden.
Interesse geweckt?
Fragen Sie dieses Seminar unverbindlich an. Wir schnüren ein Paket, das genau zu Ihren Anforderungen passt.