32 lines
1.7 KiB
Markdown
32 lines
1.7 KiB
Markdown
|
# 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 / kann
|
||
|
|
* `doc`: Zusätzliche Dokumentation, die Sie zur Verfügung stellen wollen
|
||
|
|
* `site`: 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.
|