Hintergrundbilder

Gestalten Sie eine HTML-Seite analog zu der Abbildung: Im Kopfbereich der Seite sollten ein Wolkenbild und ein Bild mit der Sonne dargestellt werden. Der Fußbereich stellt einen Rasen dar. Benutzen Sie dafür die Bilder aus diesem Archiv.

Beachten Sie folgende Hinweise:

1. Benutzen Sie die HTML5-Elemente header, main und footerfür die einzelnen Bereiche der Seite.
2. Bauen Sie die Seite erst mal ohne das Sonnenbild auf.
3. Arbeiten Sie nur mit Hintergrundbildern und benutzen keine img-Elemente in Ihrer HTML-Seite.
4. Das Wolkenbild soll immer genauso breit sein wie der Kopfbereich. Beschränken Sie die Höhe des Kopfbereichs auf 200px.
5. Die Fußzeile sollte eine Höhe von 100px haben. Das Bild des Rasens sollte nicht vergrößert werden.
6. Wenn das restliche Layout stimmt, können Sie auch das Sonnenbild als ein weiteres Hintergrundbild des Kopfbereichs hinzufügen. Das Bild der Sonne soll bei jeder Fensterbreite 10% vom rechten und 10% vom oberen Rand entfernt sein. Benutzen Sie für das Bild der Sonne eine feste Breite und Höhe, z.B. 100px;