Website bouwen met HTML en CSS

Website bouwen met HTML en CSS

Leerdoel

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

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

Wat is HTML?

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

Wat is CSS?

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

HTML Elementen

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

voor koppen en

voor paragrafen.

CSS Selectoren

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

HTML en CSS samen

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

Praktisch voorbeeld

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

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.

Schrijf 3 dingen op die je deze les hebt geleerd.

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.

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.

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.