CSS eigen knop

• New lesson editor
• Informatica
• Middelbare school
• vmbo lwoo
• Leerjaar 3

Ga ergens zitten waar een vel papier ligt

Vouw het papier in drieën zoals rechts aangegeven

Schrijf in blokletters jouw voornaam in het midden van het papier

Zet het papier neer met jouw naam naar voren

Er staat een voorbeeld vooraan het lokaal

CSS gebruiken om knoppen te maken

Wat weet je nog?

Uitleg:

• Denken (2 minuten): Bedenk zelf in stilte een antwoord

• Delen (2 minuten): Deel wat jij heb bedacht met de persoon naast jou

• Uitwisselen (klassikaal): Vul samen in LessonUp in wat je in wat je hebt bedacht

Wat doet het <a> element en geef een voorbeeld hoe je dat gebruikt

Wat doet het <a> element en geef een voorbeeld hoe je dat gebruikt

Wat ga je leren?

• Na de les kan je door middel van CSS een anchor (<a>) element eruit laten zien als een knop

  • Na de les kan je door middel van CSS een andere stijl toepassen als de muis over een element sweeft

Klassikaal programmeren

Wat ga je nu doen?

• Je oefent met het gebruiken van ':hover' en ':active' om knoppen te maken

  • Je gaat verder aan de slag met het werk in DigitVO

  • Je bedenkt een ding wat je deze les hebt geleerd en geeft daar een voorbeeld van. Bijvoorbeeld: Ik heb deze les geleerd hoe ik het <p> element gebruik, namelijk <p>Dit is een blok tekst</p>

10 minuten voor het einde van de les gaan we stoppen om te evalueren wat jullie deze les hebben geleerd en zodat je nog wat laatste vragen kan stellen.

Evaluatie:
Wat heb je geleerd?

Wat heb je vandaag geleerd