Differences
This shows you the differences between two versions of the page.
| Next revision | Previous revision | ||
|
lehrkraefte:blc:informatik:glf19:css [2020/02/09 17:26] Ivo Blöchliger created |
lehrkraefte:blc:informatik:glf19:css [2020/02/10 10:47] (current) Ivo Blöchliger [Vorgehen] |
||
|---|---|---|---|
| Line 1: | Line 1: | ||
| + | |||
| + | ===== CSS: HTML mit Stil ===== | ||
| + | * {{ : | ||
| ==== Vorgehen ==== | ==== Vorgehen ==== | ||
| * Start-Dateien für den CSS-Kurs: {{ : | * Start-Dateien für den CSS-Kurs: {{ : | ||
| * in Ihrem lokalen, geeigneten Ordner (wo Sie die Webseite entwickeln) entpacken. | * in Ihrem lokalen, geeigneten Ordner (wo Sie die Webseite entwickeln) entpacken. | ||
| - | * Laden Sie die 4 Dateien (3x html, 1x css) auf den Server | + | * Laden Sie die 4 Dateien (3x html, 1x css) auf unseren Web-Server |
| - | * Betrachten Sie eine der html-Datei online auf Ihrem Server. Fügen Sie dazu hinten an der URL z.B. start.html an. | + | * Betrachten Sie eine der html-Dateien |
| - | * | + | * https:// |
| + | * Befüllen Sie die Seiten mit ein bisschen Inhalt (max. 10 Minuten!). Es darf auch Fülltext sein: https:// | ||
| + | * Wählen Sie die Farben für Ihre Seiten aus, z.B. mit dieser Hilfe: https:// | ||
| + | * 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 ==== | ||
| + | * http:// | ||
| + | * https:// | ||
| + | |||
| + | |||
| + | ==== Bewertungskriterien ==== | ||
| + | * Alle Ihre Dateien sind auf dem unserem Web-Server ofi.tech-lab.ch | ||
| + | * Die CSS-Datei ist syntaktisch korrekt: https:// | ||
| + | * Die HTML-Dateien sind syntaktisch korrekt: http:// | ||
| + | * 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. | ||