Opleiding: Cursus CSS
Cascading Stylesheets (CSS) is de techniek die de vormgeving en lay-out van je website grotendeels bepaalt. Met een goede kennis van CSS heb je meer controle over juiste weergave van je responsive websites. Tijdens de Cursus CSS leer je de ins en outs van CSS.
Algemene omschrijving
CSS: bepalende techniek in het Webdesign
Cascading Stylesheets (CSS) bepalen de opmaak en grotendeels ook de lay-out van HTML webpagina’s. Denk daarbij aan kleuren, positionering en afmetingen van elementen, maar ook aan interactiviteit. Met CSS zorg je ervoor dat je websites geoptimaliseerd zijn voor mobiele devices, maar er ook goed uitzien op grotere schermen.
Tijdens de Cursus CSS
In de Cursus CSS leer je de verschillende onderdelen van een CSS stylesheet kennen. Je maakt teksten, links, afbeeldingen, kaders en tabellen op en stelt achtergrondafbeeldingen en -kleuren in. Je leert werken met marges, randen en hoe je HTML elementen ten opzichte van elkaar positioneert.
Vervolgens maak je kennis met het begrip 'cascaden', het overerven van stijldefinities in een HTML document. Uiteindelijk zul je in staat zijn om webpagina's op een overzichtelijke en gestructureerde wijze op te maken.
Programma
Tijdens de Cursus CSS komen in basis onderstaande onderwerpen aan bod. Afhankelijk van ontwikkelingen op het vakgebied, kan de feitelijke trainingsinhoud hier echter van afwijken. Bel ons gerust voor meer informatie over de actuele inhoud.
- Introductie CSS
-
- Structuur en syntaxis van CSS definities
- Koppelen van CSS aan HTML pagina's en elementen
- Opmaak van elementen
-
- Tekst en hyperlinks
- Teksteffecten
- Tabellen
- Kaders
- HTML lijsten
- Afbeeldingen, video, audio
- Structuur van stylesheets
-
- Werken met HTML id’s en classes
- Overerving van stijlen (Cascaden)
- Conditionele selecties
- Positioneren
-
- Kenmerken van het Box Model
- Marges en randen
- Positionering van elementen
- Menu's maken met lijsten
- Formulieren opmaken
- Transformaties, animaties en transities
- Responsive CSS
-
- Relatieve afmetingen
- Mediaqueries
- Pagina lay-outs
-
- Introductie flexibele grid-structuur
- Lay-outs maken met HTML en CSS
- Gebruik van CSS frameworks
- Praktijkcase
-
- Werk aan je eigen praktijkcase
- Publiceren en testen van CSS
