CSS (Cascading Style Sheets) - Aufbaukurs

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