Mark André Lyhne Eksamen 2012 12web1b
Indholdsfortegnelse Indholdsfortegnelse... 1 Projekt beskrivelse... 3 Målgruppe... 3 Afsender... 3 Budskab... 3 Kommunikationsmål... 3 Ideudvikling... 3 De 6 Designparametre... 4 timeplan... 5 Rå Skitser... 5 Font valg... 8 Farve valg... 8 Flowchart... 9 Layout... 10 Css-betingelser... 22 Skelet... 23 logo overvejelser... 27 Evaluering... 30 2
Projekt beskrivelse Jeg har fået til opgave og lave et website for visit Aarhus som hedder aarhusportalen.dk. Den skal være minimum 5 html sider plus en takkeside, og så skal den indeholde 4 forskellige temaer. Den skal indeholde noget jquery/javascript evt. noget php. De 4 temaer jeg har valgt er, Seværdigheder fordi unge mennesker gerne vil ud og opleve noget, og hvis man er ny tilflyttet til byen, vil man også gerne ud og se hvad Aarhus har at byde på. Bylivet er det andet tema jeg har valgt, fordi hvis der er noget unge mennesker elsker i dagens Danmark, så er det at gå i byen med vennerne og veninderne, så vil det jo være en god mulighed for at se hvor tingene sker henne inde på aarhusportalen.dk. Det tredje tema er spis godt i Aarhus, så der vil der være muligheder for at finde et lækkert sted og spise. Og sidst tema er omkring hoteller i Aarhus. Målgruppe Er unge studerende, og folk som gerne ville flytte til Aarhus, for at opleve en smuk storby. Mellem 16år til 30år. Eksempel: Mark Jensen 21 år, skal til at studere it på universitetet i Aarhus. Lige flyttet til fra Herning. Han kan godt lige at gå i byen med sine venner, og kan godt lide at gå ud og spise. Så derfor er aarhusportalen.dk en god side for ham, at kende sin by på. Afsender Afsenderen er VisitAarhus. Det images jeg gerne vil ha visitaarhus skal have igennem min hjemmeside, er et stilfuld og roligt images. Budskab VisitAarhus, deres budskab er at nå ud til de unge studerende eller ny tilflyttende i Aarhus, sådan de altid kan følge med i hvad der sker af spændende ting i Aarhus. Kommunikationsmål Formålet med denne hjemmeside, er at unge studerende eller folk som overvejer at flytte til Aarhus, kan se hvad vi har at byde på at spændende ting her i byen, man kan både se omkring seværdighederne, og bylivet og alt hvad der bevæger sig her i Aarhus. Ideudvikling Til farve på websitet, har jeg overvejet at bruge nogle mere stilrene farver og som er behagelige at se på, så jeg har tænkt mig at bruge sort og hvid, hele vejen igennem. Og til logo, tænker jeg at jeg vil prøve at få symbolet med fra ARoS regnbuen fordi folk tænker Aarhus når de ser den, så ville det være oplagt synes jeg. 3
Til font valg, overvejer jeg at bruge Trebuchet Ms, fordi den er behagelig og se på i længere tid, samt nem og læse. De 6 Designparametre Komposition: Jeg har valgt at opsætte min hjemmeside, med en header, content og footer. I min header, har jeg valgt bare kun at have logoet, fordi jeg gerne vil holde det enkelt og stilrent. Min menu har jeg valgt at have for oven, og centrer den, fordi det er dejlig nemt og finde ud af, og det er typisk det flok kender fra websites. I min content, har jeg billeder og tekst hele vejen igennem, sådan man kan læse lidt om Aarhus og få et indblik i byen via billederne. Min footer er meget enkel, der står bare kontakt oplysninger. Typografi: jeg har valgt og holde mig til 1 simpel font hele vejen igennem, som er Trebuchet Ms. Den er nem og læse, og rart og se på i længere tid. Og meget bruger venlig. Farver: jeg har valgt og fokusere på enkle farver hele vejen igennem hjemmesiden, så har valgt sort til alt min brødtekst og overskrift Og hvid som baggrund på alle sider, fordi hvid altid er lækkert og se på, også i længere tid. Illustrationer: jeg har kun en form for illustration på mit website, og det er mit logo, som er placeret øverst til venstre i header. Og har prøvet at ramme et logo som folk vil huske og lægge mærke til. Sådan aarhusportalen.dk for en masse besøgende. Lyd: Jeg har valgt ikke at benytte mig at lyde på mit website, da jeg synes det nogle gange godt kan være lidt irriterende, og virker heller ikke så seriøst til denne form for website, efter min mening. Animation 4
timeplan 5
Rå Skitser 6
7
Font valg Her er den font jeg har valgt. 8
Farve valg Her er de farver jeg er kommet frem til. 9
Flowchart Det er så flowchartet, hvordan websitets forløb er stillet op. 10
Layout Her er så de færdige resultat af alle layoutsne Index.html 11
aros.html 12
tivoli.html 13
dgb.html 14
mash.html 15
jensens.html 16
kohalen.html 17
abn.html 18
overnat.html 19
kontakt.html 20
Takkeside 21
Css-betingelser H1{ Img = logo.png h2{ font: boldl 18px ' trebuchet Ms, Verdana, Myriad Pro; h3{ font: 14px bold trebuchet Ms, Verdana, Myriad Pro; font: p{ font-size: 12px, color: #000000; trebuchet Ms, Verdana, Myriad Pro; line-height: 1.5; nav a{ nav a:hover{ nav a:active{ color: #000000; color: # :#7c7976; text-decoration: underline; background-color: #FFFFFF; Footer-color: #FFFFFF; 22
Skelet Her er skellettet af (index.html) med alle de korrekte mål. 23
Her er skellettet af (dgb.html, aros.html, jensen.html, overnat.html, kohalen.html, abn.html. 24
Her er skelettet af (tivoli.html). 25
Her er skelettet af (mash.html) 26
logo overvejelser 27
logo sort/hvid 28
logo negativ 29
Evaluering Jeg vidste projektet ville tag lang tid, så derfor havde jeg planlagt og bruge mange timer heroppe i skolen. også efter skole tid, så jeg er godt tilfreds med min arbejdsindsats, og resultatet er jeg os godt tilfreds med Link til min side. www.mediegrafiker-ats.dk/12web1b/eksamen/lyhne 30