Update of exercises
parent
915a4d97c4
commit
ed561caad6
|
@ -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.
|
|
@ -11,5 +11,6 @@ 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** |
|
||||||
|
|
Loading…
Reference in New Issue