Website bouwen met HTML en CSS

Website bouwen met HTML en CSS
1 / 13
volgende
Slide 1: Tekstslide

In deze les zitten 13 slides, met interactieve quizzen en tekstslides.

Onderdelen in deze les

Website bouwen met HTML en CSS

Slide 1 - Tekstslide

Deze slide heeft geen instructies

Leerdoel
Aan het einde van de les kun je een website bouwen met behulp van HTML en CSS.

Slide 2 - Tekstslide

Deze slide heeft geen instructies

Wat weet je al over het bouwen van een website met HTML en CSS?

Slide 3 - Woordweb

Deze slide heeft geen instructies

Wat is HTML?
HTML staat voor HyperText Markup Language en wordt gebruikt om de structuur en inhoud van een webpagina te definiëren.

Slide 4 - Tekstslide

Deze slide heeft geen instructies

Wat is CSS?
CSS staat voor Cascading Style Sheets en wordt gebruikt om de vormgeving en lay-out van een webpagina te bepalen.

Slide 5 - Tekstslide

Deze slide heeft geen instructies

HTML Elementen
HTML gebruikt verschillende elementen om de structuur van een webpagina weer te geven, zoals

voor koppen en

voor paragrafen.

Slide 6 - Tekstslide

Deze slide heeft geen instructies

CSS Selectoren
Met CSS-selectoren kun je specifieke HTML-elementen selecteren en stijlen toepassen, zoals h1 { color: blue; } om alle koppen blauw te maken.

Slide 7 - Tekstslide

Deze slide heeft geen instructies

HTML en CSS samen
Door HTML en CSS samen te gebruiken, kun je de inhoud en vormgeving van een webpagina volledig beheersen.

Slide 8 - Tekstslide

Deze slide heeft geen instructies

Praktisch voorbeeld
Laten we een eenvoudige webpagina bouwen met HTML en CSS om de concepten in de praktijk te brengen.

Slide 9 - Tekstslide

Deze slide heeft geen instructies

Samenvatting
Je hebt nu geleerd hoe je een website kunt bouwen met HTML en CSS. Je begrijpt de basisprincipes van beide talen en kunt ze samen gebruiken om webpagina's te maken.

Slide 10 - Tekstslide

Deze slide heeft geen instructies

Schrijf 3 dingen op die je deze les hebt geleerd.

Slide 11 - Open vraag

De leerlingen voeren hier drie dingen in die ze in deze les hebben geleerd. Hiermee geven ze aan wat hun eigen leerrendement van deze les is.
Schrijf 2 dingen op waarover je meer wilt weten.

Slide 12 - Open vraag

De leerlingen voeren hier twee dingen in waarover ze meer zouden willen weten. Hiermee vergroot je niet alleen betrokkenheid, maar geef je hen ook meer eigenaarschap.
Stel 1 vraag over iets dat je nog niet zo goed hebt begrepen.

Slide 13 - Open vraag

De leerlingen geven hier (in vraagvorm) aan met welk onderdeel van de stof ze nog moeite. Voor de docent biedt dit niet alleen inzicht in de mate waarin de stof de leerlingen begrijpen/beheersen, maar ook een goed startpunt voor een volgende les.