Webdesign - Les 1 (22/23)

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

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

Onderdelen in deze les

Introductie HTML
Antje Roestenburg
a.roestenburg@minkema.nl

Slide 1 - Tekstslide

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

Hoe bekijk je een website?

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

Slide 3 - Tekstslide

Oke, maar hoe werkt dat dan?

Slide 4 - Tekstslide

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

Slide 5 - Woordweb

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

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

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

Slide 8 - Quizvraag

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

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

Opbouw van een HTML pagina

Slide 11 - Tekstslide

Weergave van een HTML pagina

Slide 12 - Tekstslide

Pagina titel

Slide 13 - Tekstslide

Slide 14 - Tekstslide

Slide 15 - Tekstslide

Software om te programmeren

Slide 16 - Tekstslide

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