Qu'est-ce que LessonUp
Rechercher
Canaux
Connectez-vous
S'inscrire
‹
Revenir à la recherche
H1. CSS Lay-out: Grid en Flexbox
H1. CSS Lay-out: Grid en Flexbox
WDV-IV
Week 14
1 / 19
suivant
Slide 1:
Diapositive
Applicatie- en mediaontwikkelaar
MBO
Studiejaar 1
Cette leçon contient
19 diapositives
, avec
diapositives de texte
.
Commencer la leçon
Partager
Imprimer la leçon
Éléments de cette leçon
H1. CSS Lay-out: Grid en Flexbox
WDV-IV
Week 14
Slide 1 - Diapositive
Terug naar de Front-end
HTML en CSS
CSS: Grid
CSS: Flexbox
Slide 2 - Diapositive
Waarom CSS Grid?
Onze websites
hebben tot nu
toe redelijk simpele
layouts gehad.
Maar dat blijft niet zo...
Slide 3 - Diapositive
Waarom CSS Grid?
Onze websites
hebben tot nu
toe redelijk simpele
layouts gehad.
Maar dat blijft niet zo...
Slide 4 - Diapositive
Waarom CSS Grid?
Onze websites
hebben tot nu
toe redelijk simpele
layouts gehad.
Maar dat blijft niet zo...
Slide 5 - Diapositive
Hoe gebruik je CSS Grid
1. Verdeel je website in
een raster (een grid)
2. Geef aan in welk
'hokje' elk item moet
komen te staan.
Slide 6 - Diapositive
Hoe gebruik je CSS Grid
3. Items kunnen
meerdere 'hokjes'
hebben.
4. Hokjes kunnen
verschillende grootes
hebben
Slide 7 - Diapositive
CSS: Grid
Grid = raster
Slide 8 - Diapositive
CSS: Grid
Slide 9 - Diapositive
CSS: Grid
Alle children worden op de Grid uitgelijnd
Slide 10 - Diapositive
CSS: Grid
Twee kolommen van 50%
Slide 11 - Diapositive
CSS: Grid
50px ruimte tussen de grid items
Slide 12 - Diapositive
CSS: Grid
Deze grid item overspant twee regels
Slide 13 - Diapositive
Grid oefenen met een spelletje
https://cssgridgarden.com/
Slide 14 - Diapositive
Slide 15 - Diapositive
1
: uitleg
2
: code schrijven
3
: resultaat
Slide 16 - Diapositive
3e verticale grens
1
2
3
Slide 17 - Diapositive
Succes met Grid Garden!
✋Na goed lezen en veel proberen een vraag?
Steek je hand op!
✅ Klaar?
Geef aan dat je klaar bent. Je mag even wat voor jezelf doen.
Slide 18 - Diapositive
CSS: Flexbox
Slide 19 - Diapositive
Plus de leçons comme celle-ci
CSS Grid
Novembre 2024
- Leçon avec
12 diapositives
Applicatie- en mediaontwikkelaar
MBO
Studiejaar 1
CSS Grid
Janvier 2022
- Leçon avec
12 diapositives
Applicatie- en mediaontwikkelaar
MBO
Studiejaar 1
H1. CSS Lay-out: Grid en Flexbox (edited)
Février 2022
- Leçon avec
24 diapositives
Applicatie- en mediaontwikkelaar
MBO
Studiejaar 1
13. CSS Lay-out: Grid en Flexbox
Janvier 2022
- Leçon avec
28 diapositives
Applicatie- en mediaontwikkelaar
MBO
Studiejaar 1
GRID
Octobre 2021
- Leçon avec
12 diapositives
ICT
Applicatie- en mediaontwikkelaar
MBO
Studiejaar 1
Meester van CSS Grid: Een diepgaande verkenning
Juillet 2024
- Leçon avec
14 diapositives
FED - CSS Grid
il y a 12 jours
- Leçon avec
17 diapositives
Development
MBO
Studiejaar 1
Meester worden in CSS Flexbox
Juillet 2024
- Leçon avec
18 diapositives