Aufgabe „Tier“ – Bilder mit pure CSS

Sie dürfen sich gegenseitig helfen, Hilfe beim Lehrer holen, sollten aber nicht komplette Codeabschnitte untereinander kopieren.

Diese Aufgaben wird in die HTML/CSS-Bewertung eingehen.

Grafiken nur mit CSS

Das ist eine Blume. Sie besteht aus einigen DIVs. Dazu kommt dann CSS:
\\c9-p00\4all\SD-19\CSS-Grafik\_blume.html
ODER http://jsbin.com/pebupa/1/edit?html,css

 

a) Pflichtaufgabe
Das Blumen-Beispiel ist schon etwas älter. Browser-Präfixe werden nicht mehr benötigt.
Statt div nimmt man heutzutage figure als Spielwiese. Eine ID darf trotzdem dabei sein. Das Beispiel unten ist eine SVG, Sie sollen HTML+CSS verwenden.

Erstellen Sie eine neue HTML5-Datei ... Stellen Sie die Größe der Spielwiese (figure) auf eine Breite von 400px und eine Hohe:300px.

Versehen Sie Ihre Graifk mit einer Bildunterschrift.

Konstruieren Sie ein Huhn! Verwenden Sie dabei nur ganze, halbierte und geviertelte Kreise. Ungefähr so:

(Bildunterschrift z.B.) Ihr Name | Pflichthuhn 
 

b) Freie Aufgabe

 

Bewertung

Abgabe: \\c9-p00\4all\SD-19\CSS-Grafik\ihr-name- ... .html

Anmeldung Haben Sie Ihre persönlichen Daten vergessen?