Elke week hebben we voor dit vak een aantal opdrachten. Zorg ervoor dat je deze voor het begin van het volgende practicum deze opdrachten kan laten zien aan de practicumdocent.
De opdrachten zijn ingedeeld in drie categorieën:
Je moet voor alle opdrachten zelf de HTML schrijven. Gebruik dus zelf een teksteditor en geen programma's die de HTML voor je genereren.
Ben je er klaar voor om een begin te maken aan je carrière als webprogrammeur? Dan gaan we nu echt beginnen met HTML te schrijven!
We gaan rustig aan beginnen, de eerste opdracht is om een website zoals in de screenshot hiernaast te maken.
Maak een nieuw bestand met een teksteditor en sla deze op als een .html bestand, bijvoorbeeld week1.html. Open dit bestand met je browser. Elke keer als je een wijziging opslaat moet je de browser refreshen om deze wijziging te tonen.
Vraag aan je practicumdocent als je er niet uitkomt!
De eerste opdracht al af? Dat is snel!
We gaan deze opdracht uitbreiden tot een eigen persoonlijke webpagina. In de screenshot staan de onderdelen die er minimaal op deze pagina moet komen te staan. Je mag de inhoud veranderen en uitbreiden om het ook echt persoonlijk te maken!
Alle tags die je nodig hebt zijn te vinden in het theorie gedeelte van deze week.
Heb je voor de vorige opdracht nette en correcte HTML geschreven? Weet je het zeker?
Gebruik de HTML validator om te controleren of de webpagina die je tot nu toe gemaakt hebt technisch ook in orde is. Fix eventuele problemen die de validator aangeeft.
Let op: de validator geeft standaard een aantal warnings over character encodings en HTML5. Die mag je negeren, die gaan namelijk niet over de validiteit van jouw pagina.
In het dictaat hebben we al een hoop tags besproken. Maar dat is nog maar een fractie van alle tags die er zijn!
Zoek op internet naar tags die niet in het dictaat staan en zoek uit hoe ze werken. Pas deze toe op je pagina van de vorige opdracht.
Denk bijvoorbeeld eens aan om een mooie quote of een voortgangsbalk op je website te zetten.
In HTML5 is er de <video> tag bijgekomen. Voeg met deze tag een video toe aan je pagina (dus niet met bijvoorbeeld een YouTube embed code)
Gelukt? Probeer dan ook eens een interactief Google Maps kaartje van je woonplaats toe te voegen. Instructies vind je op deze site
Ben je tevreden over de gemaakte opdracht? Je kan je website online zetten door gebruik te maken van je persoonlijke webruimte hier op Avans. Vergeet de link naar je site niet te delen met je Facebook vrienden!
Als je klaar bent met de opgaven van deze week mag je verder gaan met de opgave van volgende week