Menu
A Inleiding
  • Vooraf
  • Leerdoelen
  • Zo werkt het
B1 HTML5
  • Een sjabloon voor HTML5
  • ★ Aan de slag 1
  • ★ Aan de slag 2
  • ★ Aan de slag 3
  • Nesten
  • ★ Aan de slag 4
  • Controleren van code
  • ★ Aan de slag 5
  • Elementen en attributen
  • ★ Aan de slag 6
  • Kopteksten
  • ★ Aan de slag 7
B2 HTML5
  • Alinea's
  • ★ Aan de slag 8
  • ★ Aan de slag 9
  • Afbeeldingen
  • ★ Aan de slag 10
  • Verwijzingen
  • ★ Aan de slag 11
  • ★ Aan de slag 12
  • Lijsten
  • ★ Aan de slag 13
  • ★ Aan de slag 14
  • ★ Aan de slag 15
  • Tabellen
  • ★ Aan de slag 16
  • ★ Aan de slag 17
  • ★ Aan de slag 18
  • Video en audio
  • ★ Aan de slag 19
  • Structuur
  • ★ Aan de slag 20
  • Toets 1
C CSS3
  • Inleiding
  • Syntax van CSS
  • ★ Aan de slag 21
  • Koppelen CSS en HTML
  • ★ Aan de slag 22
  • ★ Aan de slag 23
  • Extern stylesheet
  • ★ Aan de slag 24
  • ★ Aan de slag 25
  • ★ Aan de slag 26
  • ★ Aan de slag 27
  • Eigenschappen lettertypen
  • ★ Aan de slag 28
  • Eigenschappen tekst
  • ★ Aan de slag 29
  • ★ Aan de slag 30
  • ★ Aan de slag 31
  • Verwijzingen
  • Het box model
  • ★ Aan de slag 32
  • Positionering elementen
  • ★ Aan de slag 33
  • ★ Aan de slag 34
  • ★ Aan de slag 35
  • Een menu in HTML en CSS
  • ★ Aan de slag 36
  • Toets 2
D JavaScript
  • Client-side scriptingtaal
  • JavaScript-code
  • ★ Aan de slag 37
  • Een eenvoudig script
  • ★ Aan de slag 38
  • ★ Aan de slag 39
  • ★ Aan de slag 40
  • ★ Aan de slag 41
  • ★ Aan de slag 42
  • Commando’s
  • ★ Aan de slag 43
  • ★ Aan de slag 44
  • Popup schermen
  • ★ Aan de slag 45
  • ★ Aan de slag 46
  • HTML5 en JavaScript
  • ★ Aan de slag 47
Voortgang
  • Zoeken in arrangement
    bèta
  • Colofon
  • Opties
    Gebruik
    • Download als PDF
    • Alle download opties
    • Kopieer arrangement
    Weergave
    • Menu links
    • Geen menu
    • Menu onder voor digibord
  • wikiwijs-logo
    • Over Wikiwijs
    • Wikiwijs Updates
    • Disclaimer
    • Privacy
    • Cookies
    Wikiwijs is een dienst van

Stad en Esch - HTML website maken, CSS en javascript

Stad en Esch - HTML website maken, CSS en javascript

Vooraf

HTML is een taal die gebruikt wordt voor het maken van webpagina’s. Webpagina’s kunnen worden bekeken in een browser. Voorbeelden van browsers zijn Internet Explorer, Safari, Google Chrome, Opera en Mozilla Firefox.

De allereerste versie van HTML, de afkorting staat voor Hypertext Markup Language, werd in 1990 ontwikkeld door de Britse wetenschapper Tim Berners-Lee. In datzelfde jaar zag ook de eerste browser het levenslicht. Het programma kreeg de toepasselijke naam “WorldWideWeb”.

In deze module gaan we aan de slag met HTML5. Dit is momenteel de meest recente versie van HTML. Voor het schrijven van de HTML-code gebruiken we onze interne HTML5-tool en het programma Notepad++.
Je kunt Notepad++ gratis downloaden via notepad-plus-plus.org/ .

Bij het bouwen van een website heb je altijd met 3 aspecten te maken:

  1. De structuur van de webpagina.
  2. De opmaak (lay-out) van de webpagina.
  3. De interactiviteit van de webpagina.

Voor het beschrijven van de structuur van webpagina’s gebruiken we in dit lesmateriaal HTML5. De opmaak van een webpagina leggen we vast in zogenaamde stijlbladen (CSS3). HTML5 maakt gebruik van JavaScript. Dit is een scriptingtaal waarmee interactiviteit op een webpagina gerealiseerd kan worden. Daar ronden we deze module mee af.

In deze module leer je hoe je webpagina’s kunt bouwen in HTML5 in combinatie met CSS3 en JavaScript.

Colofon

Het arrangement Stad en Esch - HTML website maken, CSS en javascript is gemaakt met Wikiwijs van Kennisnet. Wikiwijs is hét onderwijsplatform waar je leermiddelen zoekt, maakt en deelt.

Auteur
Tom van der Wal
Laatst gewijzigd
2025-04-24 19:03:24
Licentie

Dit lesmateriaal is gepubliceerd onder de Creative Commons Naamsvermelding-GelijkDelen 4.0 Internationale licentie. Dit houdt in dat je onder de voorwaarde van naamsvermelding en publicatie onder dezelfde licentie vrij bent om:

  • het werk te delen - te kopiëren, te verspreiden en door te geven via elk medium of bestandsformaat
  • het werk te bewerken - te remixen, te veranderen en afgeleide werken te maken
  • voor alle doeleinden, inclusief commerciële doeleinden.

Meer informatie over de CC Naamsvermelding-GelijkDelen 4.0 Internationale licentie.

Het thema 'HTML5' is ontwikkeld door auteurs en medewerkers van Enigma-online. Fair Use In de modules van Enigma-online wordt gebruik gemaakt van beeld- en filmmateriaal dat beschikbaar is op internet. Bij het gebruik zijn we uitgegaan van fair use. Meer informatie: Fair use Mocht u vragen/opmerkingen hebben, neem dan contact op via de helpdesk VO-content.

Aanvullende informatie over dit lesmateriaal

Van dit lesmateriaal is de volgende aanvullende informatie beschikbaar:

Leerniveau
HAVO 4; VWO 6; HAVO 5; VWO 4; VWO 5;
Leerinhoud en doelen
Informatica;
Eindgebruiker
leerling/student
Moeilijkheidsgraad
gemiddeld
Trefwoorden
arrangeerbaar, arrangeerbare, leerlijn, rearrangeerbare

Gebruikte Wikiwijs Arrangementen

VO-content Informatica. (2020).

Module: Enigma - HTML5, CSS3 en JavaScript

https://maken.wikiwijs.nl/157980/Module__Enigma___HTML5__CSS3_en_JavaScript

Stad en Esch - HTML website maken, CSS en javascript
nl
Tom van der Wal
Tom van der Wal
2025-04-24 19:03:24
educationLevel
OnderwijsBegrippenKader
HAVO 4
http://purl.edustandaard.nl/begrippenkader/70af3752-c6ad-43d9-aa0c-9ff099931f8a
educationLevel
OnderwijsBegrippenKader
VWO 6
http://purl.edustandaard.nl/begrippenkader/85d15c83-e2b4-4359-8475-a355591aaa1a
educationLevel
OnderwijsBegrippenKader
HAVO 5
http://purl.edustandaard.nl/begrippenkader/cb61531d-61eb-4412-a52f-ca065ca37e39
educationLevel
OnderwijsBegrippenKader
VWO 4
http://purl.edustandaard.nl/begrippenkader/e2026706-0829-4a4c-b726-9409b6f407e1
educationLevel
OnderwijsBegrippenKader
VWO 5
http://purl.edustandaard.nl/begrippenkader/f2513775-3d54-423b-803b-15e06a8c89a8
educationalSubject
OnderwijsBegrippenKader
Informatica
http://purl.edustandaard.nl/begrippenkader/2845473d-ce18-450a-9135-6738abbdc129
leerling/student
arrangeerbaar, arrangeerbare, leerlijn, rearrangeerbare

Downloaden

Het volledige arrangement is in de onderstaande formaten te downloaden.

  • pdf
  • json
  • IMSCP package

Metadata

  • Metadata overzicht (Excel)

LTI

Leeromgevingen die gebruik maken van LTI kunnen Wikiwijs arrangementen en toetsen afspelen en resultaten terugkoppelen. Hiervoor moet de leeromgeving wel bij Wikiwijs aangemeld zijn. Wil je gebruik maken van de LTI koppeling? Meld je aan via info@wikiwijs.nl met het verzoek om een LTI koppeling aan te gaan.

Maak je al gebruik van LTI? Gebruik dan de onderstaande Launch URL’s.

Arrangement

IMSCC package

Wil je de Launch URL’s niet los kopiëren, maar in één keer downloaden? Download dan de IMSCC package.

  • IMSCC package

Voor developers

Wikiwijs lesmateriaal kan worden gebruikt in een externe leeromgeving. Er kunnen koppelingen worden gemaakt en het lesmateriaal kan op verschillende manieren worden geëxporteerd. Meer informatie hierover kun je vinden op onze Developers Wiki.

Sluiten