WEEK 5 - INFORMATICA

Week 5 les 1
1 / 19
next
Slide 1: Slide
InformaticaMiddelbare schoolhavoLeerjaar 4

This lesson contains 19 slides, with interactive quizzes and text slides.

time-iconLesson duration is: 90 min

Items in this lesson

Week 5 les 1

Slide 1 - Slide

Startklaar zitten.
STARTKLAAR!
Tellie in zakkie

Slide 2 - Slide

Startklaar zitten.
Voorkennis activeren

Slide 3 - Slide

This item has no 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

This item has no instructions

Leerdoelen
verder werken aan schermontwerp in html

Slide 5 - Slide

This item has no instructions

Week 5 les 2

Slide 6 - Slide

Startklaar zitten.
STARTKLAAR!
Tellie in zakkie

Slide 7 - Slide

Startklaar zitten.
Voorkennis activeren

Slide 8 - Slide

This item has no instructions

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

Slide 9 - Open question

This item has no instructions

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



Slide 10 - Slide

This item has no 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 - Slide

This item has no instructions

alert alert-[status]
alert alert-primary




alert alert-danger



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

Slide 12 - Slide

This item has no 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 - Slide

This item has no instructions

Collapse
Gebruik je om content in of uit te klappen

klik hier voor voorbeeld
Ingeklapt
Uitgeklapt

Slide 14 - Slide

This item has no instructions

Bootstrap componenten
Klik hier voor de bibliotheek

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

Slide 15 - Slide

This item has no instructions

Samenvatting
Klasikaal doornemen

Slide 16 - Slide

This item has no instructions

Ik heb kennis genomen van de bootstrap bibliotheek
Ja
Deels
Nee

Slide 17 - Poll

This item has no instructions

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

Slide 18 - Poll

This item has no instructions

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

Slide 19 - Poll

This item has no instructions