diff --git a/Assignment_002/readme.md b/Assignment_002/readme.md new file mode 100644 index 0000000..d7cd16d --- /dev/null +++ b/Assignment_002/readme.md @@ -0,0 +1,32 @@ +# 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. \ No newline at end of file diff --git a/readme.md b/readme.md index e5ba238..facd9de 100644 --- a/readme.md +++ b/readme.md @@ -10,6 +10,7 @@ Die Kursmaterialien finden Sie, wie immer, im [Moodle](https://moodle.hs-mannhei Hier finden Sie die wöchentlichen Assignments für die Vorlesung Webbasierte Systeme (WEB). Die Assignments sind unten, zusammen mit dem Fälligkeitsdatum, aufgelistet. -| # | Ausgabe | Thema | Fällig am 📆 | -|----|------------|----------------------------------------------------|----------------| -| 1. | 09.10.2023 | [Fanseite ohne Styling](Assignment_001/readme.md) | **15.10.2023** | +| # | Ausgabe | Thema | Fällig am 📆 | +|----|------------|-----------------------------------------------------------|----------------| +| 1. | 09.10.2023 | [Fanseite ohne Styling](Assignment_001/readme.md) | **15.10.2023** | +| 2. | 16.10.2023 | [Styling der Fanseite mit CSS](Assignment_002/readme.md) | **22.10.2023** |