Webdesign (1: HTML) P2

• Informatica
• Middelbare school
• havo, vwo
• Leerjaar 4

Front End Developer

?

Een front end developer ontwikkelt de voorkant van een website of applicatie. Dus eigenlijk het gedeelte wat je als bezoeker direct ziet. 

Je kunt eigenlijk overal aan een website werken, bijvoorbeeld gewoon vanuit huis, maar ook in het park, zolang je maar internet en een laptop hebt.

Introductie Webdesign

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

Hoe bekijk je een website?

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

Google, Chrome, Safari, Firefox

Oke, maar hoe werkt dat dan?

In welke code schrijf
je een Webpagina?

De code

Hoe weet een internetbrowser nu precies hoe een website moet worden weergegeven?

 

Een webbrowser kan HTML-code omzetten naar een leesbare webpagina.

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.

Waaruit is HTML opgebouwd?

1. elementen
2. objecten
3. tags
4. tekst

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.

Voorbeeld HTML-tag

<h1>Dit is een titel</h1>

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

Opbouw van een HTML pagina

Weergave van een HTML pagina

Pagina titel

Aan de slag:

DIGIT: Computational Thinking H3. HTML 

* lezen / kijken hoofdstuk 3 (HTML) introductie

* maak vraag 1 & 4 van hoofdstuk 3.1

* maak vraag 5 t/m 8 van hoofdstuk 3.2

Basis HTML voor webpagina maken

Teskt opmaken met tags

Achtergrondkleur opmaken

Titels maken

Lijsten maken

Afbeeldingen invoegen

Afbeelding als achtergrond gebruiken

Hyperlink naar andere website invoegen