Opleiding: CSS3 Cascading Style Sheets (CSS3) Klassikaal

Volg de BCascading Style Sheets (CSS3).

Na afronding van deze training kun je onder andere:

• Websites vormgeven met CSS.

• Kleurgebruik, afbeeldingen en animaties gebruiken.

• Een responsive design maken.

Deze training bevat Engelstalig lesmateriaal en wordt gegeven door een Nederlandssprekende docent (indien gewenst ook mogelijk in het Engels).

Met Cascading Style Sheets (CSS3) kun je aangeven hoe je in HTML gestructureerde informatie wil presenteren. Stylesheets zijn onmisbaar om de documentstructuur te scheiden van de opmaak. De kracht van CSS3 is groot: een enkele stylesheet kan de opmaak bevatten van een hele website. Dit maakt de website veel beter te onderhouden dan met alleen HTML.

Deze cursus geeft de HTML programmeur de gelegenheid in twee dagen voldoende kennis op te bouwen van CSS3 om zelfstandig aan de slag te gaan. Het theoretische fundament wordt na elk hoofdstuk getoetst met enkele meerkeuzevragen. Je doet daarnaast ervaring op met praktische voorbeelden en opgaven.

Lesmethode

Dit is een klassikale training en wordt verzorgd op locatie of in een virtual classroom.

Doelgroep

Iedereen die webpagina’s wilt opmaken met behulp van CSS3

Iedereen die webpagina’s wilt opmaken met behulp van CSS3

Voorkennis

Kennis van HTML5 is vereist. 

Kennis van HTML5 is vereist. 

Onderdelen

• • Inleiding
  • Opbouw van een CSS document
    • Selectors
    • Opname van stijlen in HTML met CSS
    • Voorrangsregels
    • Commentaar in stylesheet
    • Elementsoorten
    • Overerving van parent naar child
  • Lettertypen en tekstopmaak
    • Lettertypen
  • Tekst eigenschappen
  • Kleurgebruik, afbeeldingen en animaties
    • Display eigenschap
    • Kleurgebruik in CSS
    • Achtergrondplaatjes
    • List items en CSS
    • Schaduw-, transparantie- en gradienteffecten
    • Transformaties en animaties in 2D en 3D

  Padding, Margin en borders

  • Ruimtelijke opbouw van elementen
  • Borders
  • Margin en padding
  • Box model
  • Width en height

  Positionering

  • Float
  • Clearing
  • Flexbox
  • Aandachtspunten bij positionering
  • Grid
  • Responsive design
    • Viewport, pixel density en relatieve afmetingen
    • Touch events
    • Break points
    • Media queries
    • Responsive tables
    • Responsive fonts
    • Responsive images
  • Frameworks (optioneel)
    • Framework overwegingen
    • Framework keuze

• • Inleiding
  • Opbouw van een CSS document
    • Selectors
    • Opname van stijlen in HTML met CSS
    • Voorrangsregels
    • Commentaar in stylesheet
    • Elementsoorten
    • Overerving van parent naar child
  • Lettertypen en tekstopmaak
    • Lettertypen
  • Tekst eigenschappen
  • Kleurgebruik, afbeeldingen en animaties
    • Display eigenschap
    • Kleurgebruik in CSS
    • Achtergrondplaatjes
    • List items en CSS
    • Schaduw-, transparantie- en gradienteffecten
    • Transformaties en animaties in 2D en 3D

  Padding, Margin en borders

  • Ruimtelijke opbouw van elementen
  • Borders
  • Margin en padding
  • Box model
  • Width en height

  Positionering

  • Float
  • Clearing
  • Flexbox
  • Aandachtspunten bij positionering
  • Grid
  • Responsive design
    • Viewport, pixel density en relatieve afmetingen
    • Touch events
    • Break points
    • Media queries
    • Responsive tables
    • Responsive fonts
    • Responsive images
  • Frameworks (optioneel)
    • Framework overwegingen
    • Framework keuze