WEEK 4 - INFORMATICA

Week 4 les 1
1 / 21
volgende
Slide 1: Tekstslide
InformaticaMiddelbare schoolhavoLeerjaar 4

In deze les zitten 21 slides, met interactieve quizzen en tekstslides.

time-iconLesduur is: 90 min

Onderdelen in deze les

Week 4 les 1

Slide 1 - Tekstslide

Startklaar zitten.
STARTKLAAR!
Tellie in zakkie

Slide 2 - Tekstslide

Startklaar zitten.
Voorkennis activeren

Slide 3 - Tekstslide

Deze slide heeft geen instructies

Wat is de functie van het attribuut position in CSS?
A
De achtergrondkleur van een element aanpassen
B
De lettergrootte van een tekst aanpassen
C
De positie van een element bepalen op de webpagina
D
De grootte van een afbeelding aanpassen

Slide 4 - Quizvraag

Deze slide heeft geen instructies

Wat zijn de mogelijke waarden voor het attribuut position in CSS?
A
left, right, top, bottom
B
margin, padding, border, content
C
red, green, blue, yellow
D
static, relative, absolute, fixed, sticky

Slide 5 - Quizvraag

Deze slide heeft geen instructies

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 6 - Quizvraag

Deze slide heeft geen instructies

Leerdoelen
verder werken aan schermontwerp in html

Slide 7 - Tekstslide

Deze slide heeft geen instructies

Week 4 les 2

Slide 8 - Tekstslide

Startklaar zitten.
STARTKLAAR!
Tellie in zakkie

Slide 9 - Tekstslide

Startklaar zitten.
Voorkennis activeren

Slide 10 - Tekstslide

Deze slide heeft geen instructies

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

Slide 11 - Open vraag

Deze slide heeft geen instructies

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



Slide 12 - Tekstslide

Deze slide heeft geen instructies

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 13 - Tekstslide

Deze slide heeft geen instructies

alert alert-[status]
alert alert-primary




alert alert-danger



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

Slide 14 - Tekstslide

Deze slide heeft geen instructies

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 15 - Tekstslide

Deze slide heeft geen instructies

Collapse
Gebruik je om content in of uit te klappen

klik hier voor voorbeeld
Ingeklapt
Uitgeklapt

Slide 16 - Tekstslide

Deze slide heeft geen instructies

Bootstrap componenten
Klik hier voor de bibliotheek

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

Slide 17 - Tekstslide

Deze slide heeft geen instructies

Samenvatting
Klasikaal doornemen

Slide 18 - Tekstslide

Deze slide heeft geen instructies

Ik heb kennis genomen van de bootstrap bibliotheek
Ja
Deels
Nee

Slide 19 - Poll

Deze slide heeft geen instructies

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

Slide 20 - Poll

Deze slide heeft geen instructies

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

Slide 21 - Poll

Deze slide heeft geen instructies