WEEK 4 - INFORMATICA

• Informatica
• Middelbare school
• havo
• Leerjaar 4

Week 4 les 1

Startklaar zitten.

STARTKLAAR!

Tellie in zakkie

Startklaar zitten.

Voorkennis activeren

Wat is de functie van het attribuut position in CSS?

1. De achtergrondkleur van een element aanpassen
2. De lettergrootte van een tekst aanpassen
3. De positie van een element bepalen op de webpagina
4. De grootte van een afbeelding aanpassen

Wat zijn de mogelijke waarden voor het attribuut position in CSS?

1. left, right, top, bottom
2. margin, padding, border, content
3. red, green, blue, yellow
4. static, relative, absolute, fixed, sticky

Hoe kan absolute positionering worden toegepast in CSS?

1. Met behulp van de eigenschappen width, height, display
2. Met behulp van de eigenschappen margin, padding, border
3. Met behulp van de eigenschappen top, right, bottom, left
4. Met behulp van de eigenschappen font-size, color, text-align

Leerdoelen

verder werken aan schermontwerp in html

Week 4 les 2

Startklaar zitten.

STARTKLAAR!

Tellie in zakkie

Startklaar zitten.

Voorkennis activeren

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

LEERDOELEN

• De leerling maakt kennis met een paar bootstrap css componenten

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:

alert alert-[status]

alert alert-primary

alert alert-danger

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

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

Collapse

Gebruik je om content in of uit te klappen

klik hier voor voorbeeld

Ingeklapt

Uitgeklapt

Bootstrap componenten

Klik hier voor de bibliotheek

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

Samenvatting

Klasikaal doornemen

Ik heb kennis genomen van de bootstrap bibliotheek

Ja

Deels

Nee

Ik kan zelf goed door de bibliotheek van bootstrap bladeren

Ja

Deels

Nee

Ik kan bootstrap componenten gebruiken aan de hand van de bootstrap bibliotheek

Ja

Deels

Nee