CSS - inspecteren en aanpassen

  • Je kan eigenschappen van html elementen aanpassen met css
  • Je weet hoe je de chrome inspector kan gebruiken om te "spieken" bij andere websites
1 / 11
volgende
Slide 1: Tekstslide
InformaticaMiddelbare schoolvwoLeerjaar 4

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

Onderdelen in deze les

  • Je kan eigenschappen van html elementen aanpassen met css
  • Je weet hoe je de chrome inspector kan gebruiken om te "spieken" bij andere websites

Slide 1 - Tekstslide

Afkijken
Pedagogisch didactisch gezien moet ik zeggen dat ik jullie leer code te lezen en te interpreteren. Maar eigenlijk laat ik jullie zien hoe je moet afkijken ;)

Slide 2 - Tekstslide

Slide 3 - Tekstslide

Slide 4 - Tekstslide

Opdracht
Pas de titel aan van een nieuwsbreicht op nos.nl

Slide 5 - Tekstslide

Chrome devtools
  • Open chrome
  • Ga naar nos.nl
  • Druk op F12 of..
  • Rechtermuisknop -> inspect element

Slide 6 - Tekstslide

Github pages
Demo 

Slide 7 - Tekstslide

Aan de slag (zie classroom)
  • CSS - basis afmaken
  • Github pages instellen
  • Oefen PO in classroom

Slide 8 - Tekstslide

Gedrag
Opmaak
Data
Beheer

Slide 9 - Sleepvraag

Wat kon er beter aan deze les?

Slide 10 - Open vraag

Vriend en vijand van elke developer: browsers!
lgg

Slide 11 - Tekstslide