Opdrachten week 6

The Dark Site

In deze opdracht ga je oefenen met print stylesheets. Dat zijn stylesheets die alleen van toepassing zijn als de pagina wordt geprint.

Maak een simpele website met witte tekst op een zwarte achtergrond. Zorg ervoor dat als de pagina geprint wordt, dat dan de achtergrond wit wordt en de tekst zwart.

Je hoeft niet je Avans print tegoed op te maken om dit te testen. Je kan gebruik maken van de Web Developer Toolbar. In Chrome is dat het kleine mobiele icoontje helemaal linksboven in de developer toolbar. In deze settings kan je in het media tabblad 'print' aanzetten: Device Mode.

Pray I don't alter it further

Voeg een menu toe aan de site van de vorige opdracht. Zet dit menu aan de zijkant van de pagina. Kijk in je uitwerking van de opgave van vorige week als je bent vergeten hoe je iets naast elkaar layout op een pagina.

Zorg ervoor dat als de website smaller wordt dat het menu dan boven de inhoud gaat staan. En dat zowel het menu als de inhoud zo breed worden als de gehele pagina. Maak gebruik van media queries.

The force is strong with this one

Doe onderzoek naar welke CSS frameworks er zijn. Kies er eentje uit en kijk wat je er allemaal mee kan.

Maak een simpele website met het uitgekozen framework.