Leer HTML in 8 stappen

Leer HTML in 8 stappen
1 / 17
volgende
Slide 1: Tekstslide
InformatiekundeMiddelbare schoolhavo, vwoLeerjaar 3

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

time-iconLesduur is: 60 min

Onderdelen in deze les

Leer HTML in 8 stappen

Slide 1 - Tekstslide

Deze slide heeft geen instructies

Doel van de les
Aan het einde van de les kun je een simpele HTML pagina maken

Slide 2 - Tekstslide

Vertel de leerlingen wat ze aan het einde van de les zullen kunnen
Wat weet jij al over HTML?

Slide 3 - Woordweb

Deze slide heeft geen instructies

Wat is HTML?
HTML staat voor HyperText Markup Language en is de basis van websites

Slide 4 - Tekstslide

Leg kort uit wat HTML is en waar het voor staat
De basis
HTML bestaat uit elementen en tags. Een element begint met een tag en eindigt met een sluit-tag
<HTML>
   ...
</HTML>

Slide 5 - Tekstslide

Laat de leerlingen zien wat de basis van HTML is en hoe het gebruikt wordt
Titel en body
De titel en body van een HTML pagina zijn belangrijk voor zoekmachines en gebruikers

Slide 6 - Tekstslide

Laat de leerlingen zien hoe ze de titel en body van een HTML pagina kunnen maken
Titel en body
De titel en body van een HTML pagina zijn belangrijk voor zoekmachines en gebruikers
<title> ... </title>
In de TITLE komt de informatie over de webpagina

Slide 7 - Tekstslide

Laat de leerlingen zien hoe ze de titel en body van een HTML pagina kunnen maken
Titel en body
De titel en body van een HTML pagina zijn belangrijk voor zoekmachines en gebruikers
<title> ... </title>
In de TITLE komt de informatie over de webpagina
<body> ... </body>
In de BODY komt de informatie die op de pagina te zien is.

Slide 8 - Tekstslide

Laat de leerlingen zien hoe ze de titel en body van een HTML pagina kunnen maken
Kopjes en alinea's
Kopjes en alinea's zorgen voor structuur in een HTML pagina

Slide 9 - Tekstslide

Laat de leerlingen zien hoe ze kopjes en alinea's kunnen maken
Kopjes en alinea's
Kopjes en alinea's zorgen voor structuur in een HTML pagina

Kopjes herken je aan afwijken lettergroottes/types

Slide 10 - Tekstslide

Laat de leerlingen zien hoe ze kopjes en alinea's kunnen maken
Kopjes en alinea's
Kopjes en alinea's zorgen voor structuur in een HTML pagina

Kopjes herken je aan afwijkende lettergroottes/types

Alineas herken je aan de lege regels tussen in tekst

Slide 11 - Tekstslide

Laat de leerlingen zien hoe ze kopjes en alinea's kunnen maken
Links en afbeeldingen
Links en afbeeldingen maken een HTML pagina interactief en visueel aantrekkelijk

Slide 12 - Tekstslide

Laat de leerlingen zien hoe ze links en afbeeldingen kunnen toevoegen aan een HTML pagina
Lijsten
Lijsten zijn handig om informatie overzichtelijk te presenteren

Slide 13 - Tekstslide

Laat de leerlingen zien hoe ze lijsten kunnen maken in HTML
Samenvatting
Je hebt nu geleerd hoe je een simpele HTML pagina kunt maken met de basis elementen en tags

Slide 14 - Tekstslide

Vat de belangrijkste punten van de les samen en geef aan dat de leerlingen de opdracht kunnen maken
Schrijf 3 dingen op die je deze les hebt geleerd.

Slide 15 - Open vraag

De leerlingen voeren hier drie dingen in die ze in deze les hebben geleerd. Hiermee geven ze aan wat hun eigen leerrendement van deze les is.
Schrijf 2 dingen op waarover je meer wilt weten.

Slide 16 - Open vraag

De leerlingen voeren hier twee dingen in waarover ze meer zouden willen weten. Hiermee vergroot je niet alleen betrokkenheid, maar geef je hen ook meer eigenaarschap.
Stel 1 vraag over iets dat je nog niet zo goed hebt begrepen.

Slide 17 - Open vraag

De leerlingen geven hier (in vraagvorm) aan met welk onderdeel van de stof ze nog moeite. Voor de docent biedt dit niet alleen inzicht in de mate waarin de stof de leerlingen begrijpen/beheersen, maar ook een goed startpunt voor een volgende les.