Digitale Media Handleiding Tool. Judith Koedam DBKV 1A

Maat: px

Weergave met pagina beginnen:

Download "Digitale Media Handleiding Tool. Judith Koedam DBKV 1A"

Franciscus de Haan
7 jaren geleden
Aantal bezoeken:

1 Digitale Media Handleiding Tool Judith Koedam DBKV 1A

2 Inhoudsopgave Inleiding Het maken van de site (stappenplan) Stroomschema Beschrijving website Lay out Website

3 Inleiding Voor de opdracht van Digitale Media heb ik ervoor gekozen om een tool te gaan maken. Met het uitzoeken van een lesmethode kwam onze groep uit op Arti. Dit is een methode met een theorie boek, een praktijk boek en een toolbox. Wij hebben ervoor gekozen om de toolbox te gaan digitaliseren. In deze toolbox staat informatie over materialen, technieken en beeldaspecten. Al deze informatie zal in een website komen te staan zodat leerlingen dit gemakkelijk op kunnen zoeken zonder dat ze het boek er voor nodig hebben.

4 Het maken van de website 1 e stap: Ik ben begonnen met het maken van een stroomschema, hiermee kon ik makkelijk zien wat er allemaal op de site moest komen. Ook was het zo makkelijk om te zien hoe de site moest gaan werken. 2 e stap: Wat ik ben gaan doen is een logo ontwerpen voor de site. Arti heeft zelf wel een logo maar ik vond het leuker om er zelf een te maken. Wel heb ik hem laten lijken op het Arti logo. Dit logo is gemaakt in Illustrator. 3 e stap: Toen ik deze twee dingen had gedaan ben ik gaan schetsen om een idee te krijgen hoe de site eruit moest gaan zien. Omdat de site voor kinderen is wou ik hem simpel houden en overzichtelijk. 4 e stap: Toen ik een beetje een idee had van hoe ik de site eruit wou laten zien ben ik hem gaan maken in Illustrator. Voordat ik eindelijk wist hoe die eruit moest gaan zien had ik al een aantal layouts gemaakt. 5 e stap: Nou ik de layout had bepaald ben ik de verschillende functies gaan uitwerken.

6 Werking van de site Homepage: Als je op de website komt zie je gelijk de home page. Op deze pagina staat wat informatie over Arti en over de site. Aan de bovenkant is het logo te zien met de naam erbij. Rechts in de hoek staat de zoekbalk (hier volgt meer informatie over). Voor de rest zie je een roze menu balk, dit zijn de hoofdknoppen. Homepage 2: Als je op zo n knop gaat staan komt er een submenu tevoorschijn dit is de blauwe balk, hier staan weer knoppen in waar je op kan drukken en zo kom je bij de pagina die je wilt bekijken. Als je op de knop Arti gaat staan verschijnt het submenu met de knop over Arti hier kan je op klikken en dan komt de informatie die je wilt weten er te staan. Omdat de homepagina is staat deze informatie er natuurlijk al als je op de site komt. Maar als je bijvoorbeeld vanuit beeldaspecten weer terug wil moet je deze handeling wel doen.

7 Materialen Potlood Dit is de informatie pagina over potlood. Hier kom je door met je muis op materialen te gaan staan en dan in het submenu op potlood te klikken. Deze handeling moet je bij elk materiaal dat je wilt zien doen. Als je deze handeling hebt gedaan kom je op de pagina over potlood. Hier staat informatie over het materiaal potlood. De tekst past niet helemaal op de pagina, hier moest een oplossing voor komen. Er staat geen scroll balk bij de tekst maar deze zie je gewoon aan de zijkant van de pagina staan. Alleen de tekst kan je naar beneden scrollen de rest van de pagina blijft op zijn plek staan. Materialen Potlood 2 Ik heb de lay-out van de pagina in een site gezet zo kan je goed zien dat er naar beneden gescrold is. Alles is blijven staan behalve de informatie over potlood. De scrollbalk is naar beneden zo kan je zien dat er naar beneden gescrold is. Als er nog niet aar beneden gescrold is staat het balkje helemaal boven, als er een scrollbalk staat kan je naar beneden scrollen. Staat er geen scrollbalk dan betekent dat dus dat alle tekst op de pagina te zien is en er dus niet gescrold hoeft te worden. Dit geld voor alle pagina s, ook het menu, het logo, de zoekbalk en het plaatje blijven gewoon op zijn plek staan.

8 Materialen Kleurpotlood Hier is te zien dat de layout van de site grotendeels hetzelfde blijft alleen de tekst en het plaatje veranderen. Voor de rest is deze pagina hetzelfde als de potlood pagina. Op zie je dat de knoppen materialen en kleurpotlood wit zijn, zo kan je zien op welke pagina je bent dit veranderd dus als je naar bijvoorbeeld oliekrijt gaat. Dan zijn de knoppen materialen en oliekrijt wit. Technieken Potlood Op deze pagina staat informatie over de technieken van het potlood. Dit ziet er hetzelfde uit als materialen van het potlood. De tekst blijft op elke pagina op dezelfde plek staan. De plaatjes staan ernaast, het tekstvak is altijd even groot op elke pagina. De ruimte die daarnaast over blijft kan het plaatje komen te staan. Deze zijn niet altijd even groot maar die staat in het midden van de overgebleven ruimte.

9 Contact pagina Op de contact pagina kan je een vraag mailen of iets wat je aan te merken hebt. Je kan dit rechtstreeks vanaf de site doen. In het vak bericht staat een grijze tekst er staat type hier uw bericht, deze tekst kan je weghalen en dan je bericht erin typen. Daaronder staat een vak waar je naam ingevuld moet worden, ook hier staat weer een grijze tekst die weg gehaald kan worden. Zodat je je eigen naam in kan vullen. Hieronder staat een vak voor je adres en natuurlijk staat hier ook een tekst die weg gehaald kan worden zodat je eigen adres in gevuld kan worden. Het laatste vak is een verzend knop, en daaronder staat de tekst *deze velden verplicht invullen. Dit is om aan te geven dat ze dat echt moeten doen want zonder gegevens kunnen de mails niet beantwoord worden. Als met je muis over de knop verzenden heen gaat zie je dat er een handje verschijnt. Dat betekent dat je op deze knop kan drukken, dat is ook precies wat er gedaan moet worden om je bericht te verzenden.

10 Als ze op de knop verzenden hebben gedrukt krijgen de een pagina te zien die alleen dan te zien is. Op deze pagina staat dat het bericht verzonden is en dat ze zo spoedig mogelijk een antwoord krijgen. Zoeken Als er boven op de pagina in de zoekbalk wordt geklikt kan je de tekst invoeren die je wilt gaan zoeken bijvoorbeeld potlood. (Dit kan je zien in het plaatje aangegeven met de rode pijl) Als je dit gedaan hebt druk je op enter en dan krijg je de pagina zoek resultaten te zien. Ook voor deze pagina geldt dat je hem niet in het menu kan terugvinden, maar alleen als je iets gaat zoeken.

11 Als je op enter druk krijg je de volgende pagina te zien. Hier is op potlood gezocht je krijgt dan op de pagina zoekresultaten alle pagina s te zien waar informatie over potlood staat. Je ziet dat er blauwe tekst staat dit zijn de menu knoppen waar je op moet klikken om bij die informatie te komen, ook is deze blauwe tekst een link en als je hier met je muis op gaat staan verschijnt er een handje dus kan je er op klikken. Als je dat doet kom je op de pagina terecht met informatie. Onder de blauwe tekst staat zwarte tekst dit is een stuk van de van de pagina waar het woord potlood in staat. Ook staat er een plaatje bij, dit is het plaatje wat op de informatie pagina te zien is. Hier kom je terecht als je op het eerste zoekresultaat klikt zowel het blauwe kopje als het plaatje werkt als linkt.

12 Homepage 1

13 Homepage 2

14 Materialen potlood 1

15 Materialen potlood 2

16 Kleurpotlood

17 Technieken potlood

18 Contact

19 Contact 2

20 Zoekresultaten

Vergelijkbare documenten

1 BUSINESS INTERNET SUPPORT

Versie 1 BUSINESS INTERNET SUPPORT Yoron Dot Net Stap voor stap Handleiding YORON DOT NET BEHEER V1.X Stap voor stap handleiding YORON Het Wielsem 10 s-hertogenbosch Inhoudsopgave Opstarten Yoron DotNet