Webdesign + HTML + CSS + Accessibility

Die Weiterbildung "Einführung ins Webdesign: CSS-Grundlagen" vermittelt eine grundlegende Einführung in die Gestaltung von Webseiten mit Cascading Style Sheets. Der Fokus liegt auf Layout, Typografie und responsiver Darstellung für unterschiedliche Endgeräte.

Syntax und Selektoren
  • CSS-Grundlagen anwenden, um Regeln für Farben, Abstände und Layout im Webdesign zu definieren
  • Selektoren nutzen, um HTML-Elemente im Webdesign gezielt mit CSS zu gestalten
  • Kaskadierung verstehen, um Prioritäten und Überschreibungen in CSS-Grundlagen nachzuvollziehen
  • Stylesheets einbinden, um CSS korrekt in Webdesign-Projekte zu integrieren

Box-Modell und Layout-Techniken
  • Box-Modell anwenden, um Margins, Padding und Rahmen in den CSS-Grundlagen zu steuern
  • Elemente positionieren, um Layouts im Webdesign gezielt aufzubauen
  • Flexbox nutzen, um flexible Layout-Strukturen mit CSS-Grundlagen umzusetzen
  • Abstände festlegen, um Inhalte im Webdesign übersichtlich anzuordnen

Typografie und visuelle Gestaltung
  • Schriften gestalten, um Texte mit CSS-Grundlagen lesbar und konsistent darzustellen
  • Farben einsetzen, um visuelle Akzente im Webdesign gezielt zu setzen
  • Hintergründe definieren, um Flächen im Webdesign strukturiert zu gestalten
  • Schriftarten einbinden, um Typografie in CSS-Grundlagen zu variieren

Responsive Design und Anpassung
  • Responsive Design umsetzen, um Webseiten mit CSS-Grundlagen an Bildschirmgrößen anzupassen
  • Media Queries nutzen, um Layouts im Webdesign geräteabhängig zu steuern
  • Medien anpassen, um Bilder und Inhalte responsiv im Webdesign darzustellen
  • Darstellung prüfen, um Browser-Kompatibilität und Fehler in CSS-Grundlagen zu erkennen

Nach Abschluss der Weiterbildung können die Teilnehmenden Webseiten mit CSS-Grundlagen gestalten. Sie sind in der Lage, Layouts zu strukturieren, Inhalte responsiv anzupassen und visuelle Gestaltungsregeln umzusetzen. Damit verfügen sie über eine solide Basis für weiterführende Aufgaben im Webdesign.