LEEREENHEID HTML/CSS Dit document bestaat uit twee onderdelen - Onderdeel Leereenheid - Onderdeel Onderwijsproduct 1 Naam leereenheid In deze tabel staat de naam en het type van de leereenheid Leereenheid naam: HTML/CSS Leereenheid type KGC 2 Specificatie In deze tabel staat voor welk crebotraject de leereenheid is gemaakt Crebotraject code: 95311 Crebotraject naam: Applicatie- en mediaontwikkeling (Applicatieontwikkelaar) BOL Cluster: Cluster 1 Realiseert Taakklasse: Taakklasse 1 3 Plaats in het ander crebotraject wordt door de vaststeller ingevuld bij overlap van leereenheden Deze tabel zo vaak kopieren als aantal crebotrajecten waarin leereenheid ook wordt gebruikt Crebotraject: 95701 Crebotraject naam: Applicatie- en mediaontwikkeling (Mediadeveloper) BOL Cluster: Cluster 1 Realiseert Taakklasse: Taakklasse 1 4 Beschrijving van de beroepssituatie behorende bij deze leereenheid De student krijgt een aantal materialen aangeleverd b.v. een functioneel ontwerp, videofragmenten en foto s. Op basis van de aangeleverde materialen realiseert de student een eenvoudige applicatie.hij test of het product in de verschillende browsers werkt en past daar waar nodig de producten aan. 5 Leerdoelen leereenheid Leerdoelen onderwijs product 1: 1. Aan het einde van deze VGT kan de student twee redenen noemen waarom het gebruik van de W3C-validator bij het coderen in HTML/CSS belangrijk is. 2. Aan het einde van deze VGT kan de student een verklaring geven van de werking van de volgende HTML/CSS begrippen: Meta-informatie, Pagina-markup, Navigatie-markup, Logo-markup, Article-markup, Footer-markup. 6 Voorwaarden voor deelname aan leereenheid Om deel te nemen aan de betreffende leereenheid worden de volgende voorwaarden gesteld: Geen 95311_Leereenheid KGC_Applicatieontwikkelaar_120626_T&I_HTML-CSS 1
7 Beoordeling leereenheid conform visie toetsing en examinering ROC ID College De beoordeling van de onderwijsproducten staan in het kader van: X ontwikkeling, de bijbehorende ontwikkelingsgerichte beoordeling uit het Programma Toetsing in het kader van de Ontwikkeling betreft: kwalificeren, de bijbehorende examentoets uit het Programma in het kader van toetsing en examinering (PTE) is: 7 Aantal SBU s Het aantal SBU s is: 20 8 Studiepunten Het aantal studiepunten is: 1 95311_Leereenheid KGC_Applicatieontwikkelaar_120626_T&I_HTML-CSS 2
Een leereenheid kan uitgewerkt worden in verschillende onderwijsproducten (A, B, ) A.1 Algemene informatie Onderwijsproduct Ontwikkelaar: Hans van Rheenen Ontwikkeldatum: 25-04-2012 Versie: 1.0 A.2 Beschrijving De student krijgt les uit het boek Webdesign 4, Academic Service, blz 1 t/m 77 Aan de hand van voorbeelden worden Meta-informatie, Pagina-markup, Navigatie-markup, Logomarkup, Article-markup en Footer-markup toegelicht, uitgelegd en besproken. Les 1: HTML-editors Lay-out en design van een webpagina Meta-informatie Tags of markups Doctype Het element <html>, <head>, <title> De <!-- commentaar -->-tag Het element <body>, <div>, <section>, <header>, <hgroup>, <h1> t/m <h6> Les 2 (10): Navigatie markup Het element <nav>, <ol>, <ul>, <a> CSS3 Het element <link> CSS-syntaxis Definiëren van id s De attributen width en height, margin en padding, box-shadow Les 3(18): Webkleuren Kleursyntaxis in CSS Het attribuut rgba, text-align, background Background-position: en background-repeat: Het attribuut font-size, border, float, border-radius, transition De pseudoklassen hover en focus Les 4(24): Logo markup Class Het element <span> Het attribuut position Definiëren van klassen Het attribuut border-radius, opacity, z-index Article markup Het element <article>, <p>, Inline- of tekstelementen Het element <strong>, <em>, <mark> Les 5(31): Article design Het attribuut overflow De function gradient() 95311_Leereenheid KGC_Applicatieontwikkelaar_120626_T&I_HTML-CSS 3
Het attribuut text-shadow:, hsla, line-height Het element <aside>, <video>, <source> Les 6(37): Videoformaat Videoconversie Het element <a href= # > Het attribuut text-transform, background-position De functie rotate(), scale() Het element <footer> Les 7(44): Het attribuut transform-origin CSS-animaties Les 8(49): Het element <form>, <fieldset>, <legend>, <label>, <input type= checkbox > Het element <input type= radio >, <input type= text >, <select>, <datalist> Het element <input type= range >, <textarea>, <input type= submit > Het attribuut clear, after, display, required, focus, invalid De function radial-gradient() Les 9(63): Het element <iframe>, <table>, <thead>, <tr>, <th>, <tfoot> Het attribuut colspan Het element <tbody>, <td> Het attribuut border-collapse Les 10: Toets A.3 Beschrijving voor voorliggende ALA s (alleen invullen in geval van ALA) A.4 Criteria behorende bij Product/Eindresultaat De cesuur is dat de student 66% van de gebruikte statements juist moet verklaren A.5 Begeleiding De begeleiding bestaat uit: Docent A.6 Benodigde materialen en kosten Voor de uitvoering van dit onderwijsproduct zijn de volgende materialen benodigd: A.7 Faciliteiten voor onderwijs Voor het uitvoeren van dit onderwijsproduct zijn de volgende faciliteiten benodigd: Lokaal met projectiemogelijkheid (beamer, smartboard, etc.) A.8 In te zetten leermiddelen Voor het uitvoeren van dit onderwijsproduct zijn de volgende leermiddelen benodigd: ROC/domein afspraken 95311_Leereenheid KGC_Applicatieontwikkelaar_120626_T&I_HTML-CSS 4
Suggesties voor in te zetten middelen Smartboard A.9 Uitvoeringslocatie(s) De ALA kan op de volgende locatie worden uitgevoerd (meerdere locaties kunnen aangevinkt worden) X ROC ID College, te weten: alle locaties / locatie(s): <locatie(s) invullen> leerbedrijf / leerinstelling elders, te weten:.. A.10 Faciliteiten voor toetsing/examinering Voor de toetsing/examinering van dit onderwijsproduct zijn de volgende faciliteiten benodigd: lokaal A.11 SBU s Begeleide uren: 12,5 Onbegeleide uren: 7,5 A.11 Aantal studenten minimaal: 12 maximaal: 26 A.12 Opmerkingen / bijzonderheden 95311_Leereenheid KGC_Applicatieontwikkelaar_120626_T&I_HTML-CSS 5