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
next
Slide 1: Slide
InformaticaMiddelbare schoolvwoLeerjaar 4

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

Items in this lesson

  • 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 - Slide

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 - Slide

Slide 3 - Slide

Slide 4 - Slide

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

Slide 5 - Slide

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

Slide 6 - Slide

Github pages
Demo 

Slide 7 - Slide

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

Slide 8 - Slide

Gedrag
Opmaak
Data
Beheer

Slide 9 - Drag question

Wat kon er beter aan deze les?

Slide 10 - Open question

Vriend en vijand van elke developer: browsers!
lgg

Slide 11 - Slide