Eindopdracht#
Na het oefenen met het maken van een website is het nu tijd om het eindproduct voor deze module te gaan maken. Zo kan je alle geleerde kennis meteen toepassen en een website maken die je nog gaat gebruiken.
De opdracht is eenvoudig: maak een website! Het onderwerp en de inhoud van de site mag je zelf bepalen, en ook het design is aan jou (maar denk wel aan wat je daarover tijdens de les hebt geleerd). In een begeleidend document leg je kort uit welke keuzes je in het design hebt gemaakt.
Wat wel belangrijk is: je website moet in principe publiceerbaar zijn. Dat betekent dat je je ook aan copyright regels moet houden, en dus geen teksten of afbeeldingen kopieert die niet van jou zijn, als je daar geen toetstemming voor hebt. Dat geldt ook voor de HTML en CSS code: in principe schrijf je die zelf, tenzij je toestemming hebt om die code te kopiëren en je dat duidelijk vermeldt met commentaar. Zie de Handleiding code stelen voor meer informatie. Code die je gekopieerd hebt, telt voor de beoordeling natuurlijk niet mee in de eisen aan HTML en CSS. En voor het design krijg je ook geen punten, als dat niet je eigen design is. Je laten inspireren en zelfs elementen overnemen is prima, maar de kern moet altijd je eigen werk zijn.
Eisen#
De precieze eisen en beoordelingscriteria worden nog bekend gemaakt.
Design#
Voeg een document toe aan je website waarin je uitlegt welke designkeuzes je hebt gemaakt. Waarom zit de navigatie daar? Wat heb je gedaan om het overzichtelijk te houden? Benoem hoe je de basisregels hebt toegepast en wat de resultaten van jouw usability tests waren.
Naast je uitleg, kijken we ook naar de volgende punten:
Duidelijk doel
Overzichtelijk, duidelijke structuur op de pagina
Duidelijke navigatie tussen pagina’s
Consistent
Tekst is leesbaar (dus bijv. niet te klein)
Lettertype past bij de site en is goed leesbaar
Voldoende contrast tussen kleuren (dus geen grijze tekst op een grijze achtergrond)
Goed gebruik van afbeeldingen
Inleveren#
Je levert je website in via de Inlever-knop op app.q-highschool.nl. Je kunt daar maar één bestand inleveren, dus moet je alle bestanden van je website (HTML, CSS, afbeeldingen, etc.) een .zip bestand maken.
Zorg dat alle bestanden in één map staan en open die map als project in Visual Studio Code (Bestand → Map openen…).
Open die map in de Verkenner (Windows) of Finder (macOS). Dat kan direct vanuit Visual Studio Code: klik in de VS Code Explorer met rechts op je projectmap en kies Reveal in File Explorer (Windows) of Reveal in Finder (macOS).
Maak een .zip bestand volgens deze instructies. Vergeet niet om ook je document met uitleg over je design toe te voegen aan deze map!
Lever het .zip-bestand in op app.q-highschool.nl.
Geen inspiratie?#
Maak een CV! Bij het solliciteren voor een nieuwe baan wordt bijna altijd om je curriculum vitae (CV) gevraagd. Voor veel mensen is dit een simpel Word-bestandje of PDF waarin de werkervaring en opleidingen van een persoon staan. Vaak wordt daar ook nog een beetje informatie over jezelf aan toegevoegd. In onze ogen is dat allemaal een beetje achterhaald, wij vinden namelijk dat iedereen binnen de informaticawereld een online CV moet hebben! Dat is dan ook de opdracht, je gaat een website maken als vervanging voor je CV.
Als je nog nooit een CV hebt gemaakt dan is deze site misschien een goede plek om te beginnen. Als je al een CV hebt dan is het slechts een kwestie van die informatie in een goede website verwerken!
Mocht je geen CV willen maken en nog steeds geen inspiratie hebben, kopieer en plak dan de volgende prompt in je favoriete AI chatbot, bijvoorbeeld Gemini of ChatGPT.
Je bent mijn creatieve webdesign-coach. Je helpt mij om drie leuke ideeën te bedenken voor een website die ik zelf kan bouwen met HTML5 en CSS3. De ideeën moeten aansluiten bij mijn interesses en hobby’s, zodat ik gemotiveerd ben om ermee aan de slag te gaan. Geef bij elk idee kort aan waarom het goed bij mij past en welke onderdelen (zoals tekst, afbeeldingen, navigatie of kleurgebruik) ik erin kan verwerken. Geef mij ideeën en beschrijvingen.