Einstieg in das Thema
Was brauchst du als Basiswissen?
Die Grundlagen von HTML sind notwendig.
Worum geht es?
Bisher war die Welt schwarz-weiß. Du konntest verschiedene Elemente erstellen, denen aber kein Aussehen, vor allem keine Farbe geben. Darum geht es nun.
Was ist das Ziel?
Am Ende kannst du
- Elementen eine Vorder- und eine Hintergrundfarbe geben,
- kennst Farbnamen und
- hast Einblick bekommen, wie man das Aussehen von HTML-Elementen beeinflussen kann.
Erarbeitung
Theorie
Aufgaben zur Erarbeitung
Nimm für folgende Aufgaben eine beliebige vorherige Webseite als Grundlage. Wichtig ist, dass du mindestens Überschriften und Absätze darin hast.
Vertiefung
Komplexe Aufgabe ohne KI
Erstelle auf Basis der Vorlage eine HTML-Datei mit einer Überschrift, einem Absatz und einer Auflistung mit mindestens drei Einträgen. Ändere bei mindestens 4 Elementen die Vorder- und Hintergrundfarbe. Ändere weiterhin bei einem Wort, das nicht allein steht, die Schriftfarbe.
Lasse dein Resultat vom Nachbarn oder der KI prüfen. Was waren deine beiden größten Fehler?
Zusammenfassung
Was muss man wissen/können?
Du kennst die style-Attribute color und background-color sowie einige Farbnamen. Du kannst verschiedene Elemente einfärben und hast ein Gefühl für die Farbwahl.
Was können anschließende Themen sein?
Natürlich kann man Farben noch viel genauer einstellen als über Namen. Das lernst du beim RGB-System.
Vorerst geht es aber um weitere wichtige CSS-Eigenschaften, um deine Webseite zu verschönern.
