Week 3 - Les 1

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
  • IDE (Integrated Development Environment)
  • Block of inline 
  • Introductie CSS
Doelen

Slide 2 - Tekstslide

Zelfinschatting: Ik kan al een eenvoudige html pagina maken met kopjes, tekst, plaatjes en hyperlinks
010

Slide 3 - Poll

Waar staat IDE voor
A
Integrated Development Enginering
B
International Development Entity
C
Integrated Development Environment
D
Integrated Development Encoder

Slide 4 - Quizvraag

Als je een HTML document aanmaakt en tikt : ! gevolgd door een tab. Wat gebeurt er dan?
A
Er verschijnt een uitroepteken
B
Er wordt een standaard het document gegenereerd.
C
Er verschijnt 10 keer een uitroepteken
D
Er volgt een error

Slide 5 - Quizvraag

Wat is het EMMET commando om 5 keer een <h1> te maken?

Slide 6 - Open vraag

Hoe maak je een ongeordende lijst (ol) met 5 listitems(li) met EMMET?

Slide 7 - Open vraag

Wat is het verschil tussen inline en block elementen?

Slide 8 - Open vraag

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

Slide 9 - Tekstslide

Kennismakingsronde
Introductie CSS - hoe te gebruiken

Slide 10 - Tekstslide

Kennismakingsronde
Introductie CSS - hoe te gebruiken
Veel online documentatie, zie bijvoorbeeld: https://htmlcheatsheet.com/css
https://www.w3schools.com/css

Slide 11 - Tekstslide

Kennismakingsronde
Extern
HTML bestand
Gekoppeld aan extern stylesheet bestand

Slide 12 - Tekstslide

Kennismakingsronde
Intern

Slide 13 - Tekstslide

Kennismakingsronde
Inline en cascading

Slide 14 - Tekstslide

Kennismakingsronde
  • Inloggen gelukt?
  • Leeromgeving voor de opleiding Software Developer
  • Module: Development Start
    (Reviewen niet nodig)
  • Module: HTML/CSS Beginner
  • Oortjes of koptelefoon gebruikten voor de video's
Jarvis uitleg

Slide 15 - Tekstslide

Kennismakingsronde
  • Samen pagina maken en oefenen met css
    of
  • Verder met Jarvis of Codeacademy eerst afronden

Zelf aan de slag

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 interne weerstand?

Slide 18 - Open vraag

Kennismakingsronde
Bedankt en tot ziens

Slide 19 - Tekstslide