Menu

Reggesteyn - HTML website maken, CSS en javascript

Reggesteyn - 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 Reggesteyn - 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 Je moet eerst inloggen om feedback aan de auteur te kunnen geven.
Laatst gewijzigd
2025-01-07 14:44:09
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

van der Wal, Tom. (2020).

Stad en Esch - HTML website maken, CSS en javascript

https://maken.wikiwijs.nl/160824/Stad_en_Esch___HTML_website_maken__CSS_en_javascript

Downloaden

Het volledige arrangement is in de onderstaande formaten te downloaden.

Metadata

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.

Meer informatie voor ontwikkelaars

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.