CSS Fundamentals

CSS Intro

De cursus CSS Fundamentals gaat van start met een uitleg over de basis principes van CSS. Hierbij komt aan de orde hoe CSS selectors HTML elementen selecteren op basis van ID of class attributes of hun positie in de hierarchy van de pagina om daar vervolgens styling op toe te passen.

Text en Fonts

Vervolgens wordt dieper op de CSS syntax ingegaan aan de hand van de opmaak van text met kleuren, fonts en backgrounds. Ook het cascading aspect van CSS en het inheritance concept wordt dan besproken.

CSS Box Model

Ook het CSS Box Model komt aan de orde. Bij de layout van een HTML pagina representeert de rendering engine van de browser ieder element als een rechthoek volgens het CSS Basic Box Model met een margin, padding en een outline.

CSS Layout

Op het programma van de cursus staat ook hoe CSS kan worden gebruikt om de layout van de pagina te controleren. Elementen hebben default block of inline display waarden maar dit kan met CSS worden veranderd. En ook andere CSS layout attributen zoals float of overflow worden besproken.

Tables and Grids

Voorst komt aan bod hoe CSS de representatie van tabellen, list en grids kan controleren. Aandacht wordt besteed aan de diverse gap properties die daarbij worden gebruikt.

CSS Advanced

Tenslotte worden aan aantal advanced toepassingen van CSS besproken zoals het aanbrengen van ronde hoeken, het werken met schaduw en kleur gradienten. Ook worden dan 2D en 3D transformaties met CSS3 aan de orde gesteld.‎

Doelgroep Cursus CSS Fundamentals

De cursus CSS Fundamentals is bedoeld voor personen die het gebruik van CSS voor de opmaak van web pagina's willen leren.

Voorkennis CSS Fundamentals

Voor deelname aan deze cursus zijn geen specifieke vaardigheden of kennis nodig.

Uitvoering Training CSS Fundamentals

De concepten worden behandeld aan de hand presentatie slides. Een demo website wordt gebruikt om de concepten te verduidelijken. Er wordt ook aandacht besteed aan hands-on oefeningen. De cursustijden zijn van 9.30 tot 16.30.

Certificering Fundamentals

De deelnemers krijgen na het goed doorlopen van de cursus een officieel certificaat CSS Fundamentals.

Modules

Module 1 : CSS Intro

• What is CSS?
• CSS Standard
• CSS Syntax
• CSS Selectors
• Basic Selectors
• CSS Rules
• Styling in Place
• Internal Style Tag
• External Style Sheets
• What is Cascading?
• Checking Browser Support
• Caniuse Site

Module 2 : Text and Fonts

• Working with Fonts
• Formatting Text
• Font Families
• Font Style and Size
• Font Color
• Font Web Safe
• Font Fallbacks
• Text Alignment
• Text Decoration
• Text Transformation
• Borders
• CSS Backgrounds

Module 3 : CSS Box Model

• Basic Box Model
• Margin Edge
• Padding Edges
• Content edge
• Border Edge
• Margin Collapsing
• Box Background
• Containing Block
• CSS Outline
• Outline Shorthand
• Outline Offset
• Outline Width

Module 4 : CSS Layout

• Layout Concepts
• display Property
• Block Level Elements
• Inline Elements
• Units of Measurement
• width and max-width
• Element Positioning
• Position and Overflow
• float Property
• Overflow
• inline Blocks

Module 5 : Tables and Grids

• Table Borders
• Table Styles
• Collapsing Borders
• Full-Width Tables
• Styling Lists
• Navigation Bar
• Grid Layout
• Grid Elements
• Grid Columns
• CSS Counters
• CSS Links

Module 6 : CSS Advanced

• CSS Rounded Corners
• CSS Combinators
• Pseudo Classes
• Pseudo Element
• CSS Gradients
• CSS Shadows
• Text Effects
• CSS Resets
• CSS3 Transformations
• 2D Transforms
• 3D Transforms