Inspirerend, verbindend en nieuwsgierig
Een leven lang leren

01 - CSS - Ontdek CSS: De kracht van opmaak en stijl

Ontdek CSS: De kracht van opmaak en stijl
1 / 13
next
Slide 1: Slide
ICTMBOStudiejaar 1-4

This lesson contains 13 slides, with interactive quiz and text slides.

time-iconLesson duration is: 60 min

Items in this lesson

Ontdek CSS: De kracht van opmaak en stijl

Slide 1 - Slide

This item has no instructions

Leerdoelen
  • Inzicht hebben in wat CSS is
  • De basisprincipes van CSS leren kennen
  • Weten hoe je CSS kan integreren met HTML

Slide 2 - Slide

This item has no instructions

Wat is CSS?
CSS staat voor Cascading Style Sheets. Het is een opmaaktaal die wordt gebruikt om de vormgeving en layout van een webpagina te definiëren.

Slide 3 - Slide

This item has no instructions

Wat is CSS?
HTML is als de basis van 
een taart: de ingrediënten 
en het deeg. 
CSS is als de decoratie en 
versieringen van de taart: 
de glazuur, sprinkles, en 
andere details.

Slide 4 - Slide

This item has no instructions

Gebruik van CSS
CSS wordt gebruikt om de visuele presentatie van een webpagina te controleren. Denk aan kleuren, lettertypen, afstanden en lay-out.

Slide 5 - Slide

This item has no instructions

CSS-syntax
De syntax van CSS bestaat uit selectoren, declaraties eigenschappen en waarden.

Slide 6 - Slide

This item has no instructions

Styling toevoegen
Door CSS toe te voegen aan HTML, krijgt de webpagina een visuele make-over. Knoppen, achtergronden, lettertypen en meer kunnen worden gestyled.

Slide 7 - Slide

This item has no instructions

Belang van CSS
CSS is essentieel voor een aantrekkelijke en goed georganiseerde website. Het verbetert de gebruikerservaring en maakt webpagina's responsief.

Slide 8 - Slide

This item has no instructions

Integratie met HTML
CSS kan worden geïntegreerd 
met HTML door het gebruik 
van interne, externe of inline 
stijlbladen. Dit stelt web-
ontwikkelaars in staat om de 
vormgeving van hun 
webpagina's te beheren.

Slide 9 - Slide

This item has no instructions

Praktijkvoorbeelden
Laten we enkele voorbeelden bekijken van websites met en zonder CSS-styling om het verschil in visuele aantrekkelijkheid te illustreren.

Slide 10 - Slide

This item has no instructions

Creatief met CSS
Naast basisstijlen kan CSS ook worden gebruikt voor animaties, transities en geavanceerde lay-outs. Het is een krachtig gereedschap voor creatieve webontwikkeling.

https://animate.style/

Slide 11 - Slide

This item has no instructions

Afsluiting
Nu je hebt geleerd wat CSS is, waarvoor je het gebruikt en hoe je het integreert met HTML, ben je goed op weg om professionele webpagina's te maken.

Slide 12 - Slide

This item has no instructions

Stel 1 vraag over iets dat je nog niet zo goed hebt begrepen.

Slide 13 - Open question

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.