Update of exercises

master
Thomas Smits 2023-10-16 16:51:30 +02:00
parent 915a4d97c4
commit ed561caad6
2 changed files with 36 additions and 3 deletions

View File

@ -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.

View File

@ -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. 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 📆 | | # | Ausgabe | Thema | Fällig am 📆 |
|----|------------|----------------------------------------------------|----------------| |----|------------|-----------------------------------------------------------|----------------|
| 1. | 09.10.2023 | [Fanseite ohne Styling](Assignment_001/readme.md) | **15.10.2023** | | 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** |