Erasmushogeschool Brussel
Nijverheidskaai 170, B-1070 BRUSSEL
Tel. 02 523 37 37 - Fax 02 523 37 57
info@ehb.be
Static Web Development17379/1003/1213/1/28
Studiegids

Static Web Development

17379/1003/1213/1/28
Academiejaar 2012-13
Komt voor in:
  • Bachelor in de Multimedia en de Communicatietechnologie, trajectschijf 1
Dit is een enkelvoudig opleidingsonderdeel.
Studieomvang: 3 studiepunten
Gewicht: 3,00
Totale studietijd: 84,00 uren
Mogelijke grensdata voor leerkrediet: 30.11.2012 (Eénmalig georganiseerd, enkel in het eerste semester)
Dit opleidingsonderdeel wordt gequoteerd op 20 (tot op een geheel getal).
Tweede examenkans: wel mogelijk.
Tolereerbaarheid: Dit opleidingsonderdeel komt in aanmerking voor tolerantie onder de voorwaarden van de opleiding waarvoor je bent ingeschreven.
Behoudbaarheid: De quotering van dit opleidingsonderdeel is behoudbaar onder de voorwaarden van de opleiding waarvoor je bent ingeschreven.
Aard: Algemeen verplicht onderdeel
Docenten: Lanssens Frank, Van Den Meersche Jan Klaas
Taalvak: Nee
Onderwijstalen: Nederlands
Kalender: Semester 1

Gestructureerde registratie van Handboeken, Syllabi, Softwarepakketten ..

Softwarepakket
Aptana StudioVerplicht
  • Medium: Software
  • Niet te koop via de verkoopdienst
Diverse webbrowsers (Safari, Firefox, Internet Explorer, Chrome, Opera, ...) en extensies (o.a. Firebug)Verplicht
  • Medium: Software
  • Niet te koop via de verkoopdienst
DreamweaverVerplicht
  • Auteur: Adobe
  • Editie: CS6
  • Medium: Software
  • Niet te koop via de verkoopdienst

Omschrijving Begincompetenties

CodeOmschrijvingNiveau
ESOEindtermen secundair onderwijsInleidend

Omschrijving Eindcompetenties

CodeOmschrijvingNiveauCategorie
MCT_LO01CREATLO 1 Creativiteit: Creatief zijn, deze creativiteit koppelen aan techniek en inzetten in communicatie naar derden via interactieve multimediale toepassingen en/of presentatievormen.GespecialiseerdDLR
MCT- GI.1.1K,I,V,AGI 1.1: De jonge multimediaprofessional heeft een soepele geest en een ruime verbeeldingskracht.
MCT- GI.1.2K,I,V,AGI 1.2: De jonge multimediaprofessional verzamelt informatie en inspiratiebronnen.
MCT_LO02DBRONMLO 2 Digitaal bronmateriaal: Audio- en visueel bronmateriaal aanmaken (via digitale fotografie, digitale video, tekenpakketten, 3D-software en geluidsopnames), bewerken, integreren en incorporeren in geavanceerde multimediale toepassingen en producties, aangepast aan de noden van het doelpubliek.GespecialiseerdDLR
MCT- GI.2.1K,I,V,AGI 2.1: De jonge multimediaprofessional gaat om met de softwaretools die nodig zijn om de oplossing te produceren.
MCT_LO03DIGTECHNLO 3: Digitale technologie: Inschatten van, omgaan met en zich bewust zijn van de rol van nieuwe media, digitale multimediale technologieën, audiovisuele apparatuur en hardware, en naargelang de multimediatoepassing deze aanwenden in een bruikbaar concept.GespecialiseerdDLR
MCT- GI.3.1K,I,V,AGI 3.1: De jonge multimediaprofessional maakt de juiste technologische keuze inzake hard- en software en randapparatuur voor een probleemstelling en voldoet hierbij aan de gestelde eisen van een klant.
MCT- GI.3.2K,I,V,AGI 3.2: De jonge multimediaprofessional maakt de link tussen software en randapparatuur, begrijpt en gebruikt de gangbare protocollen op gebied van netwerken en besturingssystemen.
MCT_LO04ANALONTWLO 4: Analyse en ontwerp: Een multimediaprobleem analyseren en deze analyse omzetten naar een praktisch realiseerbaar, klantgericht en gebruiksvriendelijk implementatie-ontwerp dat rekening houdt met de gestelde vereisten.GespecialiseerdDLR
MCT- GI.4.2K,I,V,AGI 4.2: De jonge multimediaprofessional neemt de vraag, behoeften, gebruiksdoelen en gebruiksplezier van de gebruiker in acht bij het ontwikkelen van het technisch ontwerp.
MCT- GI.4.3K,I,V,AGI 4.3: De jonge multimediaprofessional vertaalt vanuit creatieve visie en vaardigheden op grond van de vraag van de klant een multimediaconcept naar mockups, schetsen, audio-ontwerp, moodboards en prototypen.
MCT_LO05PRODIMPLLO 5: Productie en implementatie: Vanuit een technologische informatica-achtergrond multimediaoplossingen uitwerken, programmeren, implementeren, documenteren, testen en beveiligen.GespecialiseerdDLR
MCT- GI.5.2K,I,V,AGI 5.2: De jonge multimediaprofessional plant, organiseert, doorloopt en implementeert de verschillende stappen van een webtoepassing.
MCT_LO07ROJMANLO 7: Projectmanagement: Ontwerpen, interpreteren, uitvoeren, aanpassen en toelichten van een projectplan zodat opdrachten op projectmatige wijze aangepakt worden en de planningen gerespecteerd worden.GespecialiseerdDLR
MCT- GI.7.1K,I,V,AGI 7.1: De jonge multimediaprofessional structureert projecten en problemen in taken en deeltaken.
MCT_LO08ONDZINNOVLO 8: Onderzoek en innovatie: Meewerken aan het initiëren, plannen en uitvoeren van toegepast onderzoek rond innovatieve multimediaoplossingen in diverse omgevingen en hierover rapporteren aan vakgenoten en leken.GespecialiseerdDLR
MCT- GI.8.3K,I,V,AGI 8.3: De jonge multimediaprofessional volgt nieuwe technologische en multimediale ontwikkelingen op en past ze toe binnen zijn/haar werkdomein.
MCT_LO11KWHONDNLO 11: Kwaliteitsvol handelen en ondernemerschap: Producten en diensten in de verschillende domeinen van de multimediamarkt op basis van kwaliteitskenmerken situeren, evalueren en toelichten, daarbij strevend naar een kwaliteitsvolle taakuitvoering zodat het resultaat voldoet aan de eisen van een steeds wisselende economische en maatschappelijke omgeving.GespecialiseerdDLR
MCT- GI.11.1K,I,V,AGI 11.1: De jonge multimediaprofessional werkt (ook onder tijdsdruk) zorgvuldig en nauwgezet met oog voor details, afwerking en kwaliteit.
MCT- GI.11.3K,I,V,AGI 11.3: De jonge multimediaprofessional levert oplossingen die gebruiksvriendelijk en aanpasbaar zijn aan veranderende behoeften.

Omschrijving van de Doelstellingen van het opleidingsonderdeel

D1: Een oplossing bouwen volgens huidig geldende standaarden (XHTML, CSS, HTML5). (GI 3.1, GI 5.2)
D2: Een website uitwerken volgens de gangbare methodiek (scheiding structuur - opmaak). (GI 5.3)
D3: De basisprincipes van XHTML, HTML5 en CSS kennen. (GI 5.2)
D4: XHTML, HTML5 en CSS toepassen bij het maken van een website. (GI 5.2)
D5: Een statische website bouwen volgens de standaarden van het W3C. (GI 3.1, GI 5.2)
D6: Keuzes maken met betrekking tot het toepassen van de regels van toegankelijke en gebruiksvriendelijk webdesign. (GI 4.2)
D7: De basisvaardigheden beheersen voor het ontwikkelen van een statische webpagina. (GI 2.1, GI 3.1, GI 3.2, GI 5.2)
D8: Kunnen gebruiken van de tools voor het maken van webtoepassingen. (GI 2.1)
D9: De basisregels van zoekmachineoptimalisatie (SEO) kennen en kunnen toepassen. (GI 11.3)
D10: Een grafisch webdesign vertalen in webpagina’s volgens de webstandaarden. (GI 4.3)
D11: Aandacht hebben voor nieuwe technologieën en nieuwe technieken (browsers, standaarden, technieken, frameworks). (GI 3.1)
D12: Zich laten inspireren door het werk van webdesigners en -developers. (GI 1.1, GI 1.2)
D13: Probleemstellingen ontleden en opsplitsen in deelaspecten om te komen tot een oplossing. (GI 7.1)
D14: De achterliggende technologieën en technieken kennen voor het (technisch) opzetten en onderhouden van een website. (GI 3.1, GI 3.2)

Omschrijving van de Inhoud van het Opleidingsonderdeel

De basisprincipes voor het ontwikkelen van een statische website worden bijgebracht op basis van de meest actuele webstandaarden. Er wordt stilgestaan bij de belangrijkste aspecten die aan de basis van een gebruiksvriendelijke website staan. De basis van HTML en CSS worden bijgebracht en worden toegepast voor het bouwen van een statische website, met inachtneming van de standaarden van het W3C.

Het opleidingsonderdeel start met een introductie op het belang van webrichtlijnen en webstandaarden. De achterliggende principes, begrippen en tools worden aangebracht (geschiedenis van het internet, HTML-editors, browsers, client/server, http, ftp, www, url, aanvullende hulpmiddelen, ...).

Vervolgens wordt XHTML en HTML5 onder de loep genomen: de syntax, semantiek, de rol van elementen en attributen, het DocType, DTD, de opbouw van een pagina, de html-elementen voor tekst, navigatie, afbeeldingen, lijsten, tabellen en formulieren.

Parallel hiermee worden de basisconcepten van CSS3 aangebracht: het belang van scheiding van vormgeving en inhoud, schrijfwijze, selectoren en eigenschappen, stylesheets, css- overerving, fonts en kleuren, breedte en hoogte, gebruik van afbeeldingen, ... Het bouwen van lay-outs met CSS komt aan bod: lay-out en positionering, het box-model, het gebruik van id’s, klassen en pseudoklassen, inline en block-level elementen, float en clear, CSS voor print. Geavanceerde technieken komen aan bod om verschillende lay-outs en menu’s te bouwen: fixed design, liquid design, elastic design, de opbouw van (uitklap)menu’s en sprites.

Een overzicht wordt gegeven van bestaande softwaretools voor het ontwikkelen van websites. Het softwarepakket Dreamweaver wordt gebruikt tijdens de werkcolleges voor het uitwerken van webpagina’s. Sitebeheer (publicatie en onderhoud) komt aan bod, evenals het gebruik van sjablonen binnen Dreamweaver.

Doorheen de lessenreeks wordt aandacht besteed aan search engine optimization, browsercompatibiliteit, toegankelijkheid en gebruiksvriendelijkheid. Voorbeelden van bestaande, goed opgebouwde websites en webtoepassingen komen aan bod. Elke les start met het ontleden van een best practice.

Opsplitsing uren /onderwijswerkvorm

Werkcollege24,00 uren
Leer- en evaluatietijd60,00 uren

Gestructureerd overzicht van Evaluatiemomenten

Evaluatie(s) voor de eerste examenkans
MomentVorm%Opmerking
Examenmoment januariSchriftelijk examen30,00Praktijkexamen (periode januari): Verschillende casusvragen worden gesteld. De student werkt onderdelen van een website uit in de praktijk. (Gericht op doelstellingen D1, D2, D4, D5, D7, D8, D9, D10.) Dit gedeelte wordt niet overgedragen naar de tweede examenkans. Indien niet wordt deelgenomen aan dit evaluatiemoment wordt er geen score toegekend aan het gehele opleidingsdonderdeel.
Buiten de examenwekenTaak50,00De student werkt een eigen website uit, conform de aangeleerde technieken en vaardigheden. (Gericht op doelstellingen D1, D2, D4, D5, D6 tot D13.) Dit gedeelte wordt intergraal overgedragen naar de tweede examenkans indien geslaagd. Indien niet wordt deelgenomen aan dit evaluatiemoment wordt er geen score toegekend aan het gehele opleidingsdonderdeel.
Examenmoment januari (vooruitgeschoven)Schriftelijk examen20,00Schriftelijk examen (periode november): Aan de hand van enkele open vragen, multiple choice en één kleine casusvraag wordt gepolst naar de kennis en het inzicht in de technologieën HTML 5 en CSS3, de achterliggende principes voor het opzetten en onderhouden van een website en de basisregels voor zoekmachineoptimalisatie. (Gericht op doelstellingen D3, D4, D6, D9 en D14.) Dit gedeelte wordt niet overgedragen naar de tweede examenkans. Indien niet wordt deelgenomen aan dit evaluatiemoment wordt een 0/20 verrekend.
Evaluatie(s) voor de tweede examenkans
MomentVorm%Opmerking
Examenmoment augustus/septemberSchriftelijk examen50,00Schriftelijk en praktijkexamen. Indien niet wordt deelgenomen aan dit evaluatiemoment wordt er geen score toegekend aan het gehele opleidingsdonderdeel.
Buiten de examenwekenTaak50,00De student werkt een eigen website uit, conform de aangeleerde technieken en vaardigheden. (Gericht op doelstellingen D1, D2, D4, D5, D6 tot D13.) Dit gedeelte wordt integraal overgenomen vanuit de eerste examenkans indien geslaagd. Indien niet wordt deelgenomen aan dit evaluatiemoment wordt er geen score toegekend aan het gehele opleidingsdonderdeel.

Omschrijving Begeleiding

Tijdens of na de les.
Op afspraak.
Via mail.
Via het elektronisch leerplatform Desiderius.

Bijkomende Kost

3.00

Volgtijdelijkheid

Op dit opleidingsonderdeel is er geen volgtijdelijkheid van toepassing.