Webdesign + CSS + HTML + User Interface
Diese Weiterbildung vermittelt Kenntnisse in der digitalen Gestaltung und technischen Umsetzung von Webprojekten. Sie umfasst die Entwicklung von Benutzeroberflächen, die Erstellung von Prototypen sowie die Verwendung von HTML, CSS und UI Frameworks.
Modul 1: Webdesign: Digitale Gestaltung und technische Umsetzung
Modul 2: CSS-Strukturen und responsives Frontend
Modul 3: HTML in der strukturierten Webentwicklung
Modul 4: User Interface Frameworks im digitalen Produktdesign
!Webdesign: Digitale Gestaltung und technische Umsetzung
*UI/UX Design und Interface-Gestaltung für strukturierte und funktionale Benutzeroberflächen im Webdesign-Kontext.
*Erstellung von Wireframes und Prototypen mit Figma, Adobe XD und Sketch zur Visualisierung digitaler Webprojekte.
*Technische Umsetzung mit HTML, CSS, Grid Design und Flexbox im Bereich der Frontend Webentwicklung.
*Einführung in WCAG, Style Guides und barrierefreie Webstandards für zugängliche und normgerechte Webseiten.
!CSS-Strukturen und responsives Frontend
*CSS-Eigenschaften, Selektoren und Regeln zur Formatierung von Webseiten mit HTML und JavaScript.
*Flexibles Layout mit CSS Grid, Flexbox und Media Queries zur Umsetzung responsiver Interfaces.
*Einbindung von Frameworks, Designsystemen und Strukturierung von CSS im Developer-Workflow.
*Versionssicherung mit GitHub, Editor-Tools und Strukturierung im Frontend Development.
!HTML in der strukturierten Webentwicklung
*Grundlagen in HTML: Einführung in die Strukturierung von Webseiten, semantische Tags und den Aufbau standardkonformer HTML5-Dokumente.
*HTML & CSS im Zusammenspiel: Gestaltung einfacher Layouts mit CSS, Flexbox und Grid Design zur responsiven Webseitengestaltung.
*Arbeiten mit Webstandards: Umsetzung barrierefreier Webseiten mit WCAG, validem Markup und grundlegenden Usability-Prinzipien.
*Toolchain & Praxis: Einsatz von Code-Editoren, GitHub-Versionierung und HTML-Templates für kollaborative Webentwicklungsprozesse.
!User Interface Frameworks im digitalen Produktdesign
*Grundlagen von UI Frameworks: Einführung in Struktur, Komponenten und Einsatzbereiche für responsive Web- und App-Oberflächen.
*Designsysteme & Komponenten: Anwendung von UIKit, SwiftUI, Flexbox und Compose für konsistente Interfaces und skalierbare UI-Architekturen.
*Prototyping & Gestaltung: Entwicklung interaktiver Interfaces mit Figma, Sketch oder Adobe XD unter Berücksichtigung von Usability-Prinzipien.
*Integration & Testing: Verbindung mit Codebases, UI Testing Workflows und Versionsverwaltung mit Git für kollaborative UI-Entwicklung.
Nach Absolvierung der Maßnahme verfügen die Teilnehmenden über Kenntnisse, um Webprojekte mit HTML, CSS und UI-Frameworks zu gestalten. Sie nutzen Tools wie Figma und GitHub im Kontext der Webentwicklung.