1 HTML - Introductie

HTML: Introductie

Roland Kok
ro.kok@kw1c.nl
1 / 17
next
Slide 1: Slide

This lesson contains 17 slides, with text slides.

Items in this lesson

HTML: Introductie

Roland Kok
ro.kok@kw1c.nl

Slide 1 - Slide

Vandaag:

_Leer je 


Slide 2 - Slide

Webdesigner (of webontwerper)
  • Vakgebied ligt bij het grafisch ontwerp
  • Je moet van alles wat af weten; techniek, inhoud, strategie, doelgroepen, projectplanning en ontwerp 
  • Je hoeft niet alles te weten maar een goede algemene kennis is de basis

Slide 3 - Slide

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

Hoe bekijk je een website?

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

Slide 5 - Slide

Oke, maar hoe werkt dat dan?

Slide 6 - Slide

Domeinnamen en DNS
Domeinnamen zijn makkelijker te
onthouden dan IP-adressen.

DNS (Domain Name Service) vertaalt domein naar IP-adres
  • Top level domains van landen (.nl, .be, .eu, etc.)
  • Top level domains van type instelling (.com, .org, .edu, .gov)
  • Inmiddels van alles (.coffee, .hiphop, .sucks, ...)

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

Slide 10 - Slide

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

Opbouw van een HTML pagina

Slide 12 - Slide

Weergave van een HTML pagina

Slide 13 - Slide

Pagina titel

Slide 14 - Slide

Slide 15 - Slide

Slide 16 - Slide

Software om te programmeren

Slide 17 - Slide