BBL Week 3

1 / 19
volgende
Slide 1: Tekstslide
Applicatie- en mediaontwikkelaarMBOStudiejaar 2

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

time-iconLesduur is: 90 min

Onderdelen in deze les

Slide 1 - Tekstslide

Kennismakingsronde
  • Terugblik vorige les
  • IDE (Integrated Development Environment)
  • Block of inline 
  • Introductie CSS
Doelen

Slide 2 - Tekstslide

Kennismakingsronde
  • Lessonup.app
  • Log in met jouw schoolaccount
Lessonup

Slide 3 - Tekstslide

Hoe zit de html code eruit
bij dit kopje en opsomming?

Slide 4 - Open vraag

Schrijf de html code
om het resultaat in het
plaatje te krijgen

Slide 5 - Open vraag

Hoe zorg je ervoor dat een plaatje getoond wordt met html

Slide 6 - Open vraag

Kennismakingsronde
  • Integrated Development Environment (ontwikkelomgeving)
  • Hulpmiddel om sneller en met minder fouten te ontwikkelen
  • Vele IDE's beschikbaar
  • Visual Studio Code (MS) - zeer veel gebruikt
IDE

Slide 7 - Tekstslide

Kennismakingsronde

Enkele voorbeelden
Visual Studio Code

Slide 8 - Tekstslide

Kennismakingsronde
Visual Studio Code installait en opdracht

Slide 9 - Tekstslide

Kennismakingsronde
  • 'gedrag' van elementen op de pagina
  • nieuwe regel(block) of op dezelfde regel blijven
Block of inline

Slide 10 - Tekstslide

Kennismakingsronde
Block 

Slide 11 - Tekstslide

Kennismakingsronde
Inline

Slide 12 - Tekstslide

Kennismakingsronde
  • Vormgeving van webpagina's
  • Cascading Style Sheet
  • extern bestand .css
  • <style> binnen een webpagina
  • inline met attribuut class=''
Introductie CSS - wat is het?

Slide 13 - Tekstslide

Kennismakingsronde
Introductie CSS - hoe te gebruiken

Slide 14 - Tekstslide

Kennismakingsronde
  • Vorige opdracht itslearning nu css toepassen
  • naar eigen smaak 
  • gebruik interne css <style> </style> in de header

Alternatief : ga door met Codeacademy
Opdracht - toepassen css

Slide 15 - Tekstslide

Kennismakingsronde
  • IDE
  • CSS
Terug- en vooruitblik

Slide 16 - Tekstslide

Evaluatie - noem drie dingen die nieuw waren voor jou en die je in deze les hebt geleerd

Slide 17 - Open vraag

Reflectie - Hoe heb je de les ervaren? Was je gemotiveerd om te leren? Vond je het lastig? Hoe ging je om met weerstand.

Slide 18 - Open vraag

Kennismakingsronde
Bedankt en tot ziens

Slide 19 - Tekstslide