Deze periode gaan we ons meer richten op de technieken van HTML en CSS. Deze periode werken we daarom aan losse opdrachten. Aan het einde van de periode is er een toets.
Naast deze opdrachten krijg je uitleg over verschillende nieuwe HTML elementen, die je kunt toepassen in de opdrachten. Bijvoorbeeld tekstelementen
Als je alle opdrachten hebt gemaakt, dan zou de toets aan het einde geen probleem mogen zijn.
Beoordeling en planning
De opdrachten moet je maken en inleveren. Voor iedere opdracht heb je maximaal twee lessen de tijd (2×45 minuten)! Daarna moet je de uitwerkingen inleveren, ook als je nog niet klaar bent!
Voor iedere opdracht krijg je een cijfer, samen tellen deze opdrachten voor 40% mee voor je eindcijfer. In de toetsweek krijg je een toets, die telt voor 60% mee.
Inleveren
Inleveren van de opdrachten kan voor MV41B met behulp van de werkstuk inleverpagina op deze website.
Inleverschema
- Opdracht 1: 24 februari
- Opdracht 2: 16 maart
- Opdracht 3: 30 maart
- Opdracht 4: 13 april
De week na 13 april is de toetsweek. Daarin krijg je een toets over de onderwerpen die zijn behandelt in de opdrachten en de lessen.
De opdrachten
Voor alle opdrachten geldt:
- CSS in een apart bestand, dus niet bovenin de HTML (ook niet een beetje)
- Goede naamgeving van classes en id’s in CSS
- Maak gebruik van de juiste HTML elementen
- Afbeeldingen in een aparte map binnen de site
- Alle links zijn relatieve links
- Kies zelf een onderwerp waar de site over gaat!
- Gebruik ook de cheatsheet!
Opdracht 1
Maak een webpagina met twee kolommen. Maak gebruik van div elementen met een float:left css attribuut. De linker kolom is 200px breed, de rechter kolom 600px.
Maak als de pagina goed is een kopie van deze pagina. Link vanuit de eerste pagina naar de tweede en vice versa.
Opdracht 2
Maak een webpagina met twee kolommen, een header en een footer. Het geheel moet gecentreerd in de pagina staan.
Iedere div in de pagina moet een achtergrond afbeelding krijgen, en in de rechter kolom plaats je een voorgrond afbeelding.
Opdracht 3
Maak een webpagina met drie kolommen, een header en een footer. De buitenste twee kolommen zijn geschikt voor een menu of een reclame banner o.i.d. De middelste kolom is voor de inhoud.
De buitenste kolommen hebben een vaste breedte, de middelste kolom heeft een breedte die afhankelijk is van de breedte van de browser. Het geheel mag niet breder zijn dan 80% van de beschikbare ruimte.
Opdracht 4
De vierde opdracht is het maken van schaalbare navigatie tabs Een erg nuttige en toepasbare opdracht!
Opdracht 5
Een opdracht waarin met CSS3 wordt gewerkt. Hier nog een goede site met css3 tips en uitleg.
