In diesem Kurs erlernst du gutes Webdesign, also die professionelle Gestaltung von Webseiten mithilfe von HTML5, CSS und Bootstrap.
Ein durchdachtes Webdesign sorgt nicht nur für eine ansprechende Optik, sondern auch für hohe Nutzerzufriedenheit. Struktur, Funktionalität und Ästhetik müssen ineinandergreifen und sich sinnvoll ergänzen.
Dir wird vermittelt, wie du mithilfe von Webdesign Webseiten und andere multimediale Anwendungen benutzerfreundlich und barrierefrei konzeptionierst und umsetzt. Darüber hinaus wirst du mit der Websiteoptimierung für verschiedene mobile Endgeräte vertraut gemacht - ein zentraler Aspekt modernen Webdesigns.
In praktischen Übungen wirst du dein Wissen anwenden und deine Fähigkeiten im Bereich Webdesign ausbauen.

HTML5

  • Definition und Grundlagen Webdesign
  • 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 deines Webdesigns
  • Informations- und Navigationsarchitektur, Layout
  • Design und Gestaltung, Text und Typographie
  • Content, Usability und Barrierefreiheit
  • KI im Kontext Webdesign
  • Prüfungsvorbereitung und Prüfung Certified Web Designer