In een notendop
Doelstelling | Leer websites vormgeven met CSS-stylesheets. |
Duur | 1-2 dagen |
Voorkennis | Enige bekendheid met HTML. |
Prijs | €990,- bij 2 dagen
(informeer naar groepskortingen!)
|
In detail
HTML en CSS zijn de opmaaktalen voor het web. De structuur van een website wordt ingesteld met HTML, CSS zorgt voor de vormgeving ervan. In zijn meest eenvoudige vorm zorgt CSS voor het lettertype van de pagina, de lettergrootte en de kleur. Maar er is zoveel meer mogelijk. Met meer ingewikkeld CSS maakt u menu"s, kolommen en overlays.
De training CSS3 begint met de basissyntaxis van CSS en de eenvoudige opmaakkenmerken. Daarna leer je meer over de specifieke uitbreidingen van CSS3, zoals het werken met afgeronde hoeken, slagschaduw en meer. Je leert hoe deze kenmerken worden toegepast op HTML-onderdelen op de pagina en hoe CSS-selectors optimaal worden ingezet.
Uiteraard wordt veel aandacht besteed aan nette code en de manier waarop CSS wordt gestructureerd. Zo kun je snel code van andere leren ontcijferen en kunnen anderen op hun beurt jouw code goed begrijpen.
De training CSS3 kan goed worden gecombineerd met de training HTML5.
Voorkennis
- Enige bekendheid met HTML
- Webpagina's maken, opslaan en bekijken in de browser
Beknopte inhoud
- Kennismaken met CSS
- Wat is CSS (en wat is het niet?)
- Kenmerken van CSS-documenten
- Wat zijn stijlen?
- Selectors, declaraties en inhoud.
- Het principe van overerving ('cascading')
- Verschillende manieren om stijlen te gebruiken in HTML-documenten.
- Meer over selectors
- Elementen, classes en id's.
- Descendant selectors
- Pseudo-selectors zoals :hover en :active
- Meer typen (complexe) selectors.
- Block-level elementen en inline-level elementen
- Verder gaan met CSS
- Kleuren, lettertypen en andere eigenschappen
- Lijsten opmaken
- Menu's maken
- Afbeeldingen opmaken
- Werken met CSS-maateenheden: width, height, margin, padding, procenten, pixels en em's.
- CSS3-eigenschappen
- Schaduwen gebruiken
- Afgeronde hoeken
- Verloopkleuren maken
- Eigen lettertypen declareren met @font-face
- Media queries
- Vervolg
- Wat kun je nog meer leren?