Cursus CSS3

CSS nieuwe stijl

Met CSS3 worden de mogelijkheden voor het opmaken van webpagina's fors uitgebreid en zijn zaken als afgeronde hoeken en schaduwen veel makkelijker toe te passen. Verder is CSS3 ook beter afgestemd op het omgaan met verschillende mediatypen, zoals mobiele apparaten.

Tijdens de cursus

Tijdens de Cursus CSS3 maakt u kennis met de belangrijkste modulen, waaruit CSS3 is opgebouwd. U leert werken met het nieuwe box model, verschillende eigenschappen voor borders, achtergronden en teksten en opmaakeigenschappen voor multi column layouts.

Verder gaan we aan de slag met het zogenaamde 'responsive webdesign': media queries en het (re)sizen van boxen, zodat u de opmaak van uw pagina's kunt aanpassen aan bijvoorbeeld de schermgrootte. Denk daarbij aan een website die geschikt is voor desktop schermen, tv schermen en mobiele apparaten.

Praktijk staat centraal

In de Cursus CSS3 staan verschillende praktijkcases centraal. Na afloop van de cursus bent u in staat om de nieuwe eigenschappen van CSS3 toe te passen in uw eigen websites.

Introductie CSS3

• Modulaire structuur
• Status van CSS3 en ondersteuning door browsers
• Attribuut selectors
• Conditionele selecties

Stijleigenschappen

• Borders
• Afgeronde hoeken en schaduw
• Achtergronden
• Semi-transparantie
• Transformaties, animaties en transities

Teksten

• Teksteffecten
• Woordafbreking
• Embedded fonts

CSS3 layouts

• Combinatie met HTML5
• Kolommen

CSS3 en responsive webdesign

• Flexibel grid design
• Box (re)sizing
• Media queries
• Flexibele media

Praktijkcase

Een grote praktijkopdracht loopt als rode draad door de Cursus CSS3. U werkt een pagina design uit met CSS3, volgens het fexibele grid design principe. Zo benut u de mogelijkheden van CSS3 optimaal. Na de cursus bent u in staat om CSS3 technieken te gebruiken in uw dagelijkse praktijk.