HTML5 & CSS3 Gevorderd
In deze cursus leer je naast HTML5 alles over CSS3 Layout. Wat mediaqueries zijn en hoe je hiermee webpagina’s goed kunt vertonen op elk soort beeldscherm. CSS3 positionering, responsive afbeeldingen en de magie van de “display” eigenschap van CSS3.
Maar vooral twee nieuwe CSS3 modules die de webdesigner eindelijk in staat stellen elk gewenst design om te zetten in een website. Alle beperkingen die er voorheen bestonden in het maken van layouts zijn hiermee opgelost.
Leermethode | Start | Taal | Gemiddelde trainingsduur | Trainingsprijs all-in |
---|---|---|---|---|
Online klassikaal, Klassikaal |
In overleg, kan snel |
Nederlandstalig |
3 dagen |
€1.250,- Excl. 21% BTW |
Deze training wordt zowel klassikaal (op locatie) als online klassikaal gegeven. Geef bij het inschrijven je voorkeur op.
Data, locaties & aanmeldenHeb je een vraag of wil je meer informatie?
Vul je gegevens in, dan nemen wij contact met je opInhoud van de training
HTML5 & CSS3 Gevorderd
- Meerdere achtergronden en randen
- Transities en animaties
- Filters
- Responsive afbeeldingen
- De “display” eigenschap
- Positionering
- Gecombineerde selectors
- Media Queries
CSS Grid Layout Module
- Structuur van CSS Grid
- Rijen en kolommen definieren
- Grid eigenschappen
- Grid lijnen, tracks, cellen en gebieden
- Nieuwe eenheden: fraction
- Uitlijning van het grid en de grid items
- Eigenschappen van de grid items
CSS Flexible Box Layout Module

Klassikale training
Wanneer jij je hebt aangemeld voor deze training nemen wij contact met je op. Wij gaan dan samen met jou de trainingsdagen en locatie plannen. De training wordt gegeven door een Adobe Certified instructor.
Deze training is inclusief:
- Klassikale lesdagen
- Gebruik computer (Mac, Windows, beeldscherm 21,5″) en software in leslokaal
- Heerlijke lunch, koffie, thee en fris
- Certificaat met NRTO keurmerk
- Schrijfgerei
Wat leer je in deze cursus?
In deze cursus leer je eerst geavanceerdere onderwerpen zoals filters, transities en animaties, en de werking van mediaqueries. Daarna hoe je een site layout kunt maken met CSS Grid. Daarna leer je hoe je met Flexbox onderdelen van het grid kunt lay-outen, of onderdelen van de pagina. Zo is het met Flexbox eenvoudig om kolommen van gelijke hoogte te maken (onafhankelijk van de inhoud), of elementen vertikaal te positioneren, iets wat voorheen enkel met onhandige hacks of de verouderde tabellen mogelijk was.
De opzet van de sites die we maken in de cursus volgt het bekende “mobile-first” systeem van webdesign, met een eenvoudige “fallback” zodat oudere browsers die de nieuwe modules niet ondersteunen de pagina’s toch goed zullen vertonen.
CSS Grid biedt een compleet layout systeem gebaseerd op een combinatie van horizontale en vertikale vlakken, dat onafhankelijk van de volgorde van de content kan worden opgezet. Hiermee kan de inhoud van een webpagina op elke gewenste plaats worden gezet.
Flexbox is een iets eenvoudiger systeem en werkt of horizontaal, of vertikaal, eendimensionaal dus. Dit kan gebruikt worden in onderdelen van een Grid layout, zoals een header of footer, voor meer simpele layouts, of voor de layout van onderdelen binnen een pagina.
CSS Grid en Flexbox werken in alle moderne browsers.
Welke voorkennis heb je nodig?
Om deze cursus te volgen is basiskennis van HTML5 & CSS3 nodig, bijvoorbeeld via de cursus HTML5 & CSS3 Basis.
Wat is een logisch vervolg op deze cursus?
Na deze cursus kun je je verder technisch specialiseren via één van de cursussen web development, of bijvoorbeeld één van onze grafische cursussen.