Basis CSS: Bouw een Aantrekkelijke Website

Basis CSS: Bouw een Aantrekkelijke Website

Leerdoelen

Aan het einde van deze les kun je de basisprincipes van CSS en het ontwerpen van een aantrekkelijke website begrijpen.

Bespreek de leerdoelen en waarom het belangrijk is om de basisprincipes van CSS te kennen.

Wat weet je al over Basis CSS?

Wat is CSS?

CSS staat voor Cascading Style Sheets en wordt gebruikt om de presentatie van webpagina's te definiëren.

Leg uit wat CSS is en wat het doet.

CSS Selectors

Selectors zijn de elementen, klassen en ID's waaraan je CSS-regels toepast om de stijl van een website te bepalen.

Leg uit wat selectoren zijn en laat voorbeelden zien.

CSS Eigenschappen

CSS-eigenschappen bepalen hoe de elementen op de webpagina eruitzien. Dit omvat kleur, grootte, lettertype, achtergrond en meer.

Leg uit wat CSS-eigenschappen zijn en laat voorbeelden zien.

Inline CSS

Inline CSS wordt in de HTML-tags geplaatst en is handig voor het stylen van individuele elementen.

Laat zien hoe inline CSS in een HTML-tag moet worden geplaatst en geef een voorbeeld.

Interne CSS

Interne CSS wordt in het head-gedeelte van de HTML-pagina geplaatst en is handig voor het stylen van meerdere elementen.

Laat zien hoe interne CSS in de head van een HTML-pagina moet worden geplaatst en geef een voorbeeld.

Externe CSS

Externe CSS wordt in een apart CSS-bestand geplaatst en is handig voor het stylen van meerdere pagina's.

Laat zien hoe externe CSS in een HTML-pagina moet worden gelinkt en geef een voorbeeld.

CSS Box Model

Het CSS-boxmodel beschrijft de elementen van een webpagina als rechthoekige blokken met marges, vullingen en randen.

Leg het CSS-boxmodel uit en laat zien hoe het werkt.

CSS Layouts

CSS-layouts zijn de manier waarop de elementen van een webpagina worden georganiseerd en weergegeven.

Laat voorbeelden zien van verschillende soorten CSS-layouts en hoe ze worden gemaakt.

CSS Best Practices

Best Practices zijn methoden en technieken die worden gebruikt om CSS-code schoon, georganiseerd en gemakkelijk te onderhouden te houden.

Leg uit wat CSS Best Practices zijn en waarom ze belangrijk zijn.

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.