WEEK 5 - INFORMATICA

Week 5 les 1
1 / 19
suivant
Slide 1: Diapositive
InformaticaMiddelbare schoolhavoLeerjaar 4

Cette leçon contient 19 diapositives, avec quiz interactifs et diapositives de texte.

time-iconLa durée de la leçon est: 90 min

Éléments de cette leçon

Week 5 les 1

Slide 1 - Diapositive

Startklaar zitten.
STARTKLAAR!
Tellie in zakkie

Slide 2 - Diapositive

Startklaar zitten.
Voorkennis activeren

Slide 3 - Diapositive

Cet élément n'a pas d'instructions

Hoe kan absolute positionering worden toegepast in CSS?
A
Met behulp van de eigenschappen width, height, display
B
Met behulp van de eigenschappen margin, padding, border
C
Met behulp van de eigenschappen top, right, bottom, left
D
Met behulp van de eigenschappen font-size, color, text-align

Slide 4 - Quiz

Cet élément n'a pas d'instructions

Leerdoelen
verder werken aan schermontwerp in html

Slide 5 - Diapositive

Cet élément n'a pas d'instructions

Week 5 les 2

Slide 6 - Diapositive

Startklaar zitten.
STARTKLAAR!
Tellie in zakkie

Slide 7 - Diapositive

Startklaar zitten.
Voorkennis activeren

Slide 8 - Diapositive

Cet élément n'a pas d'instructions

wat is pt-2 en mx-4 in bootstrap css?

Slide 9 - Question ouverte

Cet élément n'a pas d'instructions

LEERDOELEN
  • De leerling maakt kennis met een paar bootstrap css componenten



Slide 10 - Diapositive

Cet élément n'a pas d'instructions

alert component
Gebruik je om op een visuele wijze de gebruiker op de hoogte brengen of waarschuwing te geven.

Bijvoorbeeld er is een error bij het opslaan

het is een balk in kleur met informatie, bijvoorbeeld:




Slide 11 - Diapositive

Cet élément n'a pas d'instructions

alert alert-[status]
alert alert-primary




alert alert-danger



en zo heb je : success, secondary, warning, info, light, dark

Slide 12 - Diapositive

Cet élément n'a pas d'instructions

Badge
gebruik je bijvoorbeeld om visueel aan te geven hoeveel berichten ern nog openstaan.








ook hier heb je net als alert: success, secondary, warning, info, light, dark

Slide 13 - Diapositive

Cet élément n'a pas d'instructions

Collapse
Gebruik je om content in of uit te klappen

klik hier voor voorbeeld
Ingeklapt
Uitgeklapt

Slide 14 - Diapositive

Cet élément n'a pas d'instructions

Bootstrap componenten
Klik hier voor de bibliotheek

Blader door de bibliotheek, bekijk voorbeelden en ga ermee aan de slag

Slide 15 - Diapositive

Cet élément n'a pas d'instructions

Samenvatting
Klasikaal doornemen

Slide 16 - Diapositive

Cet élément n'a pas d'instructions

Ik heb kennis genomen van de bootstrap bibliotheek
Ja
Deels
Nee

Slide 17 - Sondage

Cet élément n'a pas d'instructions

Ik kan zelf goed door de bibliotheek van bootstrap bladeren
Ja
Deels
Nee

Slide 18 - Sondage

Cet élément n'a pas d'instructions

Ik kan bootstrap componenten gebruiken aan de hand van de bootstrap bibliotheek
Ja
Deels
Nee

Slide 19 - Sondage

Cet élément n'a pas d'instructions