Webdesign - Les 1 (22/23)

Introductie HTML
Antje Roestenburg
a.roestenburg@minkema.nl
1 / 17
suivant
Slide 1: Diapositive
InformaticaMiddelbare schoolhavo, vwoLeerjaar 4

Cette leçon contient 17 diapositives, avec quiz interactifs et diapositives de texte.

Éléments de cette leçon

Introductie HTML
Antje Roestenburg
a.roestenburg@minkema.nl

Slide 1 - Diapositive

Wat is een website?
Een website bestaat uit pagina's met tekst en afbeeldingen die aan elkaar gelinkt zijn, zoals de website www.nu.nl

Slide 2 - Diapositive

Hoe bekijk je een website?

Een website kan je bekijken met behulp van een internetbrowser, zoals  
Google Chrome.

Slide 3 - Diapositive

Oke, maar hoe werkt dat dan?

Slide 4 - Diapositive

timer
0:30
In welke code schrijf
je een Webpagina?

Slide 5 - Carte mentale

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 nieuwste versie van HTML is versie 5.

Slide 7 - Diapositive

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

Slide 8 - Quiz

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, opsomming, tabel, video, etc.

Slide 9 - Diapositive

Voorbeeld HTML-tag

<h1>Dit is een titel</h1>

De <h1> tag geeft aan dat de tekst die volgt als kop1 moet worden weergeveven. 

Slide 10 - Diapositive

Opbouw van een HTML pagina

Slide 11 - Diapositive

Weergave van een HTML pagina

Slide 12 - Diapositive

Pagina titel

Slide 13 - Diapositive

Slide 14 - Diapositive

Slide 15 - Diapositive

Software om te programmeren

Slide 16 - Diapositive

Aan de slag:
Fundament: HTML & CSS (A2)
* lezen t/m hoofdstuk 3 (Multimedia)
* maak vraag 1 & 2 van hoofdstuk 2.8
* maak vraag 1 t/m 3 van hoofdstuk 3.6

YouTube:
* Kijk t/m video 3 (zie Google Classroom)


Slide 17 - Diapositive