Tijdens deze periode gaan we verder met HTML en CSS, we beginnen met het `welcome to paradise’ lab.
We sluiten af met een eindopdracht waar je een cijfer voor krijgt en een toets.
Lab
Dit lab maakt gebruik van een aantal CSS3 features die niet in alle browsers werkt. Er is gekozen om het te laten werken in de Google Chrome browser en in Safari. Het is wel mogelijk om dit lab werkend te krijgen in andere browsers, maar om de code niet te complex te maken doen we dat in deze lab niet.
We beginnen met een zip file die de beginsituatie bevat.
Download en pak het zip bestand uit:
De stappen om het Lab te maken staan hier beschreven in
Google webfonts
Lettertypes die je kunt gebruiken van google staan bij de google webfonts:
Screencast
In de onderstaande screencast wordt het lab, met uitleg, voorgedaan:
Welcome To Paradise Lab (screencast) from Niels Doorn on Vimeo.
Vervolgstappen
Als het lab helemaal goed werkt, gebruiken we deze site als uitgangspunt voor een aantal uitbreidingen en aanpassingen.
Het menu verticaal maken
Het menu is nu horizontaal, onder de header. Pas de site zo aan, dat het menu verticaal aan de linkerkant van de pagina komt te staan, met de links onder elkaar.
Eindopdracht
Download hier de eindopdracht.
