Basis CSS: Bouw een Aantrekkelijke Website

Basis CSS: Bouw een Aantrekkelijke Website
1 / 15
volgende
Slide 1: Tekstslide

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

Onderdelen in deze les

Basis CSS: Bouw een Aantrekkelijke Website

Slide 1 - Tekstslide

Deze slide heeft geen instructies

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

Slide 2 - Tekstslide

Bespreek de leerdoelen en waarom het belangrijk is om de basisprincipes van CSS te kennen.
Wat weet je al over Basis CSS?

Slide 3 - Woordweb

Deze slide heeft geen instructies

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

Slide 4 - Tekstslide

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.

Slide 5 - Tekstslide

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.

Slide 6 - Tekstslide

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.

Slide 7 - Tekstslide

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.

Slide 8 - Tekstslide

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.

Slide 9 - Tekstslide

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.

Slide 10 - Tekstslide

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.

Slide 11 - Tekstslide

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.

Slide 12 - Tekstslide

Leg uit wat CSS Best Practices zijn en waarom ze belangrijk zijn.
Schrijf 3 dingen op die je deze les hebt geleerd.

Slide 13 - 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 14 - 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 15 - 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.