Webontwikkeling · Voor beginners
Voor wie is de cursus CSS?
Deze cursus CSS richt zich op wie al een beetje HTML kent en nu wil bepalen hoe een pagina eruitziet. Misschien beheer je een website en wil je kleine aanpassingen zelf doen. Of je bent ontwerper en wil begrijpen hoe je ontwerp in de browser terechtkomt. Ook beginnende developers vinden hier de basis die ze elke dag nodig hebben.
Na de cursus CSS zet je kleuren, lettertypes en ruimte consequent op een hele site. Je bouwt layouts met flexbox en grid, en je pagina past zich aan van gsm tot breed scherm. Bovendien lees je de CSS van een ander zonder te verdwalen, wat handig is als je aan een bestaand project werkt.
Wat de cursus CSS behandelt
Eerst leer je hoe CSS werkt: selectors, eigenschappen en waarden, en de cascade die bepaalt welke regel wint. Specificiteit en overerving klinken droog, maar ze verklaren de meeste verrassingen. Daarna werk je met het boxmodel, zodat je marges, opvulling en randen onder controle krijgt.
Vervolgens gaat de aandacht naar typografie en kleur. Je stelt lettertypes, regelafstand en een kleurenpalet in met CSS-variabelen. Zo leg je een huisstijl één keer vast en gebruik je die overal. Dat is precies hoe wij een merk doortrekken van logo tot website. Daarbij leer je ook webfonts correct inladen, zodat tekst snel en zonder verspringen verschijnt.
Het hart van de cursus CSS is layout. Met flexbox schik je elementen op één lijn, met grid bouw je volledige paginarasters. Daarna maak je alles responsive met media queries en relatieve eenheden, zodat de pagina op elk scherm leesbaar blijft. Ook container queries komen kort aan bod.
In het laatste deel komen overgangen, eenvoudige animaties en pseudoklassen zoals hover en focus aan bod. Je leert ook hoe je beweging uitschakelt voor wie dat in zijn systeem vraagt. Tot slot ruim je je stylesheet op met een vaste naamgeving en een logische volgorde. Voor naslag gebruiken we de CSS-documentatie van MDN, die elke eigenschap met voorbeelden uitlegt.
Zo volg je deze opleiding
We vertrekken van een kale HTML-pagina die stap voor stap vorm krijgt. Elke nieuwe eigenschap zie je meteen in de browser, en met de ontwikkelaarstools zoek je zelf uit waarom iets niet doet wat je verwacht. Die tools blijven na de lessen je beste hulp.
Tom Vanhoutte schreef het lesmateriaal en gebruikt CSS dagelijks bij in2sites, zowel voor websites als voor de schermen van webapplicaties. Daardoor zitten er oefeningen in die je in echte projecten tegenkomt, zoals een navigatie die op gsm inklapt of een raster met kaarten. Je kunt de cursus CSS in groep volgen bij een opleidingscentrum, in-company of op maat van één persoon. Alle vormen vind je bij onze IT-opleidingen. Pas je de CSS van je site liever niet zelf aan, dan regelen we dat binnen website onderhoud.
Meer lesmateriaal
Alle cursussen
Webontwikkeling · Voor beginners
Webontwikkeling · Met basiskennis HTML en CSS
Cursus Bootstrap
Bouw snel nette, responsive pagina’s en beheerschermen met het raster en de kant-en-klare componenten van Bootstrap.
Webontwikkeling · Met basiskennis CSS
Cursus Tailwind CSS
Bouw consistente, responsive interfaces met utility-klassen en leg je huisstijl vast als kleuren, lettertypes en afstanden.
Programmeren · Met basiskennis JavaScript
