Seminarkatalog

Mit CSS (Cascading Style Sheets) gestaltest du Webseiten nicht nur optisch ansprechend, sondern auch strukturiert, wartbar und passend zum Corporate Design. Dieser CSS-Aufbaukurs richtet sich an alle, die bereits mit Selektoren, Klassen, IDs und grundlegenden Layout-Techniken gearbeitet haben und nun tiefer in professionelle Gestaltungsmöglichkeiten einsteigen möchten. Anhand praxisnaher Beispiele vertiefst du CSS3, Media Queries, responsive Layouts, Positionierung, Flexbox, CSS-Grid, Animationen, Transformationen und barrierearmes Webdesign.

Der Aufbaukurs knüpft inhaltlich an den CSS Grundkurs an und erweitert dein Wissen um typische Anforderungen aus realen Webprojekten: Layouts für unterschiedliche Ausgabemedien, stabile Darstellung in verschiedenen Browsern, Menüs mit CSS, moderne Containerplatzierung und der sinnvolle Umgang mit älteren Techniken wie Float. Wenn du CSS im Zusammenspiel mit weiteren Webtechnologien vertiefen möchtest, passen auch die Schulungen HTML5, CSS3 und JavaScript, Responsive Webdesign und Tailwind CSS thematisch dazu. Durch viele praktische Übungen festigst du die Inhalte direkt und überträgst sie auf eigene Webdesign- und Frontend-Aufgaben.

Wiederholung und fachliche Einordnung

• Einstiegsübung mit Wiederholung zentraler Inhalte aus dem CSS-Grundkurs
• Rolle von CSS für professionelles Webdesign, Layout und Corporate Design
• Zusammenspiel von HTML5, CSS3 und semantischen Strukturelementen
• CSS3-Möglichkeiten und Einordnung der Browserkompatibilität

Responsive Layouts und Ausgabemedien

• CSS für unterschiedliche Ausgabemedien wie screen und print
• Media Queries für flexible Layout-Anpassungen
• Responsives CSS für verschiedene Bildschirmgrößen und Geräteklassen
• Spaltenlayouts mit CSS3
• Praxisnahe Gestaltung von Layouts für Desktop, Tablet und mobile Ansichten

Positionierung und moderne Layout-Techniken

• Positionierung im Detail mit relative, absolute, fixed und sticky
• Float-Layouts und Gründe für den Verzicht in modernen Projekten
• Moderne Containerplatzierung mit Flexbox
• Strukturierte Rasterlayouts mit CSS-Grid
• Vergleich geeigneter Layout-Verfahren für typische Webdesign-Aufgaben

Gestaltung, Effekte und Interaktion

• Hintergrundbilder und Farbverläufe professionell einsetzen
• Transformationen für visuelle Effekte
• Transitions für flüssige Zustandsänderungen
• Animationen mit CSS3
• Menüs mit CSS gestalten und umsetzen

Browser, Kompatibilität und ältere Technologien

• Browserhacks und Polyfills gezielt einordnen
• Ältere Browser im Zusammenspiel mit HTML5 und CSS3 berücksichtigen
• Modernizr, Webshims lib und CSS3 PIE als Werkzeuge für Kompatibilität
• Typische Darstellungsprobleme erkennen und beheben

Barrierearmes Webdesign und Praxisübungen

• Grundlagen für barrierefreies Webdesign mit CSS
• CSS-Strukturen nachvollziehbar und wartbar aufbauen
• Viele praktische Übungen zu den behandelten Themen
• Tipps und Tricks für den CSS-Alltag in Webprojekten

• Grundkenntnisse in CSS entsprechend dem CSS Grundkurs
• Praktische Erfahrung mit HTML-Strukturen, Selektoren, Klassen und IDs
• Grundverständnis für Webseitenaufbau und Webdesign-Prozesse
• Erste eigene Erfahrungen beim Erstellen oder Pflegen von Webseiten

• Webdesignerinnen und Webdesigner, die bestehende CSS-Kenntnisse vertiefen und professionelle Layouts umsetzen möchten
• Webmaster und Content-Verantwortliche, die Webseiten gestalten, pflegen und an Corporate-Design-Vorgaben anpassen
• Frontend-Entwicklerinnen und Frontend-Entwickler, die CSS3, Flexbox, Grid und responsive Layouts praxisnah trainieren möchten
• Projektmitarbeitende aus Webentwicklung und Webdesign, die nach dem CSS Grundkurs den nächsten Schritt gehen

Lernformate

Unsere Seminare bieten dir maximale Flexibilität: Du kannst zwischen Live-Online und Vor Ort in unseren modernen Schulungszentren im D-A-CH Raum wählen. Beide Formate garantieren dir die gleiche hohe Qualität und interaktive Lernerfahrung.

Schulungsarten

Wir bieten dir verschiedene Schulungsarten: Offene Seminare, Firmenseminare für Teams und Inhouse-Schulungen direkt bei dir vor Ort. So findest du genau das Format, das zu deinen Bedürfnissen passt.

Aktuelle Software

In unseren offenen Kursen arbeiten wir mit der aktuellsten Software-Version. So lernst du direkt mit den Tools und Features, die du auch in deinem Arbeitsalltag verwendest - praxisnah und zukunftsorientiert. Bei Inhouse- und Firmenschulungen bestimmt ihr die Version.

D