Webdesign von Grund auf verstehen

Wir fangen ganz vorne an: Wie ist eine Webseite aufgebaut? Du lernst die wichtigsten HTML-Elemente kennen und wie man sie sinnvoll kombiniert.

Am Ende dieser Woche hast du deine erste simple Seite gebaut und verstehst, warum semantisches HTML wichtig ist.

Jetzt wird es visuell. Du lernst, wie du Farben, Schriften und Abstände gezielt einsetzt, um deine Seite ansprechend zu gestalten.

Wir schauen uns an, wie das Box-Modell funktioniert und warum Padding und Margin nicht dasselbe sind – das verwirrt anfangs fast jeden.

Flexbox ist eines der mächtigsten Werkzeuge im modernen CSS. Du lernst, wie du Elemente horizontal und vertikal ausrichtest, ohne dabei den Verstand zu verlieren.

Nach dieser Woche weißt du, wie man Navigationen, Karten-Layouts und flexible Container baut, die auf verschiedenen Bildschirmen gut aussehen.

Grid ist perfekt für zweidimensionale Layouts. Du lernst, wie man Raster erstellt, Elemente platziert und komplexe Designs umsetzt, die früher nur mit viel Aufwand möglich waren.

Wir bauen zusammen ein vollständiges Seiten-Layout mit Header, Sidebar und Content-Bereich – alles mit Grid.

Deine Website muss auf Smartphones genauso gut aussehen wie auf Desktop-Monitoren. Du lernst, wie Media Queries funktionieren und wie du flexible Layouts baust.

Wir testen deine bisherigen Projekte auf verschiedenen Bildschirmgrößen und passen sie an – so siehst du direkt, wo die Probleme liegen und wie du sie löst.

Kleine Animationen machen den Unterschied zwischen einer statischen und einer lebendigen Website. Du lernst Transitions und einfache CSS-Animationen kennen.

Wir bauen Hover-Effekte für Buttons, sanfte Übergänge zwischen Zuständen und kleine visuelle Details, die deine Seite professioneller wirken lassen.

Technisches Wissen allein reicht nicht – du musst auch verstehen, was gutes Design ausmacht. Wir sprechen über Farbtheorie, Typografie, Whitespace und visuelle Hierarchie.

Du analysierst bestehende Websites und lernst, worauf du achten musst, damit deine eigenen Projekte nicht nur funktional, sondern auch ansprechend sind.

In der letzten Woche baust du dein eigenes vollständiges Projekt – eine Landing Page, ein Portfolio oder eine kleine Business-Website. Du entscheidest selbst.

Wir schauen uns deine Arbeit gemeinsam an, geben Feedback und besprechen, wie du nach dem Kurs weiterlernen kannst. Das ist dein Startpunkt für alles Weitere.