In diesem Kurs erlernst du die professionelle Gestaltung von Webseiten mithilfe von HTML5, CSS und Bootstrap. Dir wird vermittelt, wie man Webseiten und andere multimediale Anwendungen benutzerfreundlich und barrierefrei konzeptioniert und umsetzt. Darüber hinaus wirst du mit der Websiteoptimierung für verschiedene mobile Endgeräte vertraut gemacht.
HTML5
- Definition und Grundlagen
- Zeichenkodierung
- Einfache Textformatierung, Listen und Aufzählungen
- Einbinden von Bildern, Hyperlinks
- Tabellen und Formulare, iFrames
- Einbinden von Video und Audio, Meta-Tags
Responsive Webdesign mit CSS3
- Grundlagen und einfache Layouts
- Bedingte Selektoren
- Pseudoklassen und Pseudoelemente
- Flexible Layouts mit Flexbox
- Grafische Elemente und Keyframe-Animationen
- Dynamisches CSS mit Kalkulationen und Variablen
- Media Queries
- Praxisbeispiel: Das Store-Layout für Mobilgeräte optimieren
SCSS & Bootstrap 4
- Einführung in Bootstrap
- Mit Bootstrap layouten
- Bootstraps Grid-System
- Jumbotron und Abstände, Farben und Textformatierung
- Navigationen, Bootstrap-Layouts anpassen
UX-/UI-Design
- Bedarfs- und Anforderungsanalyse
- Das konzeptionelle Leitmotiv
- Informations- und Navigationsarchitektur, Layout
- Design und Gestaltung, Text und Typographie
- Content, Usability und Barrierefreiheit
Prüfungsvorbereitung und Prüfung