CSS en de chrome devtools

  • 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
suivant
Slide 1: Diapositive
InformaticaMiddelbare schoolvwoLeerjaar 4

Cette leçon contient 11 diapositives, avec quiz interactifs et diapositives de texte.

Éléments de cette leçon

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

Vrijdag
  • Ben ik er niet
  • Maar kunnen jullie zelfstandig aan de slag
  • Daarover einde van de les meer..

Slide 2 - Diapositive

Basis van een website
<HTML>
  tekst
</HTML>
.CSS {
  opmaak
}
Javascript(){
 gedrag;
}

Slide 3 - Diapositive

CSS: Cascading StyleSheet
  • Eigenschappen van html elementen aanpassen
  • Opmaak toevoegen aan html elementen

Slide 4 - Diapositive

Slide 6 - Diapositive

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

Slide 7 - Diapositive

Aan de slag
css basis in classroom

Slide 8 - Diapositive

Gedrag
Opmaak
Data
Beheer

Slide 9 - Question de remorquage

Wat kon er beter aan deze les?

Slide 10 - Question ouverte

Vriend en vijand van elke developer: browsers!

Slide 11 - Diapositive