Midtvejsprojekt. Udarbejdelse af portfolio 1. semester URL:

Størrelse: px
Starte visningen fra side:

Download "Midtvejsprojekt. Udarbejdelse af portfolio 1. semester 2012. URL: http://webhotel.eamv.dk/mmd270850/portfolio/"

Transkript

1 Midtvejsprojekt Udarbejdelse af portfolio 1. semester 2012 URL: Malene Thomsen Erhversakademi Midtvest MMD 1.A 26. oktober 2012

2 Indholdsfortegnelse 1. Introduktion Kravspecifikation Tekniske krav Brugernes forventninger Webkommunikation Afsender Modtageren Konteksten Kontakten Meddelelsen Koden Websitets design Brugervenlighed Komposition Kontraster Sites opløsning Skrifttyper Udarbejdelsen Galleri HTML/CSS-Compressor Tegn og symboler Fremtidige planer Konklusion Kilder Bilag Koncepttest/spørgeskemaundersøgelse Resultat af undersøgelse Roman Jakobsons kommunikationsmodel Besøg sitet her Skitse af hjemmesidens design Forside Skitse af hjemmesidens design Galleri... 16

3 8.7 Indholdskasser Størrelseskontrast Logo Styrkekontrast Indholdskasser Noscript-tag Galleri uden JavaScript Kommer snart! Logbog... 18

4 1. Introduktion I denne opgave udarbejdes en personlig portfolio i form af et website. Det er en tværfaglig opgave, hvor der skal opfyldes en række krav inden for de enkelte fag. I denne rapport redegøres der for, hvorfor jeg har gjort som jeg har gjort. Der skal ligeledes gøres brug af faglige begreber, og formålet er at bruge hvad vi har lært fra undervisningen. Dette projekt er både lærerigt og udfordrende, da man står på egne ben og skal prøve at lave noget på egen hånd. Den udarbejdede portfolio skal gennem tiden forbedres, og på den måde får vi rettet op på de fejl der eventuelt skulle være. Portfolioen er med til at fange fremtidige kunders opmærksomhed, og skal derfor virke interessant og troværdig. 2. Kravspecifikation I forbindelse med udarbejdelsen af websitet opstår der en række krav, som skal opfyldes. Dette ses blandt andet når man starter et samarbejde med en virksomhed, som har en række ønsker og krav til den kommende website. I denne situation er der opstillet en række krav til opgaven. 2.1 Tekniske krav Opgaven har nogle tekniske krav som skal opfyldes. Websitet skal være validerbart i XHTML 1.1 og CSS 2.X eller nyere. Derudover skal siden indeholde et galleri, en startside og minimum fire undersider. Dertil skal layoutet styres af én CSS-fil. Der må ikke anvendes Flash, og hvis JavaScript skulle forekomme, skal sitet alligevel være funktionelt hvis brugeren ikke har JavaScript installeret eller slået til. Websitet skal vises ens i de fem forskellige browsere: Internet Explorer, Mozilla Firefox, Google Chrome, Safari og Opera. Selvom statistikkerne siger, at Internet Explorer stadig er den mest anvendte, og at Opera knap bliver brugt, er dette væsentligt for websitet Brugernes forventninger Under udarbejdelsen af den personlige portfolio, har det været relevant at vide, hvad kommende brugere eller kunder forventer af siden. Derfor er der udarbejdet en koncepttest i form af et 1 Browser statistik oktober 2012 Midtvejsprojekt Udvikling af portfolio Side 1 af 21

5 spørgeskema, som er sendt ud til en række både store og små virksomheder 2. Spørgeskemaet er kvantitativt med en række afkrydsningsspørgsmål, men der er også mulighed for at tilknytte en kommentar til spørgsmålene. De adspurgte har blandt andet svaret på, hvad de kigger mest på, når de skal finde en webdesigner. Ca. 83 % af de adspurgte kigger mest på tidligere produktioner. Derudover er der også ønske om, at siden skal have et personligt look, og samtidig skal den være overskuelig og brugervenlig 3. På den måde har jeg en række krav fra brugerens side, som også skal opfyldes. Derigennem har jeg analyseret mig frem til, at de fleste blot tænker på sites udseende samt egne produktioner. Ting som links til Twitter, Facebook mm. er knap så relevante, så længe der findes andre kontaktoplysninger i form af adresse og telefonnummer. Desuden ønsker de fleste blot, at siden viser hvad man kan, hvem man er og hvad man beskæftiger sig mest med. 3. Webkommunikation Når man opretter et website er formålet som afsender at kommunikere noget ud til modtagerne. I den forbindelse er det relevant at kigge på de forskellige kommunikationsmodeller. Der findes blandt andet IMK-modellen, Roman Jakobsons kommunikationsmodel, Lisbeth Thorlacius kommunikationsmodel mfl. Jeg vil med udgangspunkt i Roman Jakobsons kommunikationsmodel 4 beskrive kommunikationen på mit website. 3.1 Afsender Når man laver et website er der altid en afsender. For det meste er der tale om en virksomhed eller forening, men i dette tilfælde er det mig selv der er afsenderen. Jeg vil fremstå som kvalitetsbevidst, og samtidig fortælle modtageren at jeg står inde for mit arbejde. Jeg har dermed gjort brug af den emotive funktion 5, da jeg vil overbevise modtageren om, at man kan regne med at jeg leverer kvalitet og brugbare websites. Den emotive funktion har som udgangspunkt hensigten at udtrykke holdninger, følelser mm. Med hensyn til mit design har jeg valgt at gøre brug af farven blå, da blå symboliserer kvalitet og stabilitet 6. Derigennem er der også gjort brug af 2 Koncepttest i form af spørgeskema Se bilag Resultater af spørgeskemaundersøgelse Se bilag Kirsten Drotner, Klaus B. Jensen mfl. Medier og Kultur Roman Jakobsons kommunikationsmodel Se bilag Kirsten Drotner, Klaus B. Jensen mfl. Medier og Kultur Den emotive funktion 6 Farvesymbolik 20. oktober 2012 Midtvejsprojekt Udvikling af portfolio Side 2 af 21

6 appelformen ethos 7, som er kort sagt drejer sig om afsenderens troværdighed. Derfor har jeg valgt at udvise klogskab i form af en faglig forklaring af, hvad jeg kan levere. Dette har en hvis effekt på modtageren, selvom man måske snakker lidt over hovedet på ham eller hende. Man kan også tænke på eksemplarisk ethos 8 i forbindelse med driften af hjemmesiden. Hvis siden sjældent bliver opdateret og henvendelser aldrig bliver besvaret, udtrykker man ikke længere kvalitet og troværdighed. Eftersom der findes så mange forskellige hjemmesider på nettet i dag, er det vigtigt at skille sig ud som afsender, ellers vil brugeren blot forlade siden igen og finde et andet alternativ. Derfor er det også vigtigt at brugeren ved hvad hjemmesidens hensigt er. Derfor har jeg valgt at smide et splashbillede på forsiden, så brugeren kan se hvad jeg blandt andet laver. Derudover står der stort i toppen at det er en portfolio, så brugeren ved hvad der er tale om. På den måde har jeg mig selv med hele vejen igennem, så jeg fremstår som jeg selv ønsker, nemlig stabil og kvalitetsbevist. 3.2 Modtageren Målgruppen til sitet er primært personer eller virksomheder, som ønsker at få lavet et website. Derfor er det vigtig for mig, at ramme lige præcis den målgruppe. Hensigten med sitet er at fange folks opmærksomhed, så der i fremtiden kunne opstå et samarbejde. Der er derfor gjort brug af den konative funktion 9 i form af, at jeg ønsker at kunden henvender sig til mig, hvis de har brug for at et nyt website. Dette ses tydeligst på siden med kontakt, da jeg sælger mig selv ved at fortælle hvad jeg kan garantere. Samtidig garanterer jeg tilbagemelding inden for én hverdag, så folk ved besked inden længe. Allerede fra start har jeg mulighed for at vise kunden, at jeg er til at stole på, hvis de modtager svar inden for den lovede tidsperiode. Jeg frister altså kunden til at kontakte mig, da jeg tilbyder og garanterer meget, men alligevel overdriver jeg ikke, så kunden i sidste ende føler sig narret. 3.3 Konteksten I selve konteksten har jeg gjort brug af den referentielle funktion 10, som refererer til den virkelige verden, og består blandt andet af faglig information. Jeg fortæller de faglige forhold i mine designs 7 Lis Holm og Birgitte Norlyk Ord der brander Appelformen Ethos Side 45 8 Elisabeth Hoff-Clausen Set gennem nettet 1. udgave, 2. oplæg 2004 Kapitel 3 9 Kirsten Drotner, Klaus B. Jensen mfl. Medier og Kultur Den konative funktion 10 Kirsten Drotner, Klaus B. Jensen mfl. Medier og Kultur Den referentielle funktion Midtvejsprojekt Udvikling af portfolio Side 3 af 21

7 og dermed fortæller jeg kort sagt modtageren hvad de kan forvente, uden garanti for at kunden er indforstået med, hvad dette betyder. Jeg har også anvendt appelformen logos 11, da jeg har til hensigt at informere modtageren om, hvad jeg kan tilbyde. Med logos argumenterer man objektivt og henvender sig til brugere, som har et ønske om at blive klogere på et område. Dette er også meningen med min side, da jeg skal informere om hvad jeg kan tilbyde både fagligt og kreativt. 3.4 Kontakten Kontakten mellem brugeren og brugerfladen er væsentlig for brugervenligheden. Jeg har gjort brug af den fatiske funktion 12, som sikrer en god kommunikation blandt afsender og modtager. Alle mine sider ligner hinanden, har samme design, layout, farver, fonte mm. Brugeren er ikke i tvivl om, at de stadig befinder sig på min side. Når brugeren benytter sig af linket Besøg sitet her 13 under Webdesigns, ændrer udseendet sig væsentligt, da det jo ikke er samme side brugeren befinder sig på længere. På den måde ved kunden også, at de er på vej væk fra min side, og altså kan benytte browserens tilbageknap. 3.5 Meddelelsen Mit budskab på siden er, at kunderne skal benytte sig af mig til deres kommende webdesign. Dette udtrykker jeg blandt andet ved at vise hvad jeg kan og har lavet. Tidligere har jeg beskrevet valget af farver, som er den blålige nuance. Denne har jeg gjort brug af, da det udtrykker kreativitet, og er derfor en oplagt farve til min side. 3.6 Koden For at kunden eller brugeren kan afkode mit budskab, er det væsentligt at de har kendskab til websites på den ene eller anden måde. Hvis kunden kender til problemer fra andre websitets, som er uoverskuelige og umulige at finde rundt på, er kunden opmærksom på, hvor vigtigt det er, at siden er både brugervenlig, funktionel og effektiv at bruge. På den måde kan man sige, at andre dårlige websites er med til at åbne øjnene op hos min målgruppe og mine modtagere. 11 Lis Holm og Birgitte Norlyk Ord der brander Appelformen Logos Side Kirsten Drotner, Klaus B. Jensen mfl. Medier og Kultur Den fatiske funktion 13 Besøg sitet her Link til funktionel side af designs Se bilag 8.4 Midtvejsprojekt Udvikling af portfolio Side 4 af 21

8 4. Websitets design En hjemmeside danner ofte førstehåndsindtrykket hos en eventuel ny kunde. Derfor er det vigtigt at tænke meget på designets udformning. Man skal blandt andet kigge på en række regler og love, som danner baggrunden for et godt og brugervenligt design. 4.1 Brugervenlighed I forbindelse med brugervenligheden har jeg blandt andet benyttet mig af Rolf Molichs definition af brugervenlighed. Definitionen består af følgende fem punkter: Sitet skal være let at lære, let at huske, effektivt at bruge, forståeligt og tilfredsstillende at bruge 14. Hvis man kigger på mit website, er sitet let at lære, da det ikke tager brugeren lang tid at finde frem til det de ønsker. På samme måde er det også let at huske, og der skal altså ikke bruges lang tid på at genindlære sitet. Siden er også effektiv at bruge, og skulle der opstå problemer på siden, vil kunden blive gjort opmærksom på dette. Dette ses blandt andet ved gallerierne, som kræver at JavaScript er installeret og slået til. Hvis det modsatte er tilfældet, vil der vises en fejlmeddelelse samt to løsningsmuligheder. Man kan vælge at installere JavaScript, eller man kan klikke sig ind på et andet galleri, som ikke kræver JavaScript. Fejlmeddelelsen er meget iøjefaldende da den blinker, og på den måde bliver den fremhævet. Til gengæld er de to links blot helt almindelige uden blink, så det er lettere for kunden at bruge linket. 4.2 Komposition Ved udarbejdelsen af websitets design har jeg lavet en skitse med papir og blyant 15. På denne skitse er der anført størrelser i pixels, så det var hurtigt og ligetil at gå i gang med at lave det i HTML og CSS. Derudover forestiller skitsen primært forsiden, som skal indeholde et splashbillede samt en lille tekst. På skitsen ses også, at der muligvis skal være plads til en ekstra indholdskasse i bunden, hvilket først blev afgjort da jeg så siden i en browser. På den måde er skitsen altså kun et udkast til det endelige design. I toppen er der gjort plads til logo, menu og en lille tekst der indikerer hvad sitet indeholder. Der er også anført baggrundsbillede i en bestemt størrelse, som er besluttet ud fra de forskellige statistikker om skærmoplysninger. Dette vil blive beskrevet nærmere. 14 Rolf Molich Brugervenligt webdesign Nyt teknisk forlag 2. udgave 15 Skitse af hjemmesidens design Forsiden Se bilag 8.5 Midtvejsprojekt Udvikling af portfolio Side 5 af 21

9 Ligeledes er der lavet en skitse til et galleri, som fungerer uden JavaScript installeret eller slået til 16. Denne side skulle være enkelt og let at benytte sig af, og gennem en skitse blev siden ret funktionel. Det endte med at siden også kan bruges til de resterende brugere, som har JavaScript på deres computere, da det allerede eksisterende galleri ikke giver mulighed for at tilknytte en billedbeskrivelse. På min skitse ses en indholdskasse i bunden, hvor der er mulighed for at skrive detaljer omkring det enkelte billede. Disse skitser er også hjælpsomme senere hen, da størrelsen på billedet også er angivet derpå. Ved designet af siden har jeg haft Gestaltloven i baghovedet hele vejen igennem. De forskellige indholdskasser rundt på siden viser, at dét man ser i indeni kasserne hører sammen. Der er tale om loven om lukkethed 17, da de forskellige sammenhørende elementer er i lukket inde i kasser. Disse kasser går igen på alle sitets sider, dog tilpasset i forskellige størrelser, alt efter hvad kasserne skal indeholde. Blandt andet er den mindste kasse lavet til at vise detaljer om de forskellige billeder, og den største er lavet til beskrivelsen af mig selv Kontraster Der findes forskellige kontraster 19, som alle har betydning for måden vores website bliver set på. Vi kan blandt andet kigge på størrelseskontraster. Det er meget normalt at gøre brug af denne til overskrifter eller andre vigtige tekster. Mine overskrifter er dermed også større end den resterende tekst, da det er væsentligt at vide hvilken side man befinder sig på. Størrelseskontrasten bruges også til at fremhæve billeder eller vigtige elementer i designet. Mit logo øverst til venstre har store bogstaver, men også en cirkel som udfylder hele kassen 20. På den måde er den meget iøjefaldende uden at være for ekstrem. En anden kontrast er styrkekontrasten, som jeg har gjort brug af i mine indholdskasser. Der er forskel i forholdet mellem lys og mørke, idet den lyse kasse indikerer hele indholdsområdet på sitet, og den lidt mørkere kasse viser, at her er der noget væsentligt 21. Dette ses også ganske enkle 16 Skitse af hjemmesidens design Galleri Se bilag Henrik Birkvig Sådan laver du Smukkere grafisk design Forlaget Grafisk litteratur 2. udgave, 2. oplæg Indholdskasser Se bilag Henrik Birkvig Sådan laver du Smukkere grafisk design Forlaget Grafisk litteratur 2. udgave, 2. oplæg Størrelseskontrast Logo Se bilag Styrkekontrast Indholdskasser Se bilag 8.9 Midtvejsprojekt Udvikling af portfolio Side 6 af 21

10 steder som overskrifter, hvor de er fremhævet med fed skrift. I forhold til mit design har jeg også valgt at give den en anden farve, hvilket jeg vil vende tilbage til. Formkontrasten opstår når der er gjort brug af forskellige former i designet. Mit design er primært meget firkantet, men for at give det lidt bedre balance, har jeg valgt at gøre logoet rundt. Logoet går igen på alle sider, og er derfor væsentlig at bruge til at bryde formerne lidt, så det hele ikke bliver alt for firkantet og ubehageligt for øjet. Med hensyn til farvekontrasten har jeg primært benyttet mig af mæthedskontrasten. Jeg har ikke anvendt komplementere farver, som benyttes til at fremhæve hinanden. Jeg har altså benyttet forskellige nuancer af den blålige farve, hvor nogle af dem er meget rene, mens andre er mere grålig at kigge på. Igen kan der henvises til de forskellige indholdskasser samt baggrundsbilledet. Som beskrevet ovenfor har jeg benyttet mig af den blå farve til mine overskrifter, da dette også giver en bedre effekt for sitets som helhed. 4.4 Sites opløsning Umiddelbart virker opløsningen mindre relevant, men udseende betyder mere end man lige regner med. Blandt andet er en side med mange scrollbars uoverskuelig og ser ikke særlig professionel ud. Min side er lavet i en størrelse der hedder 960 x 650 pixels, med en topmargen på 10 pixels. Denne størrelse er valgt med hensyn til dansk statistik, som viser at de fleste bruger en skærmopløsning på 1366 x 768 pixels 22. Derudover har jeg lavet et centreret baggrundsbillede i størrelsen 2000 x 2000 pixels, så jeg er ret godt dækket ind i forhold til statistikken. Billedet er dog ikke af bedste kvalitet, da dette vil gøre sitet langsomt og tungt. Til gengæld giver den dårlige kvalitet en fed effekt. Hvis der skulle være nogle få tilfælde, hvor billedet ikke er stort nok, vil den resterende baggrund blive sort, så det matcher så godt det nu kan. 4.5 Skrifttyper Valget af skrifttyper er ikke helt ligegyldigt, da kun få er websikre. Der er ganske få skrifttyper som er installeret på de fleste computere, og det skal man altså også tage hensyn til. Blandt websikre fonte findes der Arial, Verdana, Tahoma, Trebuchet og Helvetica 23. Jeg har derfor gjort brug af 22 Skærmopløsninger 10. oktober Websikre fonte 22. oktober 2012 Midtvejsprojekt Udvikling af portfolio Side 7 af 21

11 Arial, Helvetica, sans-serif og serif. På den måde er jeg sikret med hvilket som helst styresystem, så min tekst vises ordentlig hos alle brugere. Skrifttyperne er tilføjet i til min body i min CSS-fil, så al indhold vil blive vist på den måde. 5. Udarbejdelsen Hjemmesiden er udarbejdet i Adobe Dreamweaver CS6 og er lavet validerbart i XHTML 1.1 og CSS3. Designet vises ens i samtlige browsere og lever derfor op til de forskellige krav. Med hensyn til udarbejdelsen af et galleri, har dette været et lidt større projekt. Derudover er der en lang række andre overvejelser, som også indgår i kodningen af hjemmesiden. 5.1 Galleri Når man skal lave et moderne og stilfuldt galleri, er Shadowbox 24 en super nem og hurtig løsning. Shadowbox bruger nogle super fede effekter, som gør det behageligt at kigge på. Billedet kan desuden vises i fuld størrelse, og man behøver derfor ikke at tage hensyn til resten af designet. Det er kun billedet der er i fokus, hvilket vil sige at resten af siden bliver nedtonet, så man ikke tænker videre over dette. Desværre kræver Shadowbox at JavaScript er installeret og slået til på din computer, hvilket ikke er alle der har dette. Derfor er det nødvendigt at have en anden løsning, så sitet fungerer optimalt for alle brugere. I dette tilfælde har jeg gjort brug af et såkaldt noscripttag 25, som går ind og fortæller hvis brugeren ikke har JavaScript på deres computer. I dette tilfælde har jeg givet et link til at installere JavaScript, men jeg har også tilføjet et link til et andet galleri. Dette galleri er ikke særlig vedligeholdelsesvenligt, og ender ud i rigtig mange undersider til hjemmesiden 26. Af bilaget er der markeret fire fotox.html filer samt fem webx.html filer. Alle disse filer kunne være undgået ved udelukkende brug af Shadowbox. Man kunne også undgå dette ved at lade billederne åbne for sig selv i browseren, men dette er ikke brugervenligt, da brugeren kan føle de kommer væk fra sitet, da designet og udseendet ændrer sig markant. 24 ShadowBox 24. oktober Noscript-tag Se bilag Galleri uden JavaScript og dets følger Se bilag 8.11 Midtvejsprojekt Udvikling af portfolio Side 8 af 21

12 5.2 HTML/CSS-Compressor For at websitet skal fylde så lidt som muligt, er det væsentligt at rydde lidt op i koderne. Dette kan gøres ved hjælp af en række værktøjer på nettet 27 eller via tilføjelser til f.eks. Mozilla Firefox 28. Disse værktøjer går ind og fjerner alle overflødige linjeskift og mellemrum mm. Desværre skal man være opmærksom på, at man selv skal tilføje de forskellige kommentarer rundt omkring bagefter, da værktøjerne også fjerner disse. Dette er dog ikke så besværligt når man blot kender lidt til sine koder. Kommentarerne er også gode at beholde, hvis man f.eks. arbejder i en gruppe og flere er inde over kodningen af sitet. 5.3 Tegn og symboler Når man skriver i HTML er der nogle koder man skal være opmærksom på. Blandt andet er det en god ide at droppe brugen af æ, ø og å, da ikke alle browsere kan vise disse. Derfor skal man ind og bruge en kode for disse bogstaver. Æ erstattes derfor af æ, ø af ø og å af å. Derudover har jeg gjort brug af et symbol til mit design af menuen. Symbolet ser således ud: ~ og skrives ~ i HTML. Den sidste jeg har anvendt er det usynlige mellemrum. I nogle tilfælde er det nødvendigt at benytte sig af denne, da koden ikke altid registrerer et almindeligt mellemrum. I stedet skal man da benytte sig af denne kode: &nbsp ; 29. Hvis man ikke benytter sig af disse koder fra start og dermed først skal ændre det efterfølgende, har Dreamweaver en Find og Erstat funktion. Man skal dog være lidt forsigtig med den, da koderne kan ændres uventet. 5.4 Fremtidige planer I fremtiden skal hjemmesiden fortsat forbedres og vedligeholdes. Der er dog allerede nu en række ting, som endnu ikke er helt oppe at køre. Jeg har benyttet mig af en midlertidig løsning, da jeg har gjort brug af et billede hvor der står Kommer Snart! 30. Dette skyldes at mit galleri er designet til fem billeder, men jeg har på nuværende tidspunkt kun udarbejdet fire. For at designet stadig ser godt ud, har jeg derfor gjort som jeg har gjort. Der mangler desuden også lidt mere, der viser hvem jeg er. Der er ikke noget der viser mine holdninger, min personlighed mm. Derfor skal der i fremtiden gennemtænkes en mere frisk forside, hvor mit sande jeg bliver vist. En hjemmeside er 27 HTML/CSS-Compressor 24. oktober CSS-Compressor https://addons.mozilla.org/da/firefox/addon/yslow/?src=search 24. oktober Tegn og symboler 24. oktober Kommer snart! Se bilag 8.12 Midtvejsprojekt Udvikling af portfolio Side 9 af 21

13 aldrig færdig, den skal altid holdes ved lige og viderebygges. Det er en kamp om tiden, da der hele tiden kommer nye muligheder og teknologier til at forbedre de forskellige sites Konklusion I forbindelse med opgaven har der været en række udfordringer. Det har dog været meget lærerigt og spændende. Under forløbet har jeg fundet ud af, at mine ønskede forventninger ikke kunne udleves, eftersom jeg ikke har kompetencerne til dette endnu. Der er også opstået vanskelige situationer, hvor jeg har skullet lave en ændring i min menu. Dette skulle ændres i alle mine HTML-filer, da vi endnu ikke har lært omkring en løsning til dette. Alt i alt har jeg lært rigtig meget af dette projekt, og selvom jeg føler at hjemmesiden kan forbedres til hver en tid, har jeg fundet ud af hvordan jeg ligger både fagligt og kreativt. 7. Kilder Internettet oktober oktober oktober oktober oktober oktober 2012 https://addons.mozilla.org/da/firefox/addon/yslow/?src=search oktober Bøger - Rolf Molich Brugervenligt webdesign Nyt teknisk forlag 2. udgave - Kirsten Drotner, Klaus B. Jensen, Ib Poulsen og Kim Schrøder Medier og Kultur - Lis Holm og Birgitte Norlyk - Ord der brander Handelshøjskolens forlag Henrik Birkvig Sådan laver du Smukkere grafisk design Forlaget Grafisk litteratur 2. udgave, 2. oplæg Elisabeth Hoff-Clausen Set gennem Nettet 1. udgave, 2. oplæg Elisabeth Hoff-Clausen Set gennem nettet 1. udgave, 2. oplæg 2004 Kamp om tiden Midtvejsprojekt Udvikling af portfolio Side 10 af 21

14 8. Bilag 8.1 Koncepttest/spørgeskemaundersøgelse Forventninger til en webdesigners portfolio Vi er en gruppe, der læser til Multimediedesignere på Erhvervsakademi MidtVest og arbejder med et projekt omkring en personlig portfolio. I den forbindelse har vi udarbejdet dette spørgeskema, som vi håber at du/i vil bruge et kort øjeblik på at besvare. Målgruppen er primært kommende arbejdsgivere, kunder, praktiksteder og samarbejdspartnere. Spørgeskemaet lukker ned på fredag den kl På forhånd tak for hjælpen! 1. Hvilken virksomhed er du/i tilknyttet? (Undersøgelsen er anonym og bliver kun brugt i forbindelse med uddannelsen) 2. Din/jeres arbejdsopgave? o Virksomhedsejer o Beslutningstager vedr. websites i virksomhed o Arbejder indenfor webdesign o Andet (Angiv venligst) 3. Hvad fokuserer du/i på ved valg af webdesigner? (Marker de 3 vigtigste) Jeg/vi ser på uddannelser Jeg/vi ser på karakter Jeg/vi ser på prisen Jeg/vi ser på referencer Jeg/vi ser på tidligere produktioner (portfolio) Jeg/vi ser på geografisk nærhed Jeg/vi ser på den personlige kontakt/netværk Andet/kommentarer (Angiv venligst) Midtvejsprojekt Udvikling af portfolio Side 11 af 21

15 4. Hvad forventer du/i af informationer på webdesignerens portfolio/website? (Marker de 3 vigtigste) Eksempler på tidligere egne produktioner (websites mm.) Links til tidligere kunder/produktioner Uddannelser Erfaringer Link til Twitter Link til LinkedIn Link til Facebook Kontaktoplysninger Andet (Angiv venligst) 5. Som multimediedesignere kan vi specialisere os i forskellige retninger. Derfor vil vi til sidst spørge ind til behovet virksomheden forventes at have i fremtiden. Grafisk designere Programmører Tekstforfattere Andet (Angiv venligst) 6. Ansættelse af ovenstående Fastansættelse (fx 37 timer/ugen) Projektansættelse (fx 6 mdr. til et projekt) Freelance (fx 40 timer til en opgave) Firma som underleverandør Andet (Angiv venligst) Midtvejsprojekt Udvikling af portfolio Side 12 af 21

16 8.2 Resultat af undersøgelse Resultaterne er bygget på i alt 12 besvarelser fra forskellige virksomheder. Deriblandt er nogle tilknyttet samme virksomhed. 1. Hvilken virksomhed er du/i tilknyttet? (Undersøgelsen er anonym og bliver kun brugt i forbindelse med uddannelsen) Trendware, TINXDK, ABClean, Konceptas, Frantz Schrum Broliftudlejning, Box Nordic ApS, Music and Lyrics, Idé-sign, Hansens Service, Unimedia. 2. Din/jeres arbejdsopgave? Andet: 1. Grafiker 2. Regnskab og kørsel med brolifte 3. Salg, projekt- og produktionsstyring 3. Hvad fokuserer du/i på ved valg af webdesigner? (Marker de 3 vigtigste) Andet/Kommentar: Designeren skal lave en flot, og anderledes side, men også let at finde rundt på/i. Siden må gerne have et personligt look. Midtvejsprojekt Udvikling af portfolio Side 13 af 21

17 4. Hvad forventer du/i af informationer på webdesignerens portfolio/website? (Marker de 3 vigtigste) Andet/kommentarer: At det tydeligt fremgår hvad personens spidskompetance eller interesseområde er. 5. Som multimediedesignere kan vi specialisere os i forskellige retninger. Derfor vil vi til sidst spørge ind til behovet virksomheden forventes at have i fremtiden. 6. Ansættelse af ovenstående 8.3 Roman Jakobsons kommunikationsmodel Afsender Kontekst Meddelelse Kontakt Kode Modtager Emotiv Referentiel Poetisk Fatisk Metakommunikativ Konativ Midtvejsprojekt Udvikling af portfolio Side 14 af 21

18 8.4 Besøg sitet her 8.5 Skitse af hjemmesidens design Forside Midtvejsprojekt Udvikling af portfolio Side 15 af 21

19 8.6 Skitse af hjemmesidens design Galleri 8.7 Indholdskasser Midtvejsprojekt Udvikling af portfolio Side 16 af 21

20 8.8 Størrelseskontrast Logo 8.9 Styrkekontrast Indholdskasser 8.10 Noscript-tag <noscript> </noscript> Midtvejsprojekt Udvikling af portfolio Side 17 af 21

21 8.11 Galleri uden JavaScript 8.12 Kommer snart! 8.13 Logbog Mandag d. 8. oktober 2012 Ca. 6,5 timer I dag har jeg udarbejdet en skitse af websitets design med papir og blyant. På skitsen er der påskrevet størrelser i pixels, som er valgt ud fra statistikker, så designet er velegnet til de fleste brugere. Farvetemaet er på plads, og vil bestå af forskellige blålige nuancer. De fleste designelementer er designet og lavet i Adobe Photoshop i rigtige størrelser. De gemte designelementer er gemt i den oprettede CSS, som er tilknyttet til HTML-koden. På den måde kan jeg altid ændre designelementerne og erstatte de eksisterende filer. Det sparer mig for en masse tid i fremtiden. Hjemmesidens design er gjort validerbart både i CSS en og i HTML en. Siden er Midtvejsprojekt Udvikling af portfolio Side 18 af 21

22 testet i samtlige browsere, men Internet Explorer 9 viser ikke sitet ordentligt med hensyn til Sticky Footer. I morgen skal der findes en løsning på dette. Tirsdag d. 9. oktober 2012 Ca. 2,5 timer Dagen starter med at gennemse de forskellige koder, for at finde frem til fejlen i Internet Explorer 9. Det har dog ikke været muligt at finde frem til fejlen, og derfor har jeg sendt en mail af sted til Don. I mellemtiden har jeg været på udkig efter en anden løsning til galleri, da Shadowbox, som vi kender fra undervisningen, kræver Java installeret. Har dog heller ikke fundet nogen løsning, som kun benytter sig af HTML og CSS. Er derfor begyndt at rode med Shadowbox, som jeg skal have til at virke optimalt, og samtidig skal jeg have fundet en løsning som fungerer uden Java. Onsdag d. 10. oktober 2012 Ca. 8,5 timer Vi samledes nogle stykker på skolen, for at udarbejde et spørgeskema til forundersøgelsen. Denne er blevet sendt ud til de forskellige virksomheder. Derudover har jeg fået galleriet til at virke, der skal blot findes en løsning uden Java. Designet af websiden er forandret en del, da jeg har undladt at benytte Sticky Footer. Sitet blev faktisk bedre uden, da jeg indså at kontaktoplysninger i bunden ikke var så relevant for mit site. Der er også lavet et logo til siden. Torsdag d. 11. oktober 2012 Ca. 10 timer Lave videre på designet til de forskellige undersider. Der skal gøres brug af kasser i forskellige størrelser. Her er der tænkt på Gestaltlovene, reglen om lukkethed. Alt der hører sammen sidder i én kasse med lav opacity så man kan tyde baggrundsbilledet. Baggrundsbillede er lavet i størrelsen 2000 x 2000 pixels, dog i dårlig kvalitet, da dette ellers vil blive for tungt at hente i forhold til de andre elementer. Der er blandt andet lavet en kasse til fremvisning af de fem nyeste designs, som også skal vises på samme måde under billeder. Dog har jeg kun to designs at fremvise, men planen er at lave en Google Collection med alle fire årstider, da jeg allerede har lavet den med efterår. Da der er gjort brug af Java til dette galleri, har jeg opsat en Noscript funktion, som fortæller at galleriet fungerer bedst med Java. Denne tekst har fået blinke effekt, så brugeren hurtig ser det. Ved siden af er der links uden blink, så brugeren nemt kan trykke på de to links. Midtvejsprojekt Udvikling af portfolio Side 19 af 21

Produkt. Index side GRAFISK DESIGN

Produkt. Index side GRAFISK DESIGN Grafisk design Produkt Index side Produkt Underside - kontakt Redegørelse OPGAVEN I forbindelse med valgfag, som jeg tog i København, havde vi lært forskellige nye funktioner, som vi skulle implementere

Læs mere

KT OR LOW PRODUKTION // WORKFLOW

KT OR LOW PRODUKTION // WORKFLOW PR D O U ION KT // W KFKF OR LOW PRODUKTION // WORKFLOW // WORKFLOW HJEMMESIDE / REDEGØRELSE / IDÉ, FARVE, FONT OG GRAFIK / SKITSER OG FLOWCHART / SKELET / STORYBOARD / CSS HVAD? Opgaven er en fiktiv hjemmeside

Læs mere

Grundforløbsprøve Projektbeskrivelse

Grundforløbsprøve Projektbeskrivelse Grundforløbsprøve Projektbeskrivelse Webintegrator Thomas á Rógvi 221191-2505 Indholdsfortegnelse Opgaven... 3 Tidsplan... 4 Målgruppe... 5 Layout... 6 Design... 7 Fonte... 7 Browser... 7 Bilag... 8 Det

Læs mere

HHBR. Design. Kvalitets vurdering. Opgaven. Målgruppe og Budskab. De Grafiske valg

HHBR. Design. Kvalitets vurdering. Opgaven. Målgruppe og Budskab. De Grafiske valg Opgaven Der skal designes en hjemmeside til en pensioneret revisor, som ønsker at starte en fritids beskæftigelse op, som privat revisor. Han Ønsker en hjemmeside der skal kort fortælle om hans forretning.

Læs mere

Grafisk produktion & workflow

Grafisk produktion & workflow Grafisk produktion & workflow WORKFLOW & PRODUKTION WEBSITE NATURSPEJDERNE Dokumentation I 2 OPGAVEN Opgaven Jeg har lavet dette fiktive website der kunne være en mulighed for en nyopstartet spejderforening.

Læs mere

ELEMENTER Jeg vælger fonten Raleway, som er en af Googles mange gratis webfonte. Det er en grotesk skrift, som især bruges til websites, da de på

ELEMENTER Jeg vælger fonten Raleway, som er en af Googles mange gratis webfonte. Det er en grotesk skrift, som især bruges til websites, da de på Grafisk design Design af hjemmeside til indretningsarkitekt med firma navn enrico indret, som jeg tidligere har designet logo for. Firmaet laver udelukkende erhvervsindretning og målgruppen for sitet er

Læs mere

portfolio GRAFISK WORKFLOW

portfolio GRAFISK WORKFLOW Grafisk Workflow Opgaven Der skal laves hjemmeside til et lille privat bageri. Kunden ønsker et overskueligt site. Hjemmesiden skal kort og godt fortælle om Skejby Centrets Bageri og deres produkter og

Læs mere

Indhold. Grafisk workflow 3 Procesbeskrivelse 4 Inspiration 5 Skitser 6 Flowchart 7 Typografi og farver 8 Skelet 9 Storyboard 12 Html, css og seo 16

Indhold. Grafisk workflow 3 Procesbeskrivelse 4 Inspiration 5 Skitser 6 Flowchart 7 Typografi og farver 8 Skelet 9 Storyboard 12 Html, css og seo 16 GRAFISK WORKFLOW Indhold Grafisk workflow Procesbeskrivelse Inspiration 5 Skitser 6 Flowchart Typografi og farver 8 Skelet 9 Storyboard 2 Html, css og seo 6 Grafisk workflow Opgaven At skabe et nyt og

Læs mere

WORKFLOW & PRODUKTION

WORKFLOW & PRODUKTION OPGAVE Jeg har lavet et fiktiv website for en hundekennel. Det er mit bud på hvordan sådan en eventuelt kan se ud. PROGRAMMER Photoshop Dreamweaver Illustrator WORKFLOW & PRODUKTION KENNEL BISCO Dokumentation

Læs mere

Dokumentation. Workflow. Grafisk produktion. Trine Alexandersen 1. hovedforløb

Dokumentation. Workflow. Grafisk produktion. Trine Alexandersen 1. hovedforløb Dokumentation Workflow Grafisk produktion Trine Alexandersen 1. hovedforløb Jeg har valgt at vise min egen hjemmeside som workflow. Siden er min e-portfolio som skal vise hvad jeg lærer under min uddannelse

Læs mere

GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen

GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen OPGAVE Designforslag til hjemmeside til motorcykelklubben Mc Chaufførerne GRAFISK DESIGN / Dorte Damsgaard Larsen 1/15 DESIGNPROCES Indledende møde med

Læs mere

Et krav til portfolien var at det skulle udvikles fra bunden uden brug af CSS-frameworks, samt HTML og CSS skulle valideres uden fejl.

Et krav til portfolien var at det skulle udvikles fra bunden uden brug af CSS-frameworks, samt HTML og CSS skulle valideres uden fejl. Indledning Mit sidste projekt her på 1.semester gik ud på at jeg skulle lave et redesign af mit første portfolio, som jeg lavede i starten af semesteret. Formålet var at vise hvad jeg havde lært siden

Læs mere

Denne rapport har til formål at redegøre for tilblivelsen af hjemmesiden beliggende på domænet, http://www.technofil.dk. Der refereres fra nu af blot

Denne rapport har til formål at redegøre for tilblivelsen af hjemmesiden beliggende på domænet, http://www.technofil.dk. Der refereres fra nu af blot Denne rapport har til formål at redegøre for tilblivelsen af hjemmesiden beliggende på domænet, http://www.technofil.dk. Der refereres fra nu af blot til hjemmesiden. Mine indledende tanker bag hjemmesiden

Læs mere

kollegiekokkenet.tmpdesign.dk Side 1

kollegiekokkenet.tmpdesign.dk Side 1 kollegiekokkenet.tmpdesign.dk Side 1 Indholdsfortegnelse Forord 3 Problemformulering 4 Udviklingsmetode 5 Tidsplan 6 Målgruppe 7 Design brief 8 Logo 10 Typografi og farve 11 Navigationsdiagram 12 Usecase

Læs mere

MONIQUE BOOTS-NIELSEN / GRAFIKER

MONIQUE BOOTS-NIELSEN / GRAFIKER SIZE 34-54 2014 AUTUMN COLLECTION shop online bonaparte.dk MONIQUE BOOTS-NIELSEN / GRAFIKER Grafisk Design Grafik & Billedbehandling Typografi & Ombrydnig Grafisk produktion & Workflow Et magasin om knogleskørhed,

Læs mere

Dokumentation. Karen-Louise Fejerskov

Dokumentation. Karen-Louise Fejerskov Dokumentation Grafisk Workflow Et af produkterne, jeg skulle lave, var et redesign af FreQuence s info hjemmeside. A B Punkt 1 Ansvar: Jeg har selv stået for opsætningen af hjemmeside og selv bestemt,

Læs mere

GRAFISK WORKFLOW Hjemmesidedesign

GRAFISK WORKFLOW Hjemmesidedesign GRAFISK WORKFLOW www.mediegrafiker-ats.dk/12gf32med8b/stil/caroline Færdige produkt www.mediegrafiker-ats.dk/12gf32med8b/stil/caroline Færdige produkt www.mediegrafiker-ats.dk/12gf32med8b/stil/caroline

Læs mere

JAN MØLLER JD DESIGN CMK

JAN MØLLER JD DESIGN CMK JAN MØLLER JD DESIGN CMK INDHOLDSFORTEGNELSE Sitemap:... 3 Valg af farver:... 3 Skitser:... 4 Forside:... 4 Produkter:... 5 Kontakt/Bestil:... 6 Galleri:... 7 Info:... 8 Målgruppe:... 9 Persona:... 9 Produkter:...

Læs mere

Grafisk design. Ide. Designprocess. Målgruppe

Grafisk design. Ide. Designprocess. Målgruppe Ide Designprocess I denne opgave har jeg udviklet et website for et feriehus. Kunden ønsker et site, som både fungere privat, men også som offentlig hjemmeside. Hele site skal være på dansk, tysk og engelsk.

Læs mere

Grafisk Redegørelse Opgaven Programvalg Kvalitetsvurdering Målgruppe Arbejdsproces Kvalitet Komposition og layout Brugervenlighed

Grafisk Redegørelse Opgaven Programvalg Kvalitetsvurdering Målgruppe Arbejdsproces Kvalitet Komposition og layout Brugervenlighed Redegørelse Grafisk Opgaven At redesigne en hjemmeside for AGF fanclub, som har et mere moderne look og et nyhedsarkiv som er let oversskueligt. Hjemmesiden er en opgave jeg selv har stillet mig og kunne

Læs mere

GRAFISK WORKFLOW Hjemmeside - Husk hjelmen. http://mediegrafiker-ats.dk/12gf32med8b/projekt/mette/

GRAFISK WORKFLOW Hjemmeside - Husk hjelmen. http://mediegrafiker-ats.dk/12gf32med8b/projekt/mette/ GRAFISK WORKFLOW Hjemmeside - Husk hjelmen http://mediegrafiker-ats.dk/12gf32med8b/projekt/mette/ Produkt Web sider Index side Underside - Cykelhjelmen - brug den rigtig. Underside - Husk nu cykelhjelmen.

Læs mere

Portfolie Redesign. Forord. Det tekniske. Tema ide. Css. opløsning.

Portfolie Redesign. Forord. Det tekniske. Tema ide. Css. opløsning. Portfolie Redesign dette er en gennemgang af opbyggelse af mit portfolie, med samtilige begrunderlser af design valg. Forord Min portfolie hjemmeside er fra start af ment som et startplatform og ikke et

Læs mere

1. Semester afsluttende Projekt Charlotte Bruhn MUL A December Januar 2015

1. Semester afsluttende Projekt Charlotte Bruhn MUL A December Januar 2015 1. Semester afsluttende Projekt Charlotte Bruhn MUL A December 2014 - Januar 2015 Redesign af online portfolio www.cbruhn.dk Side 1 Indholdsfortegnelse Formål 3 Planlægning 4 Designvalg 5 Moodboard 6 Informationsarkitektur

Læs mere

GRAFISK WORKFLOW. Kasper Staal - Portfolio - H2

GRAFISK WORKFLOW. Kasper Staal - Portfolio - H2 GRAFISK WORKFLOW Kasper Staal - Portfolio - H2 Opgaven Denne opgave bestod i at design et website til min egen virksomed 3DService.dk. Websitet skulle være responsivt, og indeholde de mest gængse informationer

Læs mere

REDESIGN AF PORTFOLIO 16. jan. 2015

REDESIGN AF PORTFOLIO 16. jan. 2015 REDESIGN AF PORTFOLIO 16. jan. 2015 Christoffer Møller Jarolics CPH Business Lyngby Multimediedesign Udviklingsprocessen af tilblivelsen af dette projekt redesign af portfolio, vil på de følgende sider

Læs mere

GRAFISK PRODUKTION & WORKFLOW. Endotest website

GRAFISK PRODUKTION & WORKFLOW. Endotest website GRAFISK PRODUKTION & WORKFLOW Endotest website DOKUMENTATION OPGAVEN: Endotest ApS ønskede at redesigne deres hjemmeside, så den fremstår mere professionel og enkel. Derudover skal det nye site præsentere

Læs mere

MÅLGRUPPE Alle typer af boligselskaber, ejer- og andelsforeninger samt div. institutioner (store som små) på Sjælland. Ikke private kunder.

MÅLGRUPPE Alle typer af boligselskaber, ejer- og andelsforeninger samt div. institutioner (store som små) på Sjælland. Ikke private kunder. GRAFISK DESIGN KUNDEN PA Vaskeriteknik er en enkeltmandsvirksomhed som startede i 2008. Manden bag er Preben, som gennem 14 års brancheerfaring startede sit eget firma op da han føler at han med sit partnerskab

Læs mere

GRAFISK DESIGN. Kenneth Friis Petersen

GRAFISK DESIGN. Kenneth Friis Petersen GRAFISK DESIGN Kenneth Friis Petersen Kenneth Friis Petersen - Svendeprøve 2015 Opgavebeskrivelse Total redesign af hjemmeside til Trademark Textiles A/S, både layout og kodning af side. Trademark textiles

Læs mere

det færdige resultat

det færdige resultat grafisk design Under dette fagområde har jeg valgt at præsentere jer for en opgave, jeg har udarbejdet for virksomheden Breinholt. Breinholt er en nyopstartet virksomhed i Odense, der tilbyder spirituel

Læs mere

Portfolio redesign. Kia Dahlen! cph-kd51@cphbusiness.dk! 1. semester eksamen! MUL-A 2013! !!! www.mul17.itkn.dk/portfolio/index.html!

Portfolio redesign. Kia Dahlen! cph-kd51@cphbusiness.dk! 1. semester eksamen! MUL-A 2013! !!! www.mul17.itkn.dk/portfolio/index.html! Portfolio redesign Kia Dahlen cph-kd51@cphbusiness.dk 1. semester eksamen MUL-A 2013 www.mul17.itkn.dk/portfolio/index.html Underviserer: Ditlev Skanderby Frederik Tang Ian Wisler-Poulsen Jesper Hinchely

Læs mere

Webmail Gmail Generelt Side 1

Webmail Gmail Generelt Side 1 Webmail Gmail Generelt Side 1 Webmail Gmail Generelt Side 2 Indholdsfortegnelse Oprette en Gmail...... Side 4 Indbakken Oversigt...... Side 9 Skriv en mail...... Side 11 Formateringsværktøjer...... Side

Læs mere

Lav en hjemme side der kan sælge fly billetter til en stor i Europa.

Lav en hjemme side der kan sælge fly billetter til en stor i Europa. EKSAMENS OPGAVE Lav en hjemme side der kan sælge fly billetter til en stor i Europa. Det første jeg startede ud med var at brainstorme hvad det var jeg skulle bruge i min side da jeg nu ved hvad den skal

Læs mere

GRAFISK PRODUKTION WORK- FLOW DREAMWEAVER CS5 DESIGN & KODNING AF LANDING PAGE. a.link, a.hover, a.visited. Wrapper. paragraph CSS. h1 h2.

GRAFISK PRODUKTION WORK- FLOW DREAMWEAVER CS5 DESIGN & KODNING AF LANDING PAGE. a.link, a.hover, a.visited. Wrapper. paragraph CSS. h1 h2. GRAFISK PRODUKTION OG WORK- FLOW CSS Wrapper paragraph h1 h2 DREAMWEAVER CS5 Class Tags Kodning Design a.link, a.hover, a.visited HTML Kundekontakt Komposition og modulopbygning Skelet Pixels Layout Usabillity

Læs mere

OPGAVEN PROGRAMVALG. Jeg har brugt Illustrator til at lave logo og ikoner.

OPGAVEN PROGRAMVALG. Jeg har brugt Illustrator til at lave logo og ikoner. GRAFISK DESIGN OPGAVEN Min kæreste er medstifter af en vinloge. Medlemmerne af logen kunne godt tænke sig et sted, hvor de bl.a. kunne få et overblik over, hvilke vine de har bedømt og hvornår næste loge

Læs mere

Udover denne simple tidsplan har jeg også lavet et GANTT-kort for at vise den reelle tid jeg har brugt på hver opgave.

Udover denne simple tidsplan har jeg også lavet et GANTT-kort for at vise den reelle tid jeg har brugt på hver opgave. Portfolioudvikling Planlægning Da jeg startede på projektet lavede jeg en tidsplan, til at starte med gav jeg de forskellige opgaver lidt ekstra tid eftersom jeg synes man altid formår at bruge lidt mere

Læs mere

Opgaven. Væsentlighed. Problemstillinger. Browserkompabilitet. Layout. Kvalitetsvurdering. Format. Processer. Komposition og modulopbygning

Opgaven. Væsentlighed. Problemstillinger. Browserkompabilitet. Layout. Kvalitetsvurdering. Format. Processer. Komposition og modulopbygning Opgaven Opgaven var fiktiv, og gik ud på at lave en side med titlen Husk Hjelmen - hvilket skulle være en underside, til rådet for sikker trafik. I sidens layout skulle vi vise at der var plads til at

Læs mere

Manual til Den Elektroniske Portefølje i Almen Medicin Tutorlægens udgave

Manual til Den Elektroniske Portefølje i Almen Medicin Tutorlægens udgave Manual til Den Elektroniske Portefølje i Almen Medicin Tutorlægens udgave Til Tutorlægen Velkommen til den elektroniske portefølje. Den er blevet til i dialog mellem Dansk selskab for almen medicin og

Læs mere

Brugervejledning til Design Manager Version 1.02

Brugervejledning til Design Manager Version 1.02 Brugervejledning til Design Manager Version 1.02 Indholdsfortegnelse 1. Introduktion... 3 1.1 Det kan du med HostedShop Design Manager... 3 1.2 Feature list... 3 2. Design... 4 3. Filer og CSS... 4 3.1

Læs mere

GRAFISK PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger

GRAFISK PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger GRAFISK PRODUKTION OG WORKFLOW Hjemmeside til Team Brügger DITTE MADSEN - SVENDEPRØVE - 2015 KUNDEPROFIL Team Brügger er en frisørsalon i Aars. Indehaveren Gitte Brügger startede salonen op sammen med

Læs mere

Grafisk design. sundfertilitet.dk

Grafisk design. sundfertilitet.dk Grafisk design sundfertilitet.dk Sundfertilitet.dk er en klinik, der behandler mænd og kvinder til bedre fertilitet. Min opgave var at redesigne deres hjemmeside samt lave et logo til sundfertilitet.dk.

Læs mere

Portfolioudvikling. Line la Fontaine. Multimediedesigner

Portfolioudvikling. Line la Fontaine. Multimediedesigner Portfolioudvikling Line la Fontaine Multimediedesigner Indholdsfortegnelse - Designvalg s. 1-9 - Målgruppe s. 1 - Wireframes/skitser s. 1-5 - Informationsarkitektur s. 6-7 - Farver s. 8 - Typografi s.

Læs mere

Stine Dorry Meulengracht Madsen Rapport Multimedie og kommunikation

Stine Dorry Meulengracht Madsen Rapport Multimedie og kommunikation Portfolioudvikling I denne rapport vil du kunne læse om mit porfolios tilblivelse. Det skal give læseren indblik i mine designvalg og hele processen bag projektet. Hjemmesiden er kodet fra bunden i HTML

Læs mere

Sabine Puk Sørensen Svendeprøve portfolio

Sabine Puk Sørensen Svendeprøve portfolio Sabine Puk Sørensen Svendeprøve portfolio 2016 Grafisk workflow Svendeprøve Kvalitetsvurdering Hjemmesiden fungere som den skal, og kunden er meget glad for resultatet. Siden er simpel, men giver den ønskede

Læs mere

WorkFlow. Svendeprøve Emil Momsen. BeskrivelseN ****** BeskrivelseN ******

WorkFlow. Svendeprøve Emil Momsen. BeskrivelseN ****** BeskrivelseN ****** Workflow Svendeprøve Emil Momsen BeskrivelseN WorkFlow BeskrivelseN Side - 2 / 8 Arktis Brief Fra kunde Opgave / Indhold Kunden var WWF og opgaven gik ud på at få folk til at blive klar over, hvor alvorligt

Læs mere

portfolio GRAFISK WORKFLOW

portfolio GRAFISK WORKFLOW Grafisk Workflow Opgaven Der skal laves nyt hjemmesidedesign til Inhouse Graphic skolepraktik på Aarhus Tech. Hjemmesiden skal kort og godt fortælle om de elever, der arbejder i skolepraktikken og om deres

Læs mere

1 Robbins, Jennifer N.: Learning Web Design, s. 41

1 Robbins, Jennifer N.: Learning Web Design, s. 41 I designarbejdet forbundet med at udvikle en hjemmeside, er det vigtigt at gøre sig nogle overvejelser over hvilken optimale skærmstørrelse man designer til, da dette har konsekvens for den efterfølgende

Læs mere

Grafisk design AnnA SkAk Mediegr Afiker

Grafisk design AnnA SkAk Mediegr Afiker Grafisk design opgaven Jeg fik til opgave, at udforme en værdikupon til svenske Adlibris Fotoservice. Værdikuponen skulle være i A5-format på 2 sider. På første side skulle der være en indledende tekst

Læs mere

Når du har logget dig ind, ser du Randers Kommunes byvåben midt på siden. I venstre side er der en række mapper:

Når du har logget dig ind, ser du Randers Kommunes byvåben midt på siden. I venstre side er der en række mapper: DXP vejledning Generelt: DXP er et værktøj til at fremstille præsentationsmaterialer (foldere, brochurer, løbesedler mv.) DXP egner sig kun til mindre brochurer og lign., da den største skabelon kan rumme

Læs mere

Produktbeskrivelse - Grafisk workflow

Produktbeskrivelse - Grafisk workflow Produktbeskrivelse - Grafisk workflow Opgavebeskrivelse Det er en nyhedsmail. De er en ny opsætning Ansvar for opgaveløsning Webadministratoren står for opgavefordeling. Tekst kommer fra salgs og butikslederen.

Læs mere

Portfolio Redesign Kamilla Klein 1. Semester eksamen

Portfolio Redesign Kamilla Klein 1. Semester eksamen 2014 Portfolio Redesign Kamilla Klein 1. Semester eksamen Lærene: Ditlev Skanderby Frederik Tang Ian Wisler- Poulsen Jesper Hinchely Merete Geidemann Lützen Morten Rold Thomas Hartmann Erhvervsakademiet

Læs mere

Indhold. 2 Kommunikation/IT afsluttende opgave

Indhold. 2 Kommunikation/IT afsluttende opgave 16/05-2008 Kommunikation/IT afsluttende opgave Roskilde Maraton Louise Regitze Skotte Andersen, klasse 1.4 08 2 Kommunikation/IT afsluttende opgave Indhold Problem og målgruppe... 3 Problemstilling...

Læs mere

Opstart. I gang med Dreamweaver. Læs mere om... Generelle bemærkninger. Hvilken skærmopløsning? OBS

Opstart. I gang med Dreamweaver. Læs mere om... Generelle bemærkninger. Hvilken skærmopløsning? OBS Generelle bemærkninger Programmet Dreamweaver har været på markedet i nogle år efterhånden. Den seneste version hedder Dreamweaver CS4, og programmet er på engelsk. Dreamweaver er en såkaldt grafisk editor,

Læs mere

Rapport Undervisningsmateriale.

Rapport Undervisningsmateriale. Skrevet af Morten & Jacob A. 1.5 HTX Roskilde 2011 Side 1 Rapport Undervisningsmateriale. Arbejdsgruppen bestod af: Morten, Jacob A. fra 1.5. Dato: 6. maj 2011 Skrevet af: Morten & Jacob A. Fag: Kom/IT.

Læs mere

Her ses et screenshot af websitet solsystemet i menuen Merkur. Baggrundsbillede skal være static så resten af siden skal man scrolle ned for at se.

Her ses et screenshot af websitet solsystemet i menuen Merkur. Baggrundsbillede skal være static så resten af siden skal man scrolle ned for at se. Solsystemet lavet af Jesper Kjær Webintegrator i Kastrup Tekniske Skole Grundforløbsprøve 2014 Opgave: Vores solsystem Onsdag 23 april til onsdag 7 maj Her ses et screenshot af websitet solsystemet i menuen

Læs mere

PORTFOLIO SEBASTIAN NYHOLM. Eksamensprojekt. 1. Semester

PORTFOLIO SEBASTIAN NYHOLM. Eksamensprojekt. 1. Semester PORTFOLIO SEBASTIAN NYHOLM Eksamensprojekt 1. Semester Indledning Dette projekt gik ud på at designe og udvikle sit eget portfolio, hvor indhold fra tidligere projekter, læring, brugerteste og begrundelse

Læs mere

Grafisk Design. rafisk Design

Grafisk Design. rafisk Design rafisk Design Svendeprøve 2016 Opgaven I forbindelse med at ReklameTryk ville lancere en webshop skulle vores hjemmeside opdateres. Den skulle fremstå enkelt, lys og nem at navigere rundt på og samtidig

Læs mere

Grafik Design...2 Opgave Kunden Min opgave Nuværende Design...4 Overvejelser Målgruppe...6 Købskriterier Design Parametre...8 Tekst Illustrationer

Grafik Design...2 Opgave Kunden Min opgave Nuværende Design...4 Overvejelser Målgruppe...6 Købskriterier Design Parametre...8 Tekst Illustrationer Grafik Design...2 Opgave Kunden Min opgave Nuværende Design...4 Overvejelser Målgruppe....6 Købskriterier Design Parametre...8 Tekst Illustrationer Farver Form AIDA.... 10 Attention Interest Desire Action

Læs mere

Opgavebeskrivelse. Opgaveløsningen

Opgavebeskrivelse. Opgaveløsningen Opgavebeskrivelse Opgaven er et redesign af en hjemmeside til Tistrup Festuge. Opgaven er en fritidsopgave, udarbejdet for udvalget bag Tistrup Festuge. Da man i de seneste år, har ændret en del på konceptet

Læs mere

GRAFISK WORKFLOW PHILIP CREAMER AARHUS TECH SVENDEPRØVE NOVEMBER 2016

GRAFISK WORKFLOW PHILIP CREAMER AARHUS TECH SVENDEPRØVE NOVEMBER 2016 GRAFISK WORKFLOW PHILIP CREAMER AARHUS TECH SVENDEPRØVE NOVEMBER 2016 grafisk WORKFLOW // DOKUMENTATION opgaven // Jeg har i min opgave lavet et responsive onepage website for et årlig event kaldet Dirt

Læs mere

Web 2.0. Af Frederik Adamsen. Definitionen af Web 2.0... 2 Problemstilling og løsning... 2 Udvikling af produkt... 3 Tankegang... 4 Konklusion...

Web 2.0. Af Frederik Adamsen. Definitionen af Web 2.0... 2 Problemstilling og løsning... 2 Udvikling af produkt... 3 Tankegang... 4 Konklusion... Web 2.0 Af Frederik Adamsen Indholdsfortegnelse Definitionen af Web 2.0... 2 Problemstilling og løsning... 2 Udvikling af produkt... 3 Tankegang... 4 Konklusion... 6 Frederik Adamsen Kom/IT Web 2.0 Side

Læs mere

GRA DESIGN. HEARTS & MINDS

GRA DESIGN. HEARTS & MINDS GRA b DESIGN. HEARTS & MINDS HVAD, HVORFOR OG HVORDAN? HVAD GÅR OPGAVEN UD PÅ? Opgaven gik ud på at, udfra udleveret trykt materiale skulle lave et fuldt og responsivt hjemmeside design. Sitet er lavet

Læs mere

Mit grafiske workflow inkluderer:

Mit grafiske workflow inkluderer: GRAFISK WORKFLOW Opgave: Opgaven var at producere en bog og et website med temaet stilhistorie. Jeg har valgt at beskrive mit grafiske workflow i produktionen af websitet. Kravene var, at der skulle være

Læs mere

Esrum Sø Sport og Fritid

Esrum Sø Sport og Fritid Esrum Sø Sport og Fritid 4. Projekt - Website Projekt. Multimediedesign, 1. Semester November/December 2008. www.highlighter.dk/essf Et Website udviklet af: Ahmad Hahmoud Camilla M. Sabatinski Josephine

Læs mere

GRAFISK DESIGN SVENDEPRØVE 2013. Redesign & kodning af website PETER HOLM SVENDEPRØVE 2013 / 5

GRAFISK DESIGN SVENDEPRØVE 2013. Redesign & kodning af website PETER HOLM SVENDEPRØVE 2013 / 5 NAVN PÅ OPGAVEN KERNEOMRÅDE SVENDEPRØVE 2013 Redesign & kodning af website PETER HOLM SVENDEPRØVE 2013 / 5 Beskrivelse af opgaven I min fritid modtog jeg en opgave, som bestod i, at redesigne og kode et

Læs mere

Portfolie Redesign. www.gaardbodesign.dk. Multimediedesigner CPH Business 1. sem. eksamensprojekt - Clmul-b12e Januar 2013. Jens Jákup E.

Portfolie Redesign. www.gaardbodesign.dk. Multimediedesigner CPH Business 1. sem. eksamensprojekt - Clmul-b12e Januar 2013. Jens Jákup E. Portfolie Redesign www.gaardbodesign.dk Multimediedesigner CPH Business 1. sem. eksamensprojekt - Clmul-b12e Januar 2013 Jens Jákup E. Gaardbo indholdsfortegnelse design... gestaltlove... opbygning...

Læs mere

Oliver Marco van Komen Afsluttende opgave 02-05-2014. Kost ved slidgigt. Case 2. Personlig fysisk hjælp

Oliver Marco van Komen Afsluttende opgave 02-05-2014. Kost ved slidgigt. Case 2. Personlig fysisk hjælp Kost ved slidgigt Case 2. Personlig fysisk hjælp Problemobservering Sygdommen slidgigt også kaldes artrose er den mest udbredte led sygdom overhovedet, det kan medføre voldsomme smerter. Sygdommen påvirker

Læs mere

Opstart. I gang med Dreamweaver. Læs mere om...

Opstart. I gang med Dreamweaver. Læs mere om... Generelle bemærkninger Programmet Dreamweaver har været på markedet i nogle år efterhånden. Den seneste version hedder Dreamweaver CS6, og programmet er på engelsk. Dreamweaver er en såkaldt grafisk editor,

Læs mere

Kom godt i gang. Sitecore Foundry maj Version 1.1

Kom godt i gang. Sitecore Foundry maj Version 1.1 Sitecore Foundry 4 Kom godt i gang 26. maj 2014 - Version 1.1 Pentia A/S Store Kongensgade 66, Baghuset 1264 København K Telefon: 7023 3330 E-mail: info@foreningssite.dk Indholdsfortegnelse Indledning...

Læs mere

GRAFISK DESIGN. webdesign af pl.dk

GRAFISK DESIGN. webdesign af pl.dk Webdesign af pl.dk Opgavebeskrivelse Bold.dk og 6 eren har slået sig sammen for at skabe Danmarks største Premier League fodboldportal, PL.dk. Hjemmesiden skal indeholde mange informationer, og samtidig

Læs mere

WORKFLOW. RESPONSIV HJEMMESIDE MED ET FARVETWIST Hjemmesidedesign og udvikling. www.mads-pj.dk/clothesly

WORKFLOW. RESPONSIV HJEMMESIDE MED ET FARVETWIST Hjemmesidedesign og udvikling. www.mads-pj.dk/clothesly WORKFLOW RESPONSIV HJEMMESIDE MED ET FARVETWIST Hjemmesidedesign og udvikling www.mads-pj.dk/clothesly DOKUMENTATION OPGAVE Opgaven jeg stillede mig selv, var at designe og kode et koncept til en webshop

Læs mere

GRAFISK WORKFLOW. Layout Layout af hjemmesiden laves i Photoshop og siderne inddeles i mapper for bedre overblik.

GRAFISK WORKFLOW. Layout Layout af hjemmesiden laves i Photoshop og siderne inddeles i mapper for bedre overblik. GRAFISK WORKFLOW Opgaven Design og skabelse af website til maler og skrotkunstner Ole Møgelby. Websitet skal virke som en oversigt af Oles værker og som en informationsside. Programvalg Af programmer har

Læs mere

Grafisk Design. fra idé til visuelt udtryk Benett

Grafisk Design. fra idé til visuelt udtryk Benett fra idé til visuelt udtryk Benett Indholdsfortegnelse Brief...5 Idé og skitsering....6 Værktøjer....6 Farvevalg....7 Flowchart eksisterende site...7 Design i Photoshop....9 Ikoner i Illustrator...11 Setup

Læs mere

Opstart. I gang med Dreamweaver. Læs mere om...

Opstart. I gang med Dreamweaver. Læs mere om... Generelle bemærkninger Programmet Dreamweaver har været på markedet i nogle år efterhånden. Den seneste version hedder Dreamweaver CS5, og programmet er på engelsk. Dreamweaver er en såkaldt grafisk editor,

Læs mere

Projekt 5 Eksamens opgave Re-design af portfolio Af Jonas Lunding

Projekt 5 Eksamens opgave Re-design af portfolio Af Jonas Lunding Projekt 5 Eksamens opgave Re-design af portfolio Af Jonas Lunding BRAINSTORM Tema: Vinter, alaska, bjerge, blå & hvide farver. Farver: Colourlovers eksempler: http://www.colourlovers.com/palette/605421/crystal_ice_palace

Læs mere

Kom godt i gang med I-bogen

Kom godt i gang med I-bogen Kom godt i gang med I-bogen At åbne bogen Det allerførste, du skal gøre, for at kunne arbejde med i-bogen, er at aktivere den. Det gøres ved at oprette en konto på systime.dk og derefter aktivere bogen

Læs mere

Grafisk workflow. Se siden her: www.cormas.dk

Grafisk workflow. Se siden her: www.cormas.dk Grafisk workflow Se siden her: www.cormas.dk Dokumentation 4 Procesbeskrivelse 5 Inspirationssøgning 6 Skitser 8 Layout i Photoshop 9 Farver 10 Font 11 Flowchart 12 Wireframe 13 Storyboard 14 kontakt.html

Læs mere

Grafisk workflow. bl.udbudsnet.dk

Grafisk workflow. bl.udbudsnet.dk Grafisk workflow. bl.udbudsnet.dk Hvad går opgaven ud på? Opgaven gik ud på at lavet et præsentations website for Udbudsnet. Hjemmesiden skulle bruges til at sælge Udbudsnet, på en messe som hedder BL.

Læs mere

Afsenderen af hjemmesiden er Ulla Bersang, som er Bersang. Opgaven er en ny opsætning. Opgaven er

Afsenderen af hjemmesiden er Ulla Bersang, som er Bersang. Opgaven er en ny opsætning. Opgaven er 38 Grafik design Opgave beskrivelse Overordnet kommunikation Opgaven er en hjemmesiden, lavet for en kunde Ulla Afsenderen af hjemmesiden er Ulla Bersang, som er Bersang. Opgaven er en ny opsætning. Opgaven

Læs mere

Cecilie Maria Nielsen, Mathias Fornitz Eriksen og Martin Arnetoft klasse 1.6 07-05-2010

Cecilie Maria Nielsen, Mathias Fornitz Eriksen og Martin Arnetoft klasse 1.6 07-05-2010 ROSKILDE TEKNISKE GYMNASIUM Eksamensopgave Kommunikation/it Cecilie Maria Nielsen, Mathias Fornitz Eriksen og Martin Arnetoft klasse 1.6 07-05-2010 Vi har valgt at beskæftige os med opgave 1 fra oplæget.

Læs mere

GRAFISK WORKFLOW PORTFOLIO NIKLAS POULSEN H1

GRAFISK WORKFLOW PORTFOLIO NIKLAS POULSEN H1 GRAFISK WORKFLOW PORTFOLIO NIKLAS POULSEN H1 GRAFISK WORKFLOW DOKUMENTATION OPGAVEN Denne opgave er lavet som en fiktiv opgave. Opgaven er lavet for et fiktivt firma, som tilbyder personlig fitness træning.

Læs mere

GRAFISK WORKFLOW GRAFISK WORKFLOW DIGITAL KOMMUNIKATION OLEMOGELBY.COM

GRAFISK WORKFLOW GRAFISK WORKFLOW DIGITAL KOMMUNIKATION OLEMOGELBY.COM GRAFISK WORKFLOW DIGITAL KOMMUNIKATION OLEMOGELBY.COM OPGAVEN Redesign af Ole Møgelbys hjemmeside, der efter stor succes med sine værker, gerne vil have frisket udtrykket lidt op. Billedsiderne skal udvides

Læs mere

Indholdsfortegnelse Valg af opgave... 2 Introduktion... 2 Problem... 2 Målgruppe... 2 Afsender... 2 Budskab... 2 Kodning... 3 Effekt...

Indholdsfortegnelse Valg af opgave... 2 Introduktion... 2 Problem... 2 Målgruppe... 2 Afsender... 2 Budskab... 2 Kodning... 3 Effekt... Indholdsfortegnelse Valg af opgave... 2 Introduktion... 2 Problem... 2 Målgruppe... 2 Afsender... 2 Budskab... 2 Kodning... 3 Effekt... 3 Information... 3 Programmering... 3 Design... 4 Brochure... 4 Hjemmeside...

Læs mere

GRAFISK WORKFLOW H1 MARIA SCHELDE

GRAFISK WORKFLOW H1 MARIA SCHELDE GRAFISK WORKFLOW H1 MARIA SCHELDE DOKUMENTATION Opgaven Arkitekt Mette Schelde skulle have designet og programmeret et website, hvorpå hun kunne præsentere hendes produkter. Designkrav Sitet skal være

Læs mere

GRAFISK WORKFLOW OPGAVEBESKRIVELSE KVALITETSVURDERING HJÆLPEMIDLER BROWSER BRUGERVENLIGHED/USABILLITY

GRAFISK WORKFLOW OPGAVEBESKRIVELSE KVALITETSVURDERING HJÆLPEMIDLER BROWSER BRUGERVENLIGHED/USABILLITY GRAFISK WORKFLOW OPGAVEBESKRIVELSE Min kunde er en ung mand som ønskede at få lavet en hjemmeside til hans fremtidig firma, den skulle være responsiv og simpel. Da kunden ikke havde noget ønske om selv

Læs mere

Trin for trin guide til Google Analytics

Trin for trin guide til Google Analytics Trin for trin guide til Google Analytics Introduktion #1 Opret bruger #2 Link Google Analytics til din side #3 Opret konto #4 Udfyld informationer #5 Gem sporings id #6 Download WordPress plugin #7 Vent

Læs mere

med Wix.com eller andre programmer

med Wix.com eller andre programmer med Wix.com eller andre programmer Søren "Noah" Nielsen 2015 Indholdsfortegnelse Webdesign... 3 Hvad er en hjemmeside?... 4 Hvad består websiden af?... 5 Hvad vil du opnå med dit website?... 7 Tips om

Læs mere

Yosef Saleh, Ilyas Tulumcu Oguzhan Polat, Mohammad Kaddoura Kom/IT C Kl. 1.2

Yosef Saleh, Ilyas Tulumcu Oguzhan Polat, Mohammad Kaddoura Kom/IT C Kl. 1.2 1/ Indholdsfortegnelse Indledning... 3 Dokumentation... 4 Hjemmeside og logo design... 14 Valg af skrifttype... 15 AIDA... 16 Arbejdsroller og opgaver... 17 Logbog for vores proces (Ugevis)... 19 Konklusion...

Læs mere

Grafisk workflow 3. Hovedforløb

Grafisk workflow 3. Hovedforløb Grafisk workflow 3. Hovedforløb 3. Hovedforløb Grafisk workflow Dreamweaver Opgavebeskrivelse Højbakkegaard har brug for en hjemmeside, som kan vise hvad gården har at byde på, deres unikke vine og faciliteter

Læs mere

Roskilde Tekniske Gymnasium. Afsluttende opgave Ældre og handicappede Frederik & Peter

Roskilde Tekniske Gymnasium. Afsluttende opgave Ældre og handicappede Frederik & Peter Roskilde Tekniske Gymnasium Afsluttende opgave Ældre og handicappede Frederik & Peter Indhold Indledning... 2 Problemformulering... 2 Ressource planlægning... 2 Kommunikationsplanlægning... 3 Case... 3

Læs mere

REDESIGN AF GRAFISK FORUMS HJEMMESIDE. Grafisk Workflow

REDESIGN AF GRAFISK FORUMS HJEMMESIDE. Grafisk Workflow Grafisk Workflow REDESIGN AF GRAFISK FORUMS HJEMMESIDE Før Efter REDEGØRELSE OPGAVEN Da jeg ikke har noget med web at gøre på min elevplads, opfandt jeg en fiktiv opgave - nemlig at redesigne Grafisk Forums

Læs mere

JEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN.

JEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN. JEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN. Grafisk design Grafisk design Opgaven Jeg har fået til opgave at re-designe Sells.dk. Sitet skal benytte elementer fra en kampagne, der tidligere er

Læs mere

GRAFISK DESIGN. Min personlige e-portfolio

GRAFISK DESIGN. Min personlige e-portfolio GRAFISK DESIGN Min personlige e-portfolio 2 OPGAVEBESKRIVELSE Produkt: E-portfolio Farve: RGB Programmer: Brackets, Photoshop og Illustrator Min personlige e-portfolio er udarbejdet som et led i min uddannelse

Læs mere

GRAFISK DESIGN. Hjemmeside til Dizzy Mizz Lizzy

GRAFISK DESIGN. Hjemmeside til Dizzy Mizz Lizzy GRAFISK DESIGN Hjemmeside til Dizzy Mizz Lizzy PROCESSBESKRIVELSE Beskrivelse af Dizzy Mizz Lizzy website Opstart 01. Research, filsøgning, idégenerering, målgruppe. 02. Designopsætning i photoshop Målgruppe

Læs mere

Få din egen hjemmeside

Få din egen hjemmeside I dette afsnit lærer du at bygge din egen hjemmeside tilføje tekst og billeder lave dit eget design lægge en baggrund på hjemmesiden I næste nummer får du hjælp til at bygge en større hjemmeside til en

Læs mere

Grafisk Workflow. Website til European Blues Challenge

Grafisk Workflow. Website til European Blues Challenge Grafisk Workflow Website til European Blues Challenge Opgaven: European Blues Challenge er en europæisk blues festival som skifter lokation hvert år. I 2017 kommer festivallen til Horsens, og vores kunde

Læs mere

Redaktørvejledning for www.bredstrup-pjedsted.dk Skriv en artikel

Redaktørvejledning for www.bredstrup-pjedsted.dk Skriv en artikel Arbejdsgang - Skriv artiklens tekst - Gør billeder klar - Log-in på hjemmesiden - Opret ny artikel - Vælg kategori - Skriv overskrift - Indsæt tekst - Tilføj billeder - Gennemgå artiklens indstillinger

Læs mere

Afsluttende opgave Webdesign Den 24. maj 2007 Klasse 1.2

Afsluttende opgave Webdesign Den 24. maj 2007 Klasse 1.2 Side 1 af 1 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

Læs mere

Lundtofte skole 2007/08. Åbn FrontPageExpress og Explorer begge programmer skal være åbne når du laver hjemmesiden.

Lundtofte skole 2007/08. Åbn FrontPageExpress og Explorer begge programmer skal være åbne når du laver hjemmesiden. Det vigtigste Hjemmeside i FrontPageExpress Åbn FrontPageExpress og Explorer begge programmer skal være åbne når du laver hjemmesiden. Lav en mappe til din hjemmeside. Find først din mappe på skolens netværk,

Læs mere