Projekt

Übersicht

Sie werden Ihre eigene Website in mehreren Schritten erstellen. Dabei werden Sie verschiedene Technologien einsetzen:

Die Projektschritte sind aufeinander abgestimmt und bauen jeweils auf dem vorherigen Schritt auf. Sie erweitern somit Ihre Website kontinuierlich mit weiteren Funktionalitäten. In diesem Projektteil setzen Sie ein CSS-Framework ein. Sie werden damit Ihre Website aus dem vorherigen Projektteil stylen.

CSS-Framework

Sie stylen alle Webseiten mit Bulma. Alle Webseiten sollen einen einheitlichen Look & Feel erhalten. Denken Sie auch an das Responsive Design. Ihre Website soll auch auf mobilen Endgeräten ansprechend gestaltet sein.

Sie müssen sich auf die vorgegebenen Styles beschränken. In der einfacheren Version von Bulma, können Sie die Variablen für Schriftart, Schriftfarbe etc. nicht ändern. Sie können aber eigene CSS-Klassen definieren und verwenden. Einfach eine separate CSS-Datei erstellen und auch verlinken (link-Element im head-Element verwenden).

Beispiel

Sie finden unter demo.css.ginf.ch ein Beispiel.

Bewertungskriterien

Sie finden die Kriterien in Microsoft Teams.