Cette leçon contient 16 diapositives, avec quiz interactifs et diapositives de texte.
La durée de la leçon est: 50 min
Instructions
Competenties
- De leerling kan een computerprogramma schrijven in code.
Éléments de cette leçon
HTML5 - Introductie
Slide 1 - Diapositive
Wat is volgens jou een website?
Denk 1 minuut na over deze vraag.
Ga dan naar de volgende slide.
Slide 2 - Diapositive
Wat is een website?
Een website is een digitale pagina met tekst en afbeeldingen, zoals de website nu.nl. Hierop is bijvoorbeeld het laatste nieuws te zien.
Slide 3 - Diapositive
Hoe bekijk je een website?
Een website kan je bekijken met behulp van een internetbrowser, zoals MS Internet Explorer, Mozilla Firefox, Google Chrome of Opera.
Slide 4 - Diapositive
Oke, maar hoe werkt dat dan?
Slide 5 - Diapositive
De code
Hoe weet een internetbrowser nu precies hoe een website moet worden weergegeven?
Een webbrowser kan HTML-code omzetten naar een leesbare webpagina.
Slide 6 - Diapositive
HTML?
HTML is de afkorting van HyperText Markup Language. Markup Language betekent 'opmaaktaal'.
Je kunt met HTML tekst opmaken en bijvoorbeeld afbeeldingen invoegen.
De meest gebruikte versie van HTML is versie 5.
Slide 7 - Diapositive
Hoe is HTML ontstaan?
HTML is in 1980 ontwikkeld door natuurkundige Tim Berners-Lee. Het was toen een opmaakcode voor het delen van documenten.
In 1989 stelde Berners-Lee voor om deze code te gaan gebruiken voor hypertext op het internet.
Een jaar later programmeerde hij zelf een webbrowser om de hypertext te bekijken en een server om de hypertext op te slaan.
Slide 8 - Diapositive
Opbouw van HTML
Bij HTML wordt gebruik gemaakt van zogenaamde tags. De tags geven aan wat voor soort informatie er moet worden weergegeven, zoals normale tekst, titel, paragraaf, afbeelding, etc.
Slide 9 - Diapositive
Voorbeeld HTML-tag
<h1>Dit is een titel</h1>
De <h1> geeft aan dat de tekst die volgt als kop1 moet worden weergeveven. Het is net Word...
Slide 10 - Diapositive
HTML5
Uitvoer
Slide 11 - Diapositive
Hoe is HTML ontstaan?
timer
0:30
A
Uit de behoefte om website te maken
B
Uit de behoefte om bestanden te delen
C
Uit de behoefte om een standaard op te stellen voor het ontwerpen van websites
D
Uit de behoefte om Natuurkunde beter te maken
Slide 12 - Quiz
Waaruit is HTML opgebouwd?
timer
0:30
A
elementen
B
objecten
C
tags
D
tekst
Slide 13 - Quiz
HTML
Uitvoer
Slide 14 - Diapositive
Nu zelf aan de slag!
Probeer onderstaande website zelf te schrijven met HTML5. Noteer de code in Word.