Voorkennis
- Basis HTML-kennis
- Uitleg op Edutorial.nl
Doelen
- Leer HTML- en CSS-kennis te combineren en toe te passen in een eerste website
Opdracht
-
Zet een website op waarin een duidelijke layout is toegepast [layout](https://www.w3schools.com/html/html_layout.asp | url)
-
Zorg dat de HTML-structuur structureel is opgebouwd en alle CSS in externe bestanden is geplaatst.
-
Maak een navigatie-balk (horizontaal of verticaal) met knoppen die bij het klikken alleen dan gewenste content toont.
-
Voorzie de website van een thema met daarbij een logo, titel (met custom-font) en bijpassende kleuren en font
-
Maak een opvraagbare webpage met daarin een tabel en gegevens die past bij het thema van de website
-
Maak een opvraagbare webpage met daarin een gallery met (nette) afbeeldingen die past bij het thema van de website (of slider-show)
-
Voer alle mogelijke HTML en CSS-kennis en vaardigheden zo professioneel mogelijke manier uit
-
De website voldoet aan onderstaande eisen:
- Verzin zelf een passend onderwerp voor de website (tandpasta, orgel spelen, bungy jumpen etc. etc.)
- Maak een website met (minimaal) 2 pagina's
- Gebruik in bestandsnamen en mappen geen spaties of andere vreemde tekens (een laag streepje mag wel '_')
- Gebruik alleen kleine letters!!
- Homepage
- Een titel in de vensterbalk
- Een titel h1 om de pagina mee te beginnen over een onderwerp naar keuze.
- Twee afbeeldingen die je zelf hebt gedownload. Gebruik relatieve links!!
- Een link naar de andere pagina
- Pagina met een artikel over je favoriete onderwerp
- h1 - heading met het onderwerp
- h3 - heading met de naam van het artikel
- Artikeltekst mag je zelf verzinnen
- Een geordende lijst met links naar externe websites die gaan over je onderwerp
- Een link naar de homepage
Uitleg
Meer uitleg over de opdracht vind je op deze website
Een website valideren
Op de W3C Markup Validation Service kun je bekijken of je geen fouten hebt gemaakt in je code. Soms lijkt je browser een pagina goed weer te geven, maar dan kan het toch nog zijn dat je niet voldoet aan de strenge regels die het W3C stelt aan HTML-code.
Op te leveren
- Een basic website die volgens de opdracht is uitgevoerd.
- Alle afbeeldingen staan in een aparte folder "images"
- Alle CSS-files staan in een aparte folder CSS
Evaluatie
- Download hier het beoordelingsformulier (rubrics)
- Vul het beoordelingsformulier zelf in
- Vraag om een code-review bij een van de docenten