Taakleerjaar1 - Dreamweaver website VVV Terschelling Wat ga je doen? Het toeristenbureau VVV van Terschelling wil het waddeneiland zo goed mogelijk promoten. In dit kader hebben zij jou gevraagd om een website te maken. De doelstelling van deze website is om mensen die de site bezoeken een goede indruk te geven van Terschelling. Zo moet de site een stukje over de historie, overzicht van activiteiten, actuele praktische informatie en informatie over de accommodaties bevatten. Bovendien bevat de website een contactpagina met contactformulier. Doelstelling Product: Een website maken met toeristische informatie over het waddeneiland Terschelling. Leerdoelen: Website kunnen maken in Dreamweaver, vergroten van de HTML-kennis en het werken met CSS. Algemene eisen van de site De site wordt in Dreamweaver gemaakt en bevat minimaal vijf pagina’s (zie hieronder). Elke pagina beschikt over een (passende) header en er is een goedwerkend horizontaal navigatiemenu aanwezig. Op alle pagina’s is dezelfde footer aanwezig. Gebruikte afbeeldingen zijn 72 DPI en in RGB-modus. In de header plaats je een door jou (in Illustrator) ontworpen logo. De pagina heeft onderstaande structuur, die volledig is opgebouwd uit DIV’s.
Logo
Header
Content
Achtergrond
Achtergrond
Navigatie
Footer De plaatsing van de div’s en de opmaak van de pagina wordt gedaan d.m.v. CSS! DTP leerjaar 1
1
taakleerjaar1 - dreamweaver
De eisen per pagina De website bestaat uit de volgende pagina’s en inhoud: 1. Home, bevat een welkomtekst en een deel met historische informatie over het eiland. Eisen: deze pagina bevat een algemene introductietekst van minimaal 600 woorden en een tekst over de historie van het eiland van minimaal 800 woorden. Beide teksten zijn voorzien van minimaal drie afbeeldingen per tekst. De teksten zijn voorzien van koppen en subkopjes en de tekst is verdeeld in alinea’s. Tevens moet er ergens op deze pagina een passend filmpje te zien zijn. 2. Activiteiten, wat is er allemaal te doen? Omschrijving van minimaal 6 activiteiten op Terschelling. Eisen: deze pagina bevat uitleg en omschrijving (incl. kosten e.d.) van tenminste zes activiteiten (uitstapjes, musea e.d.) of evenementen (Oerol, Berenloop e.d.) die op Terschelling te doen zijn/plaatsvinden. Bij ieder activiteit is tenminste 1 afbeelding geplaatst. Tevens bevat deze pagina minimaal 3 links naar externe websites met meer informatie. De teksten zijn voorzien van koppen en subkopjes en de tekst is verdeeld in alinea’s 3. Praktische informatie, wat moet je weten als je naar Terschelling komt?! Eisen: deze pagina bevat nuttige informatie. Omschrijf de mogelijkheden van het vervoer naar Terschelling (bootovergang en parkeergelegenheid e.d.), omschrijf hoe het vervoer op het eiland geregeld is, geef informatie over het verhuur van vervoersmiddelen op Terschelling en vertel ook iets over de verschillende winkelmogelijkheden. De totale tekst op deze pagina bevat minimaal 1000 woorden en minimaal 4 afbeeldingen. De teksten zijn voorzien van koppen en subkopjes en de tekst is verdeeld in alinea’s 4. Accommodaties, waar kan ik eten, drinken en overnachten? Eisen: deze pagina bevat informatie over restaurants, hotels en campings op Terschelling. Omschrijf minimaal 2 restaurants, minimaal 2 hotels en minimaal 2 campings. Bij iedere accommodatie zorg je voor een roll-over button of afbeelding die linkt naar de website van de accommodatie zelf. Deze pagina bevat minimaal 800 woorden en 6 roll-over afbeeldingen/buttons (1 per accommodatie). Tip: zorg voor een duidelijke roll-over, de afbeelding veranderd wanneer ik met mijn muis er over heen ga. De teksten zijn voorzien van koppen en subkopjes en de tekst is verdeeld in alinea’s 5. Contact, hier kunnen bezoekers een formulier invullen om vragen te stellen en/of informatie op te vragen. Eisen: zorg voor duidelijke (mag verzonnen) contactinformatie. Maak op deze pagina een formulier (via deze functie binnen Dreamweaver) die ingevuld kan worden door bezoekers van de website. Het formulier moet minimaal 3 verschillende invulvelden, 1 keuzelijst, 2 radiobuttons en een verzend-button bevatten. Zorg voor een overzichtelijke opmaak van deze pagina.
DTP leerjaar 1
2
taakleerjaar1 - dreamweaver
Werkwijze - Je maakt een schets van jou site en van de verschillende pagina’s. Tevens maak je een schets van een logo voor jouw site. - Je ontwerpt jouw logo in Illustrator. Zorg er voor dat je je logo zo opslaat dat het kwalitatief goed in de header van de website geplaatst kan worden. - Je verzamelt materiaal zoals tekst en evt. beeld dat je allemaal nodig hebt. TIP: www.vvvterschelling.nl - Ga naar www.ma-dtp.nl en ga naar de pagina ‘Instructievideo’s’, kies voor Dreamweaver en bekijk de video ‘Hoe begin ik in Dreamweaver’. - Maak in Dreamweaver een nieuwe site aan en bouw je site en zorg dat deze aan alle gestelde eisen voldoet. Denk aan de opmaak in CSS! - Zorg voor een aantrekkelijke lay-out en vormgeving van de site. - Controleer (gebruik hierbij het beoordelingsformulier) of alles voldoet aan de eisen en of alle pagina’s de juiste naam hebben. Sla alles in een duidelijke mappenstructuur op.
g n i l l e h ersc
T DTP leerjaar 1
3
Cijfer:
Naam:
beoordeling taakleerjaar1 Eisen algemeen
Checklist
Checklist
Beoordeling
Opmerkingen
leerling
docent
docent (g,v,o)
docent
Schets(en) Logo in illustrator Logo in header Site aangemaakt in DW Site structuur in DIV’s Opmaak in CSS Afbeeldingen 72 DPI Afbeeldingen RGB Horizontaal navigatiemenu Footer op alle pagina’s Naamgeving vd pagina’s Mappenstructuur
Eisen Pagina 1
Introductie 600 woorden Historie 800 woorden Afbeeldingen (totaal 6st) Koppen Subkoppen Alinea’s Film Naamgeving pagina
Eisen Pagina 2
Omschrijving 6 activiteiten Afbeelding (1 per activ.) 3 Links naar externe sites Koppen Subkoppen Alinea’s Naamgeving pagina
DTP leerjaar 1
4
Cijfer:
Naam:
beoordeling taakleerjaar1 Eisen Pagina 3
Checklist
Checklist
Beoordeling
Opmerkingen
leerling
docent
docent (g,v,o)
docent
Omschrijving vervoer (boot) Omschrijving vervoer (op eiland) Afbeeldingen (totaal 4st) Koppen Subkoppen Alinea’s Totale tekst 1000 woorden Naamgeving pagina
Eisen Pagina 4
Omschrijving 2 restaurants Omschrijving 2 hotels Omschrijving 2 campings Roll-over buttons/ afbeeldingen (6st) Koppen Subkoppen Alinea’s Naamgeving pagina
Eisen Pagina 5
Contact informatie Formulier 3 invulvelden 1 keuzelijst 2 radiobuttons Naamgeving pagina
Kwaliteit
Vormgeving Typografie Internet-waardig
DTP leerjaar 1
5