terug naar cursusinformatie

De box

Uit de cursus: Basiskennis Layout van webpagina’s

De box

Algemene cursusinformatie
De box
Hulpmiddelen in de browser gebruiken
Firefox uitbreiden met addons
Vormgeven met of zonder reset.css
Vormgeven met padding, border en margin
Collapsing margins
Collapsing margins bij nested elements
Boxeigenschappen voor inline elements
Boxeigenschappen voor inline block elements

Basiskennis weblayout

Layouten in HTML-4
Uitleg van weblayout in html5
Layout bouwen in html5 met header, nav, aside, footer en div
Statische – fixed – layout maken en positioneren met float
Kolommen bijeenhouden met behulp van omsluitende div
Webpagina layout centreren met omsluitende div – nested

Zwevende elementen met Float en Clear

Driekoloms layout maken met float en clear
Het clearen van floatende elementen
Clear left en right

Statische en/of flexibele layouts maken

Statische layout vormgeven met boxeigenschappen
Adaptive (fluid) layout maken met procenten
Adaptive (fluid) layout maken met procenten en absolute maten

Werken met kolommen

Float combineren met natural flow (2 koloms)
Float combineren met natural flow (3 koloms)
Boxeigenschappen isoleren door nesten (2 koloms)
Boxeigenschappen isoleren door nesten (3 koloms)
De hoogte van kolommen
Kolommen met gelijke hoogte creëren
Overflow beheersen

Positioneren met CSS-eigenschap Position

Positioneren met position:relative
Praktische toepassing voor position:relative
Positioneren met position:absolute
Praktische toepassing voor position:absolute
Positioneren met position:fixed
Praktische toepassing voor position:fixed
Z-index

Layouten met inline en block elementen

Uitleg van soorten elementen inline, block, inline-block
Boxeigenschappen van inline elementen
Inline elementen isoleren met class
Inline element creëren met b, i, strong, em, mark en span
Boxeigenschappen van standaard inline-block elementen
Inline element omzetten naar block element
Block element omzetten naar inline element
Basiskennis Layout van webpagina’s
€ 30

Leer in deze cursus met behulp van HTML en CSS om pagina’s exact zo vorm te geven zoals je wilt. 

Neem een “All you can learn” lidmaatschap en krijg toegang tot deze en nog veel meer cursussen!

Ga naar de lidmaatschappen