HTML 5 en CSS 3

Inleiding

In deze lessen informatica gaan we een websites bouwen.

Hiervoor gebruiken we niet èèn of ander duur programma, maar een soort kladblok editor (Notepad ++)waarmee we de webpagina`s in codes maken. Dit lijkt heel erg saai maar je zal zien dat je snel iets moois maakt en begint te begrijpen hoe je met die codes moet werken. We zullen zien hoe je de opmaak en de indeling van de pagina`s van elkaar moet scheiden en wat daarvan het voordeel is.

Je krijgt inzicht in de constructie die achter webpagina`s zit en je gaat begrijpen op welke manier deze zijn opgebouwd uit objecten. Dit inzicht heb je nodig om in het vervolg lessen je webpagina te laten reageren op muisklikken. In de vervolg lessen laten we zien wat de mogelijkheden zijn van de scripttaal, Javascript.

Als we de technieken goed onder de knie hebben gaan we een website maken. Deze opdracht komt als laatst en vind je onderaan deze website. In deze laatste opdracht staat ook aan welke eisen deze website moet voldoen.

Als bronmateriaal voor de technieken gebruiken we;

http://www.w3schools.com

of je kan ook de volgende website`s gebruiken:

http://www.codecademy.com/en/tracks/web

http://www.handleidinghtml.nl

Colofon

Het arrangement HTML 5 en CSS 3 is gemaakt met Wikiwijs van Kennisnet. Wikiwijs is hét onderwijsplatform waar je leermiddelen zoekt, maakt en deelt.

Auteur: Truus de Bont Je moet eerst inloggen om feedback aan de auteur te kunnen geven.
Laatst gewijzigd: 2015-09-14 20:43:01
Licentie: Dit lesmateriaal is gepubliceerd onder de Creative Commons Naamsvermelding 3.0 Nederlands licentie. Dit houdt in dat je onder de voorwaarde van naamsvermelding 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 3.0 Nederland licentie.

Aanvullende informatie over dit lesmateriaal

Van dit lesmateriaal is de volgende aanvullende informatie beschikbaar:

Leerniveau: Praktijkonderwijs; VSO;
Leerinhoud en doelen: Computervaardigheden/ICT;
Eindgebruiker: leerling/student
Moeilijkheidsgraad: gemiddeld
Trefwoorden: html en css

Downloaden

Het volledige arrangement is in de onderstaande formaten te downloaden.

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.