Stichting FutureNL
Wij brengen digitale vaardigheden écht in de klas

HTML5 - Introductie - VO

HTML5 - Introductie
1 / 19
next
Slide 1: Slide
InformaticaMiddelbare schoolhavo, vwoLeerjaar 4

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

time-iconLesson duration is: 50 min

Instructions

Competenties
- De leerling kan een computerprogramma schrijven in code. 

Items in this lesson

HTML5 - Introductie

Slide 1 - Slide

Leerdoel
Aan het eind van deze les weet je wat je met HTML5 kan doen, ken je de basisopbouw van een website en heb je geoefende met het maken van een eerste website.

Slide 2 - Slide

Wat is nu precies een website?
timer
1:00

Slide 3 - Open question

Wat is een website?
Een website is een pagina met tekst en afbeeldingen, zoals de website nu.nl. Hierop is bijvoorbeeld het laatste nieuws te zien.

Slide 4 - Slide

Hoe bekijk je een website?
Een website kan je bekijken met behulp van een internetbrowser, zoals MS Internet Explorer, Mozilla Firefox of Google Chrome.

Slide 5 - Slide

Oke, maar hoe werkt dat dan?

Slide 6 - Slide

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

HTML?
HTML is de afkorting van HyperText Markup Language. Markup Language betekent 'opmaaktaal'. Je kunt met HTML tekst opmaken en bijvoorbeeld afbeeldingen invoegen.
De nieuwste versie van HTML is versie 5.

Slide 8 - Slide

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

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

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

HTML5
Uitvoer

Slide 12 - Slide

Geef in een paar zinnen aan wat er gebeurd als je met een browser een website opvraagt.
timer
2:00

Slide 13 - Open question

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.

Slide 14 - Quiz

Waaruit is HTML opgebouwd?
timer
0:30
A
elementen
B
objecten
C
tags
D
tekst

Slide 15 - Quiz

HTML
Uitvoer

Slide 16 - Slide

Software om te programmeren



Zie Google Classroom voor de laatste versie.

Slide 17 - Slide

Nu zelf aan de slag!
Probeer onderstaande website zelf te schrijven met HTML5.

Slide 18 - Slide

Website
HTML5 code

Slide 19 - Slide