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 und 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.
Termine und individuelle Planung
Wunschtermin nach Absprache
Für dieses Thema vereinbaren wir den Termin direkt mit Ihnen und stimmen Inhalte, Dauer und Format auf Ihr Team ab.
Individuelles Angebot
Sie erhalten ein individuelles Angebot. Der Preis richtet sich nach Dauer, Format, Teilnehmerzahl und dem Aufwand für die Vorbereitung und Anpassung der Inhalte.
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.