Kursbeschreibung

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