Afsluttende opgave Webdesign Den 24. maj 2007 Klasse 1.2

Transkript

1 Side 1 af 1

2 Afsluttende opgave i Kom/IT Den afsluttende opgave har jeg valgt at lave alene. Jeg har valgt opgave 1. webdesign, på grund af min interesse for dette. Opgaven går ud på at designe et brugervenligt websted. Derudover skal der også laves en målgruppeanalyse og der skal defineres hvem webstedets afsender er og hvilket formål og budskab siden skal have. Jeg har valgt at lave en webside for en nystartet golfcafé i Ishøj. Målet med webstedet er at det skal præsentere caféen og de arrangementer der finder sted, på en god og overskuelig måde. HTML-koden til noget af forsiden. Side 2 af 2

3 Design på Websiden Inden jeg gik rigtigt i gang med opgaven gik jeg og tænkte over hvordan designet på den skulle se ud. Jeg snakkede med ejerne af caféen for at høre deres meninger og idéer til siden. Vi blev enige om at der i toppen skulle være en overskrift på hvem siden tilhørte og den ene eller anden form for grafik. Nedenunder skulle der være en horisontal menu. På et tidspunkt snakkede vi om at lave en menu der rullede ned når musen blev kørt hen over. men det droppede vi igen da jeg fandt ud af at den eneste måde jeg kunne lave sådan en på, kun med HTML og CSS, var en måde som ikke blev understøttet i alle browsere. Og da alle gerne skulle kunne se den droppede vi idéen. Jeg tegnede nogle skitser af opbygning, så jeg havde noget at gå ud fra. Efter at jeg havde besøgt caféen med et kamera i hånden kunne jeg gå videre med at designe billedet til toppen af websiden. Alle billeder og illustrationer er lavet i Photoshop. Først startede jeg med at skære dem til og sætte noget tekst på. Dernæst afprøvede jeg det på siden. Overgangen mellem det billedet og sidens indhold, er meget skarp. Jeg synes at det ser kunstigt og meget opstillet ud. For at undgå det og få overgangen til at se naturlig ud, lavede jeg i bunden af billedet en lille kant med samme farve som sidens Side 3 af 3

4 baggrund. Kanten blev integreret i billedet med værktøjet "reperationspensel". Den gør det muligt at klone noget af billedet og så få det til at passe til farverne omkring. på den måde lykkedes det at få siden til at se således ud: Selve menuen har jeg ladet gå op i billedet så det ser ud som en naturlig del af det. Det skaber mere sammenhæng i siden og får den til at se ud som en helhed i stedet for flere kasser der sidder oven på hinanden. Nederst på siden er der en lille bjælke med kontaktoplysninger. her har jeg ladet overgangen fra den mørke grønne til den lidt lysere være skrap. Det har jeg gjort for at markere at dette ikke er noget af selve indholdet på de enkelte sider, men i stedet er et sted man kan søge oplysninger om hvor caféen ligger mm. Side 4 af 4

5 Farvevalget Farverne på siden er valgt på den baggrund at det er en golfcafé og derfor skal henvende sig til golfspillere. Farven grøn hænger meget sammen med golfsporten idet græsset som der spilles på for det meste altid er grønt. For at fortsætte golfbanen ind på siden er det altså grøn der er valgt som den gennemgående farve. Farven grøn er jo håbets farve. Den giver et indtryk af friskhed og ungdom, men den kan også betyde fornyelse, fred og ro samt optimisme. Og det er jo hvad vi gerne vil udstråle. Her starter vi på noget nyt, med anderledes mad end hvad man normalt finder i golfcaféer. Og hos personalet i caféen der en udbredt optimisme om projektet med at få det op og køre. Når man arbejder med farver kan man også benytte sig af forskellige kontraster. På websiden opstår der en komplementær-kontrast i forhold til det røde tag på bygningen bagved caféen. Den røde farve er komplementærfarve til grøn og er derfor god at have en lille smule af når man vælger grøn som gennemgående farve. Denne kontrast i billedet har jeg dog ikke selv valgt eftersom taget er rødt uanset om jeg vil have det eller ej, men jeg synes at det passer rigtig godt ind på siden. Side 5 af 5

6 Udover komplementærkontrasten har jeg også benyttet mig af en lyshedskontrast. Denne opstår når jeg sætter den lidt mørke grønne som baggrundsfarve på sitet og derefter vælger at bruge en lys farve i bunden og den lyse farve på himlen øverst i billedet. Dette gøres for at få siden til at se spændende ud, for uden kontraster mellem lys og mørk kan en side let komme til at se meget kedelig ud. Nu sidder du sikkert og spørger sig selv om hvorfor jeg ikke har sagt noget om varm/kold kontrast. Det har jeg ikke af den grund at der ikke er ret meget af den. den grønne farve er en blanding af den varme farve gul og den kolde farve blå, så derfor får den af sig selv et lidt neutralt udtryk om ikke lidt mere koldt end varmt. Side 6 af 6

7 Formål og budskab Formålet med websiden er at oplyse caféens kunder, primært golfspillere, om caféens åbningstider, menuer, arrangementer, selskaber mm. Det skal være let og hurtigt at finde frem til det man søger. For golfspillere der bruger caféen når de har spillet golf er deres interesse at se menuen og nogle af de arrangementer der han forbindelse til f.eks. stævner og konkurrencer. De kan benytte sig af at se menuen på nettet og printe den ud hjemmefra, så de ved hvad de kan få før de kommer. For andre ikke golfspillere er det måske ikke den daglige menu der er så spændende, men derimod caféens selskaber. På websiden kan man finde oplysninger om hvor meget det koster at leje lokaler, samt forslag til menuerne. Budskabet er vel at indbyde folk til at komme og spise hos dem. For at gøre det bliver der under menuen sat lækre og indbydende billeder af retterne ind så folk kan se hvad der menes med de forskellige retter. Dette får i hvert fald mig til at få lyst til at komme og smage den mad der er på billederne. Side 7 af 7

8 Målgruppeanalyse Målgruppen for Cafe ens hjemmeside er golfspillere mellem 30 og 60, da det typisk er dem, der har lyst til at hygge sig over noget god mad efter golfspillet. Derudover der det cafe ens ønske at få kontakt til andre almindelige mennesker. Disse kunne f.eks. være folk der gerne ville prøve at spise et nyt sted, mangler et selskabslokale, maden eller personalet til festen. Altså bliver målgruppen for siden meget bred, da de gerne skulle have en stor omsætning. Golfspillere mellem 30 og 60, der godt kan lide at spise lidt mad inden de tager hjem, samt andre der leder efter selskabslokaler. Derudover skal de have lyst til at spise lækker mad i skønne omgivelser, med udsigt over golfbanen. Side 8 af 8

9 Processen Jeg startede med at snakke med ejerne af Cafe en, for at høre deres ideer. De ville gerne have en horisontal menulinie og at der skulle indgå farven grøn på siden. Derudover har jeg haft frie hænder til at gøre hvad jeg ville. Da jeg var derude fik jeg taget nogle billeder af huset og omgivelserne som jeg ville bruge på siden. Det første på, selve siden, jeg gik i gang med var billedet øverst. Det skulle være pænt og give et godt indtryk af cafe en, allerede ved første øjekast. Så kodede jeg resten af siden. Og undervejs spurte jeg andre hvordan det så ud. Da jeg for det meste sad derhjemme med det, har det været min mor og søster der er kommet med kommentarerne. Det har været godt at have dem til at kunne se de fejl jeg lavede på siderne, med hensyn til design og farvevalg. Da siden var nogenlunde færdig med alt hvad jeg kunne skrive selv, tog jeg ud på cafe en igen, så de kunne se det færdige resultat. De synes godt om det. Jeg fik de sidste kontaktoplysninger som telefonnummer og mail, så de også kunne komme på siden. Sikkerhed Når man sætter en mail på nettet skal man være opmærksom på at der er spamrobotter, der prøver at finde dem, og hvis det lykkes bliver der sendt miliarder af spammails til en. Det er de sjovt nok ikke interesseret i ude i Cafe en, så derfor har jeg sat mailen ind, så den er skjult. Det har jeg gjort ved at gå ind på html.dk. de har en tjeneste der kan lave en html-kode der beskytter mailadresserne. Side 9 af 9