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
volgende
Slide 1: Tekstslide
ICTMBOStudiejaar 1-4

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

time-iconLesduur is: 60 min

Onderdelen in deze les

Ontdek CSS: De kracht van opmaak en stijl

Slide 1 - Tekstslide

Deze slide heeft geen instructies

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

Slide 2 - Tekstslide

Deze slide heeft geen instructies

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 - Tekstslide

Deze slide heeft geen instructies

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 - Tekstslide

Deze slide heeft geen instructies

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 - Tekstslide

Deze slide heeft geen instructies

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

Slide 6 - Tekstslide

Deze slide heeft geen instructies

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 - Tekstslide

Deze slide heeft geen instructies

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

Slide 8 - Tekstslide

Deze slide heeft geen instructies

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 - Tekstslide

Deze slide heeft geen instructies

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

Slide 10 - Tekstslide

Deze slide heeft geen instructies

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 - Tekstslide

Deze slide heeft geen instructies

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 - Tekstslide

Deze slide heeft geen instructies

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.