CSS: HTML mit Stil
Vorgehen
- Start-Dateien für den CSS-Kurs: css.zip herunterladen und
- in Ihrem lokalen, geeigneten Ordner (wo Sie die Webseite entwickeln) entpacken.
- Laden Sie die 4 Dateien (3x html, 1x css) auf unseren Web-Server ofi.tech-lab.ch
- Betrachten Sie eine der html-Dateien online auf unserem Web-Server. Fügen Sie dazu hinten an der URL z.B. start.html an, z.B.
- Befüllen Sie die Seiten mit ein bisschen Inhalt (max. 10 Minuten!). Es darf auch Fülltext sein: https://www.lipsum.com/feed/html
- Wählen Sie die Farben für Ihre Seiten aus, z.B. mit dieser Hilfe: https://visme.co/blog/website-color-schemes/ (max. 10 Minuten)
- Notieren Sie die Farb-Codes!
- Bauen Sie diese in Ihre css-Datei ein.
- Passen Sie Formatierungen der Elemente an
- Fügen Sie eventuell weitere Formatierungsregeln für weitere Elemente oder Klassen von Elementen ein.
Hilfen
Bewertungskriterien
- Alle Ihre Dateien sind auf dem unserem Web-Server ofi.tech-lab.ch
- Die CSS-Datei ist syntaktisch korrekt: https://jigsaw.w3.org/css-validator/#validate_by_input+with_options
- Die HTML-Dateien sind syntaktisch korrekt: http://validator.w3.org/
- Inhalt der Seite ist in sich stimmig (unabhängig davon, ob die Seite fiktiv oder real ist).
- Präsentation der Seite ist ansprechend und dem Inhalt angepasst.