Webseiten einfach schön gestalten und animieren mit CSS

Mit kleinen CSS-Tricks können Sie Ihrer Webseite den richtigen professionellen Look verleihen. Verbessern Sie die Lesbarkeit Ihrer Seite und schaffen Sie durch kleine Animationen ein angenehmes Nutzererlebnis. In diesem Kurs lernen Sie CSS (Cascading Style Sheets) von Grund auf kennen. Die im Kurs besprochenen Beispiele zeigen, wie man mit modulbasiertem Design und gut strukturiertem HTML-Code durch den Einsatz von CSS Webseiten leichter wartbar und wiederverwendbar macht.

Dieser Kurs ist interaktiv gestaltet. Es gibt viele Übungen, welche Sie mit Unterstützung bearbeiten können. Zu jeder Einheit gibt es eine Musterlösung. Alle Unterlagen und Sourcen stehen zum Download bereit.

Gerne können Sie einen eigenen Laptop mit Ihrem Lieblings-Texteditor für Webseiten mitbringen oder den PC vor Ort verwenden. Falls Sie noch keinen Texteditor installiert haben, empfiehlt der Dozent den kostenlosen Visual Studio Code Editor von Microsoft.

Kursinhalte: CSS-Selektoren / CSS-Units / CSS-Pseudo-Klassen before, hover, first / Objekte positionieren / Box-Model / Layout mit flex, float und grid / Keyframe- und Transition-Animationen / Responsive Design mit Media Queries / Icon-Fonts / CSS Images und Sprite Sheets / CSS-Variablen / CSS-Calculations