studentengids
allround dtp-er
training DTP Web
leerjaar 1 en 3
MRWTMVEXMI IRIVKMI TEWWMI
Inleiding In deze studentengids lees je alles wat je moet weten over de training DTP Web. Tegenwoordig surft iedereen wel eens op internet. Internet is de grootste bron van informatie, communicatie en fun op dit moment. Zonder dat je het zelf weet heb je al veel gedaan op internet. Zo heeft bijna iedereen een Facebook en/ of Hyves account, gebruikt iedereen email en hebben veel mensen wel eens een filmpje geplaatst op YouTube. Internet wordt ook steeds belangrijker in de grafische markt. Elk bedrijf heeft een wel een website in haar eigen (huis)stijl. De moderne DTP-er moet dan ook wat van websites bouwen weten. Maar bovenal: zou het niet geweldig zijn om je eigen website te kunnen maken om jezelf en je werk te kunnen presenteren? Studenten vragen vaak aan mij als docent: “Is het maken van een website moeilijk?” Mijn antwoord is dan dat je het kunt vergelijken met leren gitaarspelen of een cursus Engels. Je begrijpt dan dat het niet in een paar uurjes is geleerd. Toch moet je na deze training al aardige webpagina’s kunnen maken. Het belangrijkste is dat je aanwezig bent in de lessen en de opdrachten zelf maakt. Pas dan wordt je de leerstof eigen. Je zult zien dat je zonder moeite veel codes vanzelf uit je hoofd gaat kennen. Hoofdlijnen De training krijg je de gehele opleiding en bestaat uit 4 onderdelen, namelijk: - HTML - je leert de taal van de inhoud van een webpagina. - CSS - je leert de taal om een webpagina vorm te geven. -D reamweaver - je leert werken met een opmaakprogramma van webpagina’s. - Workshop - je gaat de geleerde kennis en vaardigheden toepassen op een complete website van het bedrijf WebbID. Elke periode krijg je een cijfer voor de periode dat op Trajectplanner wordt ingevoerd. Je moet alle periodes minimaal een voldoende (cijfer 6) halen om mee te kunnen doen aan het examen aan het einde van je opleiding. VEEL PLEZIER!
Allround DTP
DTP Web t202 & t208
2
Werkwijze Elke les begint met een praatje en/of uitleg van je docent. Je kunt pas meedoen aan de lessen als je in het bezit bent van het volgende: Computer met internet: Voor je opleiding moet je een laptop aanschaffen. Het maakt niet uit of het een Windows (PC) of een Apple (Macintosh) laptop is. Zorg dat je deze laptop altijd bij je hebt in de les. De school heeft een gratis draadloos netwerk in het gebouw met internet toegang dat je mag gebruiken. Voor de internetverbinding thuis moet je zelf zorgen. Website van deze training: Je krijgt bij deze training geen papieren reader maar de link naar een website. De website, die speciaal voor de opleiding Allround DTP is ontwikkeld, vind je op internet en heeft de URL (internetadres): http://allrounddtp.glu.nl Op deze website staat de leerstof en de opdrachten per lesweek. Verder vind je hier links, filmpjes en bestanden ter ondersteuning van de opdrachten. De 2 lesboeken: Je hebt ook 2 boeken nodig die op je boekenlijst staan, namelijk: HTML en CSS de basis (2e editie) Handboek Adobe Dreamweaver CS5 Deze boeken zijn noodzakelijk om de lessen te kunnen volgen, dus neem het juiste boek mee naar de les! Op de website zie je wanneer je welk lesboek nodig hebt. De boeken zitten in je boekenpakket en zijn te bestellen via Van Dijk of een andere (online) boekenwinkel. Op de website van deze training staan links naar aanbieders van de boeken. De programma’s: De meeste programma’s die bij deze training worden gebruikt zijn gratis te downloaden. Je vindt ze vaak als link op de homepage van de website van de training. -M inimaal 2 browsers: Internet Explorer (Windows), Safari (Mac), Firefox, Google Chrome, Opera -N otepad++ (Windows), TextWrangler (Mac) - FTP software, bijvoorbeeld FileZilla en CyberDuck (Mac) - Adobe Dreamweaver CS5 (niet gratis!) Werktempo Behalve het deelnemen aan de lessen op je rooster, verwachten wij van je dat je zelfstandig aan opdrachten werkt. Je kunt de training in je eigen tempo doen, dus als je sneller kunt, mag dat. De website en boeken geven genoeg informatie om de opdrachten te kunnen maken. Ben je wat minder snel, zorg dan dat je niet achter loopt met de opdrachten. Zorg dat je bij blijft en de deadlines van eindopdrachten haalt. Als je een les gemist hebt zorg je zelf dat je de volgende les weer bij bent! Wat je in de les niet afkrijgt is huiswerk. Huiswerk kun je thuis doen, of op school in het Open Studie Centrum. Het huiswerk is verplicht en wordt regelmatig gecontroleerd door de docent. Hou je aan de weekplanning en stel niet uit! BLIJF BIJ! DAN IS DEZE TRAINING GOED TE DOEN!
Allround DTP
DTP Web t202 & t208
3
Kerntaken, werkprocessen en competenties In deze training ga je aan de slag met de volgende Kerntaken, bijbehorende werkprocessen en competenties: Kerntaak 1 - Verricht voorbereidende werkzaamheden voor een media-uiting Werkprocessen
Competenties
1.1
Beoordeelt en/of interpreteert het omkaderd plan.
E.
-D e opdrachten lezen en begrijpen.
K.
Samenwerken en overleggen. - Als iets niet duidelijk is vraag je dat aan je docent of medestudent.
Vakdeskundigheid toepassen. -B ewijzen dat je geleerde kennis en technieken beheerst en gebruikt in de opdrachten.
R.
Op de behoefte en verwachtingen van de ‘klant’ richten. -D e opdrachten uitvoeren volgens de gestelde eisen.
1.2
Organiseert zijn werkzaamheden.
E. Q.
-B ij blijven en deadlines halen.
1.3
Maakt een voorstel voor een media-uiting. -B ij sommige opdrachten moet je volgens de eisen een voorstel doen. Dit betekent dat iedereen een uniek product maakt dat wel aan de eisen moet voldoen.
Samenwerken en overleggen. Plannen en organiseren. -D e docent geeft geregeld een deadline door, je zult je aan de weekplanning van de training moeten houden om bij te blijven.
E. K.
Samenwerken en overleggen. Vakdeskundigheid toepassen. -B ewijzen dat je geleerde kennis en technieken beheerst en gebruikt in de opdrachten.
L.
Materialen en middelen inzetten. -D enk hierbij aan het juiste gebruik van je lesboeken, programma’s, internet en je computer.
R.
Op de behoefte en verwachtingen van de ‘klant’ richten. -D e opdrachten uitvoeren volgens de gestelde eisen.
Allround DTP
DTP Web t202 & t208
4
Kerntaak 2 - Realiseert media-uiting Werkprocessen
Competenties
2.1
K. Vakdeskundigheid toepassen.
Bereidt realisatie voor. -B ij veel opdrachten moet eerst gekeken of je alle onderdelen die je nodig hebt aanwezig zijn en bruikbaar zijn.
- Je Past je geleerde kennis en vaardigheden op een professionele manier toe bij het controleren van het werkmateriaal.
L. Materialen en middelen inzetten. -D enk hierbij aan het juiste gebruik van je lesboeken, programma’s, internet en je computer.
T.
Instructies en procedures volgen. -B ij de meeste opdracht worden instructies gegeven voor het maken van de opdracht. Deze moeten gevolgd en gecontroleerd worden.
2.2 Voert de realisatie uit.
K. Vakdeskundigheid toepassen.
-D it geldt voor alle opdrachten, na een instructie moet een product worden gerealiseerd. L.
- Je past je geleerde kennis en vaardigheden op een professionele manier toe bij het uitvoeren van de opdrachten.
Materialen en middelen inzetten. -D enk hierbij aan het juiste gebruik van je lesboeken, programma’s, internet en je computer.
Q
Plannen en organiseren. -D e docent geeft geregeld een deadline door, je zult je aan de weekplanning van de training moeten houden om bij te blijven.
R. Op de behoeften en verwachtingen van de ‘klant’ richten. -D e docent beoordeelt de eindopdrachten volgens de eisen van de opdracht.
S. Kwaliteit leveren. - Je krijgt een cijfer en feedback van je docent, dan weet je wat het kwaliteitsniveau van jouw houding en producten is.
V. Met druk en tegenslag omgaan. - Soms lukt het niet om opdrachten in één keer goed uit te voeren. Je zult hier professioneel mee om moeten gaan.
Allround DTP
DTP Web t202 & t208
5
(vervolg) Kerntaak 2 - Realiseert media-uiting Werkprocessen
Competenties
2.3 Archiveert bestanden en materialen.
K. Vakdeskundigheid toepassen.
- Je zult je bestanden op een nette en logischL. emanier moeten opslaan op een logische plek op je computer en server.
-E en dtp’er moet zijn/haar bestanden altijd terug kunnen vinden, evenals zijn/haar collega’s.
Materialen en middelen inzetten. - Je weet dat je een beperkte ruimte hebt op de server. Geregeld zal een back-up gemaakt moeten worden. Hoe je dat doet is naar eigen inzicht, denk bijvoorbeeld aan een DVD, externe harde schrijf etcetera.
S. Kwaliteit leveren. -W anneer bijvoorbeeld de mappenstructuur ‘een rommeltje’ is zal de docent het werkt niet (kunnen) controleren, dan zal eerst het werk netjes moeten worden gestructureerd en de links moeten worden gerepareerd.
2.4 Gebruikt en beheert E. Samenwerken en overleggen. eigen hard- en software. K. Vakdeskundigheid toepassen. - Je bent verantwoordelijk L. Materialen en middelen inzetten. over je eigen compter (laptop en/of servermap) met hard- en software. T. Hardware is de computer en usb-sticks ed. Software is het gebruik van de programma’s.
- Je computer, software, benodigde bestanden en backup zijn up-to-date en aanwezig in de les.
Instructies en procedures volgen. - Je gebruikt de hard- en software zoals die staan beschreven op de website van deze training.
Allround DTP
DTP Web t202 & t208
6
Beoordeling Om aan je docent te bewijzen dat je het benodigde kennis- en vaardigheidsniveau hebt worden je prestaties gemeten door middel van eindopdrachten en toetsen. Wijze van beoordelen De opdrachten die je maakt vóór de eindopdracht zijn vooral bedoelt om te oefenen en voor jezelf om te checken of je het begrijpt. Zonder deze oefeningen is het niet mogelijk om de eindopdracht te maken, tenzij je al veel ervaring hebt met websites bouwen. Zelfs dan zul je sommige opdrachten moeten maken die in de eindopdracht gezet moeten worden. De enige beoordelingen tijdens deze training zitten altijd aan het einde van de periode. Door middel van een eindopdracht die je moet emailen naar je docent bewijs je aan je docent dat je de leerstof beheerst. Je docent geeft in de les een deadline op voor elke eindopdracht die je moet maken. Als de deadline voor jou niet duidelijk is, vraag je aan je docent wanneer het inlevermoment (deadline) precies is. Verder zitten er in training multiple choice toetsen die meetellen in bepaalde eindopdrachten. Beoordelingsvorm De ‘gewone’ opdrachten uit het lesboek zijn gericht op de ontwikkeling van je kennis en vaardigheden. Deze worden niet nagekeken, maar je mag ze wel laten zien. De eindopdrachten en toetsen worden wel beoordeeld en zijn om een cijfer te kunnen krijgen in Trajectplanner. Niets inleveren is een nul voor de periode. Beoordelingsmoment(en) Aan het einde van elke periode van 9 a 10 weken lever je, vóór de deadline is verstreken, een eindopdracht op voor een cijfer voor de betreffende periode. Je docent geeft de deadline op tijd aan de klas door. Uiterlijk binnen 10 werkdagen na de deadline krijg je jouw cijfer met bijbehorende feedback. Kijk op de website van de training in welke weken de multiple choice toetsen worden afgenomen. In de eerste week van elke nieuwe periode komt je cijfer op Trajectplanner. Beoordelingscriteria en cesuur Dit zijn de eisen van de eindopdrachten. Deze staan in een speciaal beoordelingsformulier bij de eindopdrachten. Deze zijn te vinden en te downloaden op de website van deze training. Voor elke behaalde eis krijg je punten. Alle punten opgeteld vormen je cijfer. Je kunt maximaal 100 punten halen per eindopdracht. Het puntenaantal gedeelt door 10 is je cijfer op Trajectplanner. Alle periodes moeten met minimaal een voldoende zijn afgerond om mee te kunnen doen aan het examen. Je zult dus per periode minimaal 55 punten moeten halen voor de eindopdrachten. Elke student krijgt achteraf een gesprek over zijn/haar beoordeelde eindopdracht. Je docent checkt in dat feedbackgesprekje meteen of je het gewenste kennis- en vaardigheidsniveau hebt bereikt en of je de opdrachten zelf hebt gemaakt. Herkansing Bij een onvoldoende voor een periode maak je met je docent een afspraak hoe en wanneer je deze gaat repareren of herkansen.
Allround DTP
DTP Web t202 & t208
7
Planning van week tot week Elke periode heeft 9 a 10 lesweken. Vakanties zijn geen lesweken. Hou je aan onderstaande planning, zodat je op tijd klaar bent met de eindopdracht. Mocht je toch achterlopen, dan zul je de achterstand in je eigen tijd moeten inhalen. Periode 1 - HTML Wk Les en leerdoelen
Huiswerk
01
Inleiding en stramien De opdrachten - Weten hoe de HTML-taal werkt. van deze week -H et stramien van een XHTML-pagina kennen, gebruiken afmaken voor en testen. de volgende les.
02
Teksten opmaken -E en overzichtelijke tekstpagina kunnen maken in HTML.
De opdrachten van deze week afmaken voor de volgende les.
03
Afbeeldingen zoeken & maken - Weten wat de meest gebruikte type webafbeeldingen zijn. - Webafbeeldingen kunnen maken met Adobe Photoshop.
De opdrachten van deze week afmaken voor de volgende les.
04
Afbeeldingen in HTML en mapstructuur -H et element img kunnen toepassen met bijbehorende attributen. -S tructuur kunnen aanbrengen binnen de Websitemap.
De opdrachten van deze week afmaken voor de volgende les.
05
Hyperlinks en commentaar -D e verschillende soorten hyperlinks kunnen toepassen. -C ommentaar in de html-code kunnen lezen en schrijven in webpagina’s.
De opdrachten van deze week afmaken voor de volgende les.
06
Lijsten en tabellen - De attributen class en id kennen. - Verschillende lijsten kunnen maken. - Tabellen kunnen maken en kunnen vullen.
De opdrachten van deze week afmaken voor de volgende les.
07
Valideren en uploaden - Webpagina’s laten controleren met een online validator. - Webpagina’s publiceren door middel van uploaden naar een webserver.
De opdrachten van deze week afmaken voor de volgende les.
08
Toets en eindopdracht HTML - Toets maken in de les -D e link van de eindopdracht op de webserver vóór de deadline per email versturen aan je docent.
Eindopdracht afmaken en vóór de deadline opsturen.
09 10
Inhaal- en feedbackweek Je krijgt je beoordeling en/of feedback. Achterlopers kunnen de opgelopen achterstand inhalen. Allround DTP
DTP Web t202 & t208
8
Periode 2 - CSS1 Wk Les en leerdoelen
Huiswerk
01
CSS koppelen aan html -E en extern css-bestand maken en aan de html-pagina kunnen linken. - Typografische wijzigingen aanbrengen met css.
De opdrachten van deze week afmaken voor de volgende les.
02
Typografische wijzigingen [1] - Typografische wijzigingen aanbrengen met css. - Commentaar toevoegen in css.
De opdrachten van deze week afmaken voor de volgende les.
03
Typografische wijzigingen [2] De opdrachten - Het toepassen van waarden en eenheden voor teksten. van deze week - Teksten verder opmaken met css. afmaken voor de volgende les.
04
Kleur en achtergrond - Kennis van diverse kleursystemen. - Oefenen met color en background. - Afbeeldingen in
en . - Werken met de CSS-validator.
De opdrachten van deze week afmaken voor de volgende les.
05
Afbeeldingen - Afbeeldingen in en .
De opdrachten van deze week afmaken voor de volgende les.
06
Valideren
De opdrachten van deze week afmaken voor de volgende les.
07
Border
De opdrachten van deze week afmaken voor de volgende les.
08
Margin en padding
De opdrachten van deze week afmaken voor de volgende les.
09
Toets en eindopdracht CSS 1 -D e link van de eindopdracht op de webserver vóór de deadline per email versturen aan je docent.
Eindopdracht afmaken en vóór de deadline opsturen.
10
Inhaal- en feedbackweek Je krijgt je beoordeling en/of feedback. Achterlopers kunnen de opgelopen achterstand inhalen. Allround DTP
DTP Web t202 & t208
9
Periode 3 - CSS2 Wk Les en leerdoelen
Huiswerk
01
Class en id De opdrachten - Inzicht en werken met class en id. van deze week - Dynamische hyperlinks vormgeven met pseudo-classes. afmaken voor de volgende les.
02
Exact kleurgebruik in Photoshop - Exact kleurgebruik in Photoshop.
De opdrachten van deze week afmaken voor de volgende les.
03
De introductie van de div - Werken met een div.
De opdrachten van deze week afmaken voor de volgende les.
04
Float en clear
De opdrachten van deze week afmaken voor de volgende les.
05
Div’s met float en clear
De opdrachten van deze week afmaken voor de volgende les.
06
Toets en eindopdracht CSS 2 - Toets maken in de les -D e link van de eindopdracht op de webserver vóór de deadline per email versturen aan je docent.
Eindopdracht afmaken en vóór de deadline opsturen.
07
Eindopdracht CSS 2 -D e link van de eindopdracht op de webserver vóór de deadline per email versturen aan je docent.
Eindopdracht afmaken en vóór de deadline opsturen.
08
Eindopdracht CSS 2 -D e link van de eindopdracht op de webserver vóór de deadline per email versturen aan je docent.
Eindopdracht afmaken en vóór de deadline opsturen.
09
Eindopdracht CSS 2 -D e link van de eindopdracht op de webserver vóór de deadline per email versturen aan je docent.
Eindopdracht afmaken en vóór de deadline opsturen.
10
Inhaal- en feedbackweek Je krijgt je beoordeling en/of feedback. Achterlopers kunnen de opgelopen achterstand inhalen. Allround DTP
DTP Web t202 & t208
10
Periode 4 - Dreamweaver Wk Les en leerdoelen
Huiswerk
01
Kennismaken met de interface van Dreamweaver
De opdrachten van deze week afmaken voor de volgende les.
02
Voorbereiden Eetcafé het Hoekje
De opdrachten van deze week afmaken voor de volgende les.
03
Workshop Eetcafé het Hoekje - Een website definieren - Werken met voorbeeldpagina’s (sjablonen/templates) - Een site maken op basis van een sjabloon -D e pagina’s van een site onderling verbinden met hyperlinks - Een site testen in de browser(s)
De opdrachten van deze week afmaken voor de volgende les.
04
Vervolg workshop Eetcafé het Hoekje
De opdrachten van deze week afmaken voor de volgende les.
05
Vervolg workshop Eetcafé het Hoekje
De opdrachten van deze week afmaken voor de volgende les.
06
Vervolg workshop Eetcafé het Hoekje en toets
De opdrachten van deze week afmaken voor de volgende les.
07
Afronding Eetcafé het Hoekje
De opdrachten van deze week afmaken voor de volgende les.
08
De site van Eetcafé het Hoekje publiceren
De opdrachten van deze week afmaken voor de volgende les.
09 10
Inhaal- en feedbackweek/weken Je krijgt je beoordeling en/of feedback. Achterlopers kunnen de opgelopen achterstand inhalen.
Allround DTP
DTP Web t202 & t208
11
Periode 9 en 10 - Workshop WebbID Wk Les en leerdoelen
Huiswerk
01
De voorbereiding - Voorbereiding voor het ontwikkelen van een website, namelijk: briefing, planning, huisstijl, functioneel ontwerp, kopij en werkmateriaal
De opdrachten van deze week afmaken voor de volgende les.
02
De voorbereiding - Voorbereiding voor het ontwikkelen van een website, namelijk: briefing, planning, huisstijl, functioneel ontwerp, kopij en werkmateriaal
De opdrachten van deze week afmaken voor de volgende les.
03
Lokale hoofdmap, site en webserver -D eze handelingen heb je geleerd bij het onderdeel ‘Dreamweaver’.
De opdrachten van deze week afmaken voor de volgende les.
04
De opdrachten van deze week afmaken voor de volgende les.
05
De opdrachten van deze week afmaken voor de volgende les.
06
De opdrachten van deze week afmaken voor de volgende les.
07
De opdrachten van deze week afmaken voor de volgende les.
08
De opdrachten van deze week afmaken voor de volgende les.
09
De opdrachten van deze week afmaken voor de volgende les.
10 Inhaal- en feedbackweek/weken en de laatste mogelijkt/m heid om kennis op te doen voor het examen begint! 16 Je krijgt je beoordeling en/of feedback. Achterlopers kunnen de opgelopen achterstand inhalen. Allround DTP
DTP Web t202 & t208
12
Hoeveelheid contacttijd en studiebelastingsuren (SBU’s) Deze training is opgebouwd uit lesuren van 50 minuten. Een SBU (studiebelastinguur) heeft 60 minuten. Voor de wet is het belangrijk hoeveel ‘echte’ uren van 60 minuten je op school les krijgt en hoeveel uur je thuis werkt. De reader is zo geschreven dat je veel opdrachten tijdens de lessen kunt afronden. Lukt dat niet dan zijn de opdrachten van die week huiswerk voor de eerst volgende les. Deze training duurt 5 periodes van 9 à 10 lesweken en periode van 5 à 6 lesweken. Tijdens elke lesweek heb je twee contacturen (met docent). De lestijden en lokalen staan op je lesrooster. Dit rooster kan wijzigen. Kijk voor de meest recente versie op het intranet: www.intranet.glu.nl De hoeveelheid huiswerk (zonder docent) is afhankelijk van je voorkennis en je eigen werktempo in de les. Dit is voor de gemiddelde student ongeveer een uur per week. Totaal aantal lesuren training: 10 x 5 periodes x 2 lesuren = 100 = 84 SBU’s 6 x 1 periode x 2 lesuren = 12 = 10 SBU’s huiswerk gemiddeld 1 uur per week x 56 lesweken = 56 SBU’s _____________________________________________________________________ Totaal = 150 SBU’s
Allround DTP
DTP Web t202 & t208
13
