Opdrachten week 3

Uitwerking Opdracht Stijl eigen webpagina

Even oefenen

Hoe anders de liefde te verklaren dan een met CSS gestylede website te maken? Neem onderstaande HTML over in je pagina en voeg een stylesheet er aan toe. Probeer je pagina zo goed mogelijk te laten lijken op de screenshot. (Het hoeft niet op de pixel nauwkeurig er hetzelfde uit te zien)

<h1>H1-tjes zijn rood</h1> <h2>H2's die zijn blauw</h2> <div id="regel3">Die avond met jou</div> <div class="regel4">Vergeet ik niet gauw</div>
Uitwerking Opdracht Stijl eigen webpagina

Pimp my page

Nu we CSS kennen kunnen we eindelijk wat doen aan dat 1999-gevoel die HTML pagina's zonder stylesheets met zich meebrengen. De opdracht van deze week is om je eigen gemaakte pagina te pimpen met een stylesheet. In de screenshot staat een voorbeeld van een ontwerp, maar je mag ook zelf een mooi ontwerp bedenken.

Gebruik voor deze opdracht een linked stylesheet. Je moet dus zo weinig mogelijk in de HTML plaatsen, en zo veel mogelijk in het externe CSS bestand. Pas deze stijl ook toe op je gemaakte contactformulier en rooster pagina's.

Uitwerking Opdracht nieuws

Nieuws

Een bekende nieuwsorganisatie is op de hoogte gekomen van je HTML en CSS skills en heeft je gevraagd om voor een exorbitant hoog bedrag een website te ontwikkelen.

In de screenshot staat het ontwerp dat ze hebben aangeleverd. Aan jou de opdracht om de HTML en de CSS hiervoor te maken.

Gebruik de volgende bestanden om de opdracht te maken:

En de volgende kleuren: white rgb(102, 118, 140) #05054c #eaf0fa #445774
Uitwerking Opdracht movies

Movie night

Jij wil gebruik maken van de allerlaatste CSS technieken die er maar zijn, eh? Dan is deze opdracht misschien iets voor jou, maar je moet wel heel veel zelf kunnen uitzoeken!

Maak een pagina met filmposters van je favoriete films, stijl deze mooi door de volgende elementen er in te bouwen: