Naar de inhoud

Herfstvakantie. Gesloten 2 – 8 november, terug op 9 november. Meer info over onze sluitingsdagen

in2sites, naar de startpagina

Lesmateriaal · Webontwikkeling · Met basiskennis HTML

Cursus CSS

Geef webpagina’s vorm met kleur, typografie, flexbox en grid, en laat ze werken op elk scherm.

Omslag van de cursus CSS van in2sites
Omslag van de cursus CSS · A4

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.

Opengeslagen cursus CSS: een hoofdstuk met uitleg en een oefening
Een opengeslagen pagina met uitleg en een oefening.

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.

Cookievoorkeuren

Kies welke cookies je toestaat. Je kunt dit later altijd wijzigen.

Nodig om de website te laten werken, bijvoorbeeld om je cookiekeuze te onthouden en het contactformulier te beveiligen. Deze staan altijd aan.

Altijd aan

Helpen ons begrijpen hoe bezoekers de website gebruiken (Google Analytics), zodat we ze kunnen verbeteren. De gegevens zijn niet bedoeld om jou persoonlijk te volgen.

Maken het mogelijk om onze advertenties te meten en relevanter te maken op andere websites. Momenteel niet in gebruik; we vragen het pas als het nodig is.