1.7 KiB
Styling der Fanseite mit CSS
📆 Fällig: 22.10.2023 📆
Sie versehen eine existierende Fanseite mit CSS-Styling, um sie attraktiver aussehen zu lassen.
Lernziele
- Benutzung von CSS
- Setzen von Eigenschaften wie Hintergrund, Ränder, Fonts und Farben
- Einbinden von CSS in eine vorhandene HTML-Seite
HTML-Seite mit Styling
Gestalten Sie die im ersten Assignment entwickelte HTML-Seite mithilfe Cascading Style Sheets (CSS), sodass die Seite attraktiv und interessant aussieht. Hier bieten sich insbesondere Hintergründe, Farben, Schriften und Rahmen an.
Beheben Sie vor dem Styling die Fehler, die Ihnen bei der letzten Abgabe für Ihre Seite gemeldet worden sind, bevor Sie die Seite für dieses Assignment verwenden.
Für das individuelle Styling Ihrer Seite erstellen Sie eine eigene CSS-Datei, die Sie in die Seiten Ihres Fanprojektes einbinden. Verwenden Sie bitte keine Inline-Styles oder direktes Styling von Elementen über das style
-Attribut.
Abgabe
Verwenden Sie das Ihnen zugeordnete Git-Repository und legen Sie für jedes Assignment einen Ordner an: Assignment_01
, Assignment_02
, ...
Innerhalb des Ordners für das Assignment legen Sie bitte folgende drei Ordner an:
src
: Der Source-Code, der nicht im Webroot liegen soll / kanndoc
: Zusätzliche Dokumentation, die Sie zur Verfügung stellen wollensite
: Die fertige Webanwendung. Dieser Ordner ist das Webroot der Anwendung
Legen Sie die Lösung so in Ihrem Repository ab, dass man das Repository einfach clonen kann, dann in den Ordner site
geht und dort einen Webserver (z.B. php -S localhost:8080
) starten kann. Die Seite sollte dann korrekt aufrufbar sein.