Aan het einde van lesperiode 1 is de leerling in staat tot het coderen, groeperen, markeren, opleveren van:

• Hoofdstuk 1 - Webtalen, browsers en editors;
• Hoofdstuk 2 - De basis van HTML5;
• Hoofdstuk 3 - Tekst markeren;
• Hoofdstuk 4 - Koppelingen maken;
• Hoofdstuk 5 - Beeld, geluid en andere externe inhoud;
• Hoofdstuk 6 - Formulieren maken;
• Hoofdstuk 7 - Tabellen maken;
• Hoofdstuk 8 - De basis van CSS;
• Hoofdstuk 9 - Lay-out;
• Hoofdstuk 10 - Lay-outs maken met CSS;
• Project website ouderavond;

Kerntaken:

• IM.P1-K2 Organiseren van een (bestaande) servicedesk

Werkprocessen:

• IM.P1-K2-W2 Beheert een servicedesk

Onderwerpen die behandeld gaan worden:

1. Een snelle terugblik; Kennismaken met HTML en CSS; Browsers; HTML-editors; Aanvullende hulpmiddelen;
2. Kenmerken van HTML-documenten; Elementen, tags en tekst; Attributen; Nieuw in HTML5; De basis van een HTML5-document; Paginastructuur; Document Object Model – HTML DOM; De outline van een document; Het contentmodel van HTML5; Secties markeren – theorie; Secties markeren – praktijk; Weergave in oude browsers;
3. Koppen markeren; Tekst markeren; Speciale betekenis aangeven; Inhoud groeperen; Speciale tekens in webpagina’s;
4. Verbindingen leggen met <a> (anchor); Klik hier voor richtlijnen; Externe bestanden koppelen met <link>;
5. Begrippen: URL, Bitmaps (GIF, JPEG, PNG, WEBP), Vectorafbeelding, Responsive design, Video fomats (MP4, OGG, WEBM); Elementen: <img>, <map>, <area>, <picture>, <source>, <iframe>, <embed>, <object>, <video>, <track>, <audio>; Attributen: src, alt, width, height, srcset, sizes;
6. Begrippen: Server/client, JavaScript, reguliere expressies, Kleur (RGB); Elementen: <form>, <input>, <label>, <button>, <select>, <datalist>, <option>, <textarea>; Attributen: action, method, enctype, autocomplete, autofocus, name, type, required, selected;
7. Begrippen: CSS, Kleur; Elementen: <link>, <table>, <caption>, <tr>, <td>, <caption>, <thead>, <tfoot>, <tbody>; Attributen: rel (relationship), colspan, rowspan, width, border, class; Eigenschappen: width, margin, padding, border, background-color, line-height
8. Begrippen: Cascading Style Sheets (CSS); Elementen: <div>, <table>; Attributen: ; Eigenschappen: position, padding (voering), margin (afstand), width
9. Begrippen: Cascading Style Sheets (CSS), Box Model, Weergavemodel

• BOEK: P. Doolaard (2019). HTML5 & CSS3, vijfde editie, ISBN: 978-94-6356-081-8.
• APPARAAT: laptop met web-browser
• Little Web Hut: http://www.littlewebhut.com
• INTERNET: html media.asp
• INTERNET: html forms.asp
• INTERNET: html tables.asp

Aan het einde van lesperiode 2 is de leerling in staat tot het markeren van:

• Hoofdstuk 11 - Kleur, randen en achtergronden;
• Hoofdstuk 12 - Lay-outs maken;

Kerntaken:

<x-kerntaak>

Werkprocessen:

<x-werkproces>

Onderwerpen die behandeld gaan worden:

1. Kleurwaarden; Kleur van tekst; De achtergrond; Kleurverlopen; Afgeronde hoeken; Randafbeelding; Schaduw;
2. Media queries en responsive design; Media queries: breekpunten in de lay-out; Lay-out met positionering en floats; Flexibele lay-out met flexbox; Flexcontainers en flexitems; Het assenstelsel van de flex-flow; Flexitems schalen; Flexitems uitlijnen; Een lay-out maken met flexbox; Verder ontdekken;

<x-middelen-lijst>