Vorgegebenes HTML Dokument - Dein Style
Zur Übung wenden wir das bisherige wissen um CSS in dieser Aufgabe an. Das vorgegebene HTML Dokument stylest Du per CSS.
Wir designen eine Website für unsere Frau Milch.
Vorgehensweise
1) Sieh Dir den HTML Code bei Codepen.io an: //bit.ly/1lXC6jX
2) Erstelle mit dem Tool/Editor Deiner Wahl den besten CSS Code den Du kannst.
3) Optionale Bilder zum Einbinden. Zum Einbinden der Bilder den Absoluten Pfad verwenden
klein
- //www.frau-milch.de/img/logoskysm.jpg
- //www.frau-milch.de/img/logocitysm.jpg
- //www.frau-milch.de/img/logowallsm.jpg
- //www.frau-milch.de/img/logoinnensm.jpg
groß
- //www.frau-milch.de/img/logowall.jpg
- //www.frau-milch.de/img/logoinnen.jpg
- //www.frau-milch.de/img/logosky.jpg
4) Lade Dein CSS per Uploadseite hoch
Fülle das Formular komplett aus und kopiere Dein CSS rein.
5) Check Dein Ergebnis unter:
Vergleiche es mit den anderen Abgaben.
Bewerte die CSS Dateien der anderen.
Do Not
- Veränderung des HTML
- Einfügen von JavaScript
- Verwenden von anderen Bildern als den gelieferten
- Kein CSS Befehl generell für alle div’s vergeben, immer die ID verwenden.
nicht: div {color:red} sondern #wrapper {color:red;}
Image Filter:
https://css-tricks.com/almanac/properties/f/filter/
//html5-demos.appspot.com/static/css/filters/index.html