Webdesign
van nul
af aan

Dit programma behandelt de technische en visuele basisprincipes van webdesign — HTML, CSS, lay-out en kleur — zonder dat je al eerder code hebt geschreven.

8 modules, van HTML-structuur tot responsive lay-out
40+ interactieve oefeningen en kennistoetsen
Student werkt aan webdesign oefening op laptop

Wat je doorloopt

Elk onderwerp bouwt voort op het vorige.

Het programma is opgedeeld in acht modules. De eerste vier leggen de technische basis: HTML-semantiek, CSS-selectors, het boxmodel en werken met kleur. De tweede helft gaat over visuele compositie, typografie, responsief ontwerp en een afsluitend project.

Overzicht van een webdesign project met kleurpaletten en typografie

Modules 1 – 4

Technische fundering

Je begint met hoe HTML-documenten zijn opgebouwd: elementen, attributen en de logica van geneste structuren. CSS komt direct daarna — selectors, specificiteit, het boxmodel, kleurcodes en hoe browsers stijlen berekenen. Na vier modules schrijf je zelfstandig een eenvoudige pagina.

05

Typografie en leesbaarheid

Fontgrootte, regelafstand, hiërarchie — hoe tekst op een scherm anders werkt dan in print.

06

Kleur in de praktijk

Kleurcontrast, palet opbouwen, toegankelijkheid — de regels achter visuele keuzes.

07

Responsief lay-out

Flexbox, mediaqueries en hoe een pagina op verschillende schermformaten reageert.

08

Afsluitend project

Een zelfontworpen pagina als eindopdracht — beoordeeld op structuur, stijl en leesbaarheid.


Wat je na afloop kunt

Na het programma kun je statische webpagina's bouwen en begrijp je hoe browsers HTML en CSS verwerken. Dat is een reële basis, geen garantie voor een baan — maar genoeg om door te leren of kleine projecten op te pakken.

Bekijk alle voordelen
HTML schrijven

Semantisch correcte structuur, koppen, lijsten, links, formulieren en afbeeldingen op de juiste manier plaatsen.

CSS toepassen

Stijlen schrijven zonder conflicten, selectoren begrijpen, en lay-outs bouwen met flexbox.

Visuele keuzes onderbouwen

Kleur, witruimte en typografie bewust inzetten — niet op gevoel, maar op basis van principes.

Responsief denken

Begrijpen hoe een ontwerp reageert op schermformaten en mediaqueries correct inzetten.

Danzasarabes — Nijverheidstraat 25, 7581 PV Losser +31 6 17745665 · help@danzasarabes.com