Auteur: CHRBER | Alle Rijen | PDF | RTF

Programma ICT Academie

Overzicht | Detail | Lesvoorbereiding
Planning | Mesoplus | Leereenheid
ALA | OKV
Documentatie

Meso-ontwerp

4C-ID

Uitwerking leereenheid (vakken/projecten/enz.)

Naam leereenheid:PROG (Programmeren)
Opleiding:
Duur opleiding:
ICT Academie Leiden
3 jaar
Kwalificatiedossier / Crebo:ICT- en mediabeheer, 2016 / <x-crebo>
Cohort:2024
Beroepstaak:ICT Beheerder, Netwerk- en mediabeheerder

Beschrijving van leereenheid per periode

Periode1
Duur Aantal weken: 10
Aantal uren per week: 1,5 uur
Samenvatting periode Gedurende deze periode wordt het onderwerp Hoofdstuk 1 - Webtalen, browsers en editors behandeld. De focus van deze periode ligt op het Introductie HTML en CSS.
Leerdoelen

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 en werkprocessen

Kerntaken:

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

Werkprocessen:

  • IM.P1-K2-W2 Beheert een servicedesk
Inhoud

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
Benodigdheden (middelen)
  • 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

Beschrijving van leereenheid per periode

Periode2
Duur Aantal weken: 2
Aantal uren per week: 1,5 uur
Samenvatting periode Gedurende deze periode wordt het onderwerp Hoofdstuk 11 - Kleur, randen en achtergronden behandeld. De focus van deze periode ligt op het Coderen van visuele elementen.
Leerdoelen

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 en werkprocessen

Kerntaken:

    <x-kerntaak>

Werkprocessen:

    <x-werkproces>
Inhoud

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;
Benodigdheden (middelen)
    <x-middelen-lijst>