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

• ICT
• MBO
• Studiejaar 1-4

Ontdek CSS: De kracht van opmaak en stijl

Leerdoelen

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

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.

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.

Gebruik van CSS

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

CSS-syntax

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

Styling toevoegen

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

Belang van CSS

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

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.

Praktijkvoorbeelden

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

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/

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.

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.