Præsentationsportfolio for Hovedforløb 2. Hjemmeside til Jelly Belly Danmark

Størrelse: px
Starte visningen fra side:

Download "Præsentationsportfolio for Hovedforløb 2. Hjemmeside til Jelly Belly Danmark"

Transkript

1 Præsentationsportfolio for Hovedforløb 2 Hjemmeside til Jelly Belly Danmark

2 Opgaven Jeg skal lave en ny og mere nutidig hjemmeside til Jelly Belly Danmark. Jelly Belly er nogle amerikanske slikbønner som er populære i hele verden. Dette er en selvvalgt opgave og jeg har derfor meget frie hænder. Se hjemmesiden på: jellybelly.danweb.com Arbejdsgang Indhold og udseende af hjemmesiden planlægges. Udfra storyboard og skelet med pixelmål, udarbejdes hjemmesiden i programmet Dreamweaver CS5. Indexsiden har et unikt udseende, men alle andre indholdssider har samme grundopbygning og laves derfor med en Template. I Dreamweaver arbejder jeg med Classic arbejdsbord og har det splittet op, så jeg har både Code og Design imens jeg arbejder. Herefter uploader jeg alt html, php, css, og jquery til Joomla (cms-program), hvor det tilpasses, så det bliver nemt at redigere fremover, både for mig og for kunden selv. Jeg tjekker løbende i de forskellige browsere hvordan hjemmesiden ser ud, så jeg er sikker på, at det ser ordentligt ud. Test i forskellige browsere (Usability) Det er vigtigt at teste hjemmesiden i de forskellige browsere der findes, for at sikre sig, at alle brugere, kan anvende hjemmesiden, uanset hviklen browser de har. - Testet i Firefox, Safari, Internet Explorer, Google Crome: virker i alle browsere. Kvalitetsvurdering Produktionen og arbejdsprocessen af hjemmesiden er gået godt. Det blev planlagt godt fra starten, med flowchart, layout, storyboard og skelet, så det forløb planmæssigt. Hjemmesiden er blevet lavet, så den er nem, flot og enkel at navigere rundt i. Den er optimeret med meta beskrivelser og metanøgleord. Desværre har kunden ikke taget hjemmesiden i brug, fordi de overvejer at stoppe som den danske leverandør af Jelly Belly. Men de syntes at den er rigtig flot og meget bedre end den gamle side. (www.jellybelly.dk). Procesbeskrivelse - Planlægning og inspirationssøgning - Hjemmesidens struktur laves med flowchart. - Valg af layout, komposition og modulopbygning. - Hjemmesidens udseende og opbygning laves med Storyboard og Skelet (alle pixelmål fastsættes). - Kodning og opbygning af hjemmesiden i Dreamweaver. - Forbindelse til danweb.com s ftp server. - Upload til jellybelly.daweb.com (uofficiel arbejdsside) og tilpasning til Joomla. - Korrekturlæsning - tekst, billeder, navigation, knapper mm. - Publicering til

3 Inspirationssøgning Jelly Belly hjemmesider fra andre lande: jellybelly.com Den originale side er fyldt med mange elementer og er ikke helt nem at få overblik over, når man besøger siden første gang. Dog er det hovedinspirationen hvor man kan være sikker på at få det nyeste inden for Jelly Belly jellybelly.de Sjove små ikoner. Sjov idé at det hele er Jelly Belly formet. Kan dog godt skræmme nogle brugere, som ikke vil kunne finde rundt i JB universet. jellybelly.com.au God bannerstørrelse, også slideshow. Meget enkel side. jellybelly-uk.com Fungerer godt med et stort slideshow banner i toppen, men er meget dominerende i forhold til de andre elementer. jellybelly.cl Denne opbygning og baggrund er brugt på flere JB sider fra forskellige lande. Det fungerer fint men er lidt kedeligt at se på. Menuen er stor og virker lidt klodset. jellybelly.se Skiller sig meget ud fra andre JB sider og skaber en form for ny identitet for JB. Har en anden version af logo og der er skruet helt op for den røde farve, hvor andre JB sider er mere blålige og forskelligfarvede. Skiller sig for meget ud. Andre slik-hjemmesider: jellybelly-uk.com Fungerer godt med et stort slideshow banner i toppen, men er meget dominerende i forhold til de andre elementer. darrelllea.com Den udstråler sin helt egen stil og er ikke til at tage fejl af. Man kommer nærmest på en rejse med produktet. zapsweets.co.uk Sjov idé med toppen! wondermade.com God opbygning med logo placeret centralt. Mindmap om Jelly Belly wonka.com En meget eventyrlig hjemmeside med amerikansk slik. Får tankerne og fantasien i gang.

4 Flowchart - Struktur på nuværende hjemmeside: jellybelly.dk Forside Om Jelly Belly Smag og menu Sjove sager Forhandlere Presse Kontakt bestil jelly belly familien goelitz smagsvarianter klog for sjov presseklip bliv forhandler cykelhold menuer art galleri jens & co. nye varianter månedens menu historie festmenuer produkter smag og menu sjov og ballade Flowchart - Struktur på kommende hjemmeside: jellybelly.dk Forside Om Jelly Belly Smag og menu Sjove sager Presse Kontakt nye varianter familien goelitz smagsvarianter klog for sjov Forhandlere menuer menuer art galleri Bliv forhandler sjov og ballade månedens menu jens & co. bestil jelly belly festmenuer historie cykelhold

5 Layout - håndskitser Med inspiration fra de andre hjemmesider laves nyt design. Håndtegnede skitser med de første ideer til layout. De skitser som er markerede, er dem der hovedsageligt er brugt til videreudviklingen af det endelige layout. Layout til forsiden Layout til indhold Layout til indhold Layout til indhold Layout til indhold Layout til indhold Layout til indhold Layout til indhold

6 Layout - forside Med layout fra håndskitserne laves et grafisk layout Layout - Indholdssider Indholdssiderne skal være ens, i opbygning for at skabe sammenhæng og dynamik i hele siden.

7 Skelet - forside Definition af alle pixelmål på forsiden x variabel x 30 variabel x 30 variabel x 30 variabel x 30 variabel x 30 variabel x 30 variabel x x x 45 Sidebar tekst - 18pt 657 x variabel 245 x 200 Sidebar tekst - 18pt 165 x x x variabel x 30 variabel x 30 variabel x 30 variabel x 30 variabel x 30 variabel x x x x x x x x x x x x x x x x Skelet - Indhold Definition af alle pixelmål på infholdssiderne

8 Storyboard Oversigt over indholdet på hver enkelt side Forsiden Forsiden Vejledning til at forstå storyboardet (heading 1) Alt tekst markeret med rød er h1 overskrifter (heading 2) Alt tekst markeret med grøn er h2 overskrifter (paragraph) Alt tekst markeret med blå er p brødtekst Dette symbol er en henvisning til hvor man kan finde alt tekstindhold og billeder til den pågældende side. Storyboardet kan variere i forhold til det endelige resultat. Det er en rettesnor til en stabil arbejdsgang og et ensformigt og stabilt udtryk på alle siderne. FORSIDE OM JELLY BELLY SMAG OG MENU jelly_belly_logo.png SJOVE SAGER PRODUKTER PRESSE KONTAKT slide_cykelhold.jpg slide_produkter.jpg slide_kinagrannis.jpg slide_menuer.jpg slide_historie.jpg slide_art.jpg TEKST front_varianter.jpg front_menu.jpg front_sjov.jpg Nye varianter: mere farve mere sjov Sammensæt din egen Jelly Belly bean menu Sjov og ballade med Jelly Beans front_netshop.jpg front_historie.jpg front_cykel.jpg Bestil Jelly Belly på netshoppen (p) Læs om Jelly Belly s historie her (p) Føl Jelly Belly s eget cykelhold (p) (p) Om Jelly Belly Tekst fra gamle/ nuværende side: Smag og menu slide_om.jpg slide_smagsvarianter.jpg FØDT SAMMEN MED STJERNERNE side_produkter.png SMAG DIG FREM TIL DIN FAVORIT Om Jelly Belly Smagsvarianter Jelly Belly kommer til verden Jelly Belly er navnet på de verdensberømte jelly beans. De er amerikanere, udviklet og født side om side med skuespillere og stjerner i Los Angeles et stenkast fra Hollywood. Jelly Belly kom til verden i det samme år som Liz Taylor indgik sit syvende ægteskab. En begivenhed, som skabte tilskuere, men ikke desto mindre tiltrak en talentfuld amerikansk slikdistributør sig mere opmærksomhed dette år, da han sammen med slikproducenten Goelitz, præsenterede verden for Jelly Belly beans. Jelly Belly beans er ikke som de andre, men er derimod noget for sig selv. Og lige sådan skal du spise dem hver for sig selv og en ad gangen. Smag og behag er individuelt, så det bestemmer du selvfølgelig selv. Men hvis du spiser én ad gangen, får du bedst den ægte Jelly Belly smag frem. Original Individuel smag blaabaer.jpg tyggegummi.jpg popcorn.jpg netmelon.jpg cappucino.jpg individuel_smag1.jpg Blåbær Tyggegummi Popcorn Netmelon Cappucino Fra den spæde begyndelse blev otte smagsvarianter sendt på markedet: kirsebær, citron lime, vanille soda, grøn æble, root beer, vindrue, lakrids og mandarin. Alle med hver sin individuelle og helt naturlige smag. I dag er der mere end 50 smagsvarianter, men de otte oprindelige er stadigt de mest populære Jelly Belly beans. (p) blaabaer.jpg tyggegummi.jpg popcorn.jpg netmelon.jpg cappucino.jpg individuel_smag2.jpg Blåbær Tyggegummi Popcorn Netmelon Cappucino Sours blaabaer.jpg tyggegummi.jpg popcorn.jpg netmelon.jpg cappucino.jpg side_kontrol.png Blåbær Tyggegummi Popcorn Netmelon Cappucino Osv.

9 Storyboard Oversigt over indholdet på hver enkelt side Sjove sager Ny side med nyt indhold slide_klog.jpg slide_produkter.jpg KINA GRANNIS - "IN YOUR ARMS" EN VERDEN AF JELLY BELLY BEANS Sjove sager Se musikvideoen med Kina Grannis, "In your arms": På denne side præsenterer vi dig for en verden af Jelly Belly beans, hvor du finder alt lige fra assorterede poser til gaveæsker med forskellige smagsvarianter samt sjovt merchandise. Der kommer løbende nye smagsvarianter og spændende produkter, som du finder her på siden. Heading 2 hello_kitty.jpg Heading 2 Paragraph. Sam, sit, quatam am, nim esequodiae Youtube film med Kina Grannis: omnis acilique eturi dionsequia si quaero officient qui te volorit lant, nus. Ut haribusdae. Cae volupta spellaccabo. Et aut voluptu sandanda quam sam nulla sim que pra sollenis desed que nonet et, cuptam rem eaquis des es alit, sition reicilibus. (p) cycling_team.jpg Jelly Bellys eget cykelhold Det er ikke alle slikproducenter som kan prale med at have deres eget cykelhold, men det kan Jelly Belly. Se mere her» Heading 2 Heading 2 Heading 2 pinterest.jpg Jelly Belly på Pinterest Følg Jelly Belly på Pinterest her» Se de nyeste billeder og få en masse inspiration. Presse Kontakt slide_om.jpg slide_map.jpg JELLY BELLY ER POPULÆRT SLIK THE ORIGINAL GOURMET JELLY BEAN side_produkter.png Presse Kontakt Her på siden finder du artikler og sjove historier fra dagblade og magasiner. Du er velkommen til at kontakte os for yderligere information: Klik på ikonet for at åbne pdf-filen: berlingske.pdf Jens & Co Aps Virkelyst 2-4 Gjellerup 7400 Herning Tel Fax Mail - Denne adresse bliver beskyttet mod spambots, du skal have Javascript aktiveret for at se den Send os en besked: (mail/contact form) side_kontrol.png

10 Storyboard Oversigt over indholdet på hver enkelt side Familien Goelitz Menuer slide_historie.jpg slide_menuer.jpg GOELITZ BLIVER TIL JELLY BELLY LAV DIN EGEN JELLY BELLY BEAN MENU Historien om familien Goelitz Menuer Europæiske forfædre Jelly Belly beans blev rige og berømte i L.A som så mange andre kendte. Men det er ingen hemmelighed, at slikbønnerne har europæiske rødder, som kan føres tilbage til Goelitzbrødrene. I midten af 1800-tallet besluttede to brødre ved navn Goelitz at emigrere til Amerika. De var unge, håbefulde og jagtede succes. Første skridt på deres vej hed Belleville og bestod i en lille slik- og isbutik, som den ene passede butikken, mens den anden red rundt i omegnen og solgte slik. Siden gik det stærkt... Det er ikke noget problem, hvis du er kræsen, når menuen står på Jelly Belly beans. Du blander bare smagsvarianterne sammen, så får du hurtigt et helt måltid slik. Mud Pie chokoladebudding.jpg chokoladebudding.jpg cappucino.jpg jordnoed.jpg kage.jpg side_opskrifter.jpg Goelitz bliver til Jelly Belly De to brødre blev til familier og slikbutikken blev til slikfabrikken. En ny Goelitz-generation kom til, og det gjorde en ny type slik også. Og på trods af nogle hårde perioder i Amerika, depressionen og verdenskrigene, overlevede virksomheden. I dag arbejder den 4.generation af Goelitz-brødrene fortsat med at udvikle og producere slik, Familiens største succes er slikbønnerne, som de kalder Jelly Belly = Chokoladebudding x 2 Capuccino Jordnøddesmør Mud Pie Pineapple Salsa mango.jpg pineapple.jpg chili_mango.jpg pineapple_salsa.jpg side_jb_art.jpg goelitz.jpg + + = Mango Pineapple Chili Mango Pineapple Salsa Osv. Månedens menu Festmenuer slide_menuer.jpg slide_festmenuer.jpg SLIP FANTASIEN LØS JELLY BELLY TIL ENHVER ANLEDNING Månedens menu Festmenuer Er du kreativ? Og synes du, det er sjovt at skabe noget lige efter din smag? Så er månedens menu måske en sjov lille konkurrence for dig. Slip fantasien løs og sammensæt din helt egen Jelly Belly bean menu og send eller den til os. Så kårer vores smagsdommere hver måned en ny menu. Vinderopskriften kommer på menuen her på siden! Der er mange måder at holde fest på - nogle mere festlige end andre! Suppe, steg og is eller kanel og peber eller jordbær, chokolade og champagne. Det er ikke altid sjovest at tænke traditionelt. Eller er det? Jens & Co. Virkelyst 2-4 Gjellerup 7400 Herning Tlf Fax Mail Denne adresse bliver beskyttet mod spambots, du skal have Javascript aktiveret for at se den Kontaktpersoner: Jens Peder Damgaard Jens Martin Hagelskjær bryllup.jpg birthday.jpg Sæt Jelly Belly på bryllupsmenuen Køb Jelly Belly beans f.eks. i røde, lyserøde og hvide nuancer Pynt bryllupskagen med jelly beans Lav små poser og fyld dem med jelly beans i stedet for ris Dekorer små flasker eller glas men Jelly Belly beans Fyld små skåle med jelly beans og hav dem stående i cocktailbaren Giv brudeparret en af de mange gaveæsker fra Jelly Belly Sig tillykke med Jelly Belly Sig tillykke til 25-års fødselaren med Jelly Belly beans med kanelsmag Sig tillykke til 30-års fødselaren med Jelly Belly beans med lakridssmag eller med en tyrkisk peber menu (lakrids+chili+chili) Sig tillykke med en Jelly Belly beans gaveæske Månedens menu 1 stk. kokos + 1 stk. lakrids + 1 stk. jordbær daiquiri = lakridskonfekt Månedens menu er indsendt af: Lauritz Lundorff Poder, 6 år Gyldenstensvej Bogense student.jpg Server Jelly Belly beans på studenterbesøget Server forskellige Jelly Belly menuer f.eks. Tequila Sunrise, Chokoladeovertrukket jordbær, Happy Hour, Mud Pie Server studenterkagn med Jelly Belly beans Server en snack med røde og hvide Jelly Belly beans og kom f.eks. skumfiduser, chokolade eller andet slik i. Server Jelly Belly i forskellige farver og lav sjove cocktails til

11 Storyboard Oversigt over indholdet på hver enkelt side Klog for sjov Art galleri slide_klog.jpg slide_art.jpg RUNDT OM JORDEN MED JELLY BELLY KUNST MED JELLY BELLY Klog for sjov Art Galleri holly.jpg Skuespillere spiser Jelly Belly beans Jelly Belly er født under en heldig stjerne og lige fra den spæde begyndelse blev Jelly Belly taget godt i mod i hjembyen Hollywood. De unge, smukke skuespillere kunne ikke stå for den lille slikbønne med den store smag. Og inden nogen nåede at se sig omkring, blev Jelly Belly beans til en berømt spise hos mange af de store stjerner. I dag spiser Mel Gibson, Demi Moore og Larry King blandt andet Jelly Belly beans. Jelly Belly beans er slik for stjerner og slik for sjov, men det er også kunst. I Jelly Belly Art galleri kan du se portrætter af kendisser. Billederne er i klassisk mosaik stil og lavet af Jelly Belly beans. Det kan kaldes slikkunst! Ny kunst: harry_potter.jpg beatles.jpg crown_jewels.jpg regan1_s.jpg Ronald Reagan vild med Jelly Belly Det er ikke bare en god historie, men rent faktisk var Jelly Belly beans grunden til, at Ronald Reagan stoppede med at ryge. Det har han i hvert fald selv udtalt. Han var så vild med at spise Jelly Belly beans, at han stoppede med at ryge helt uden nikotintyggegummi - og uden at Jelly Belly blev nødt til at udvikle en Jelly Belly cigaretmenu. Harry Potter The Beatles - Let it Bean Kronjuvelerne jorden.jpg Præsidentens favoritsmag Ronald Reagan kom til magten i Og i den forbindelse blev der udviklet en Jelly Belly bean med blåbærsmag, som præsidenten fejrede sin indsættelsesfest med. Der blev spist omkring 40 millioner Jelly Belly beans på dagen (omtrent lige så mange som han havde fået stemmer ved valget). Det er også helt almindeligt kendt, at Ronald Reagan ikke startede et møde eller traf en beslutning uden at byde kollegaerne på jelly beans. En ægte fan af Jelly Belly beans kan man sagtens sige uden at fornærme den tidligere præsident. Og det er måske grunden til, at Jelly Belly lavede et jelly beans portræt af ham. You can tell a lot about a fellow's character by his way of eating jelly beans. citat Ronald Reagan Berømte mennesker osv. osv Forhandlere Bliv forhandler slide_jb.jpg slide_forhandler.jpg ALTID LIGE VED HÅNDEN SKAL DU VÆRE FORHANDLER? Her kan du købe Bliv forhandler DANMARK 7-Eleven kæden CoffeeBeansOnline.eu Baggeskærvej 23, 7400 Herning Den Gamle Købmandsgaard Vestergade 3, 5300 Kerteminde osv. side_jb_art.jpg Løber dine tænder i vand, når du hører om slikbønner, der findes i lige den smag, du ønsker? Så er det måske noget for dig at blive forhandler af Jelly Belly! Kontakt os med det samme og lad os få en uforpligtende snak. Jens & Co. ApS Virkelyst 2-4 Gjellerup 7400 Herning Tlf Fax adresse bliver beskyttet mod spambots, du skal have Javascript aktiveret for at se den side_jb_art.jpg side_opskrifter.jpg Kontaktpersoner: Jens Peder Damgaard Jens Martin Hagelskjær side_opskrifter.jpg

12 Storyboard Oversigt over indholdet på hver enkelt side Jens & Co. slide_jens.jpg ANDERLEDES DAGLIGVARER FRA HELE VERDEN Jens & Co. Jens Peder Damgaard er manden bag den trendspottende virksomhed Jens & Co., der distribuerer anderledes dagligvarer fra hele verden. Det kan godt være, at Jens Peder Damgaard er en sindig jyde med begge ben plantet midt på jyske hede, men når det handler om, hvad der er hot i New York, Tokyo og Paris, går det bestemt ikke langsomt for vestjyden - tværtimod. Jens Peder har konstant fingeren på pulsen og til tider går det så stærkt, at det kan være svært at følge med for den midtjyske virksomhed. En skør, skør verden... I 2000 slog Jens & Co. for første gang dørene op til et helt nyt univers fyldt med trendy dagligvarer. Målsætningen var at gøre tingene på en helt anden måde, end man traditionelt plejede at gøre i dagligvarebranchen. Til at starte med satsede Jens & Co. primært på at distribuere amerikanske produkter, men siden hen har virksomheden udvidet sortimentet, og satser i dag på at sælge anderledes dagligvarer fra hele verden. side_jb_art.jpg side_opskrifter.jpg

13 Produktion Forsiden - HTML og CSS laves til forsiden Ting som bør nævnes ved forsiden: - De seks billeder med tekst er sat i en tabel og på den måde 0% centreret på siden. - I footeren er Facebook blevet indlejret med en iframe. Indholdssiderne HTML og CSS laves til en template som bruges til alle andre sider Ting som bør nævnes ved template siden: - Menuen er lavet med en Unordered List - Slideshowet er lavet med jquery. - Logoet er et baggrundsbillede i en div, men stadigvæk muligt at klikke på, så man kommer til forsiden. - Områder som er gjort redigerbare, Editable regions: Slideshowet, Selve indholdet (left-content), højre sidebar (right-content) - Alt andet på siden skal ikke kunne redigeres. Specielt ved andre sider Kontakt-siden: - Her er lavet en kontaktformular Galleri-siden: - Opsætning med tabeller, så det er nemt for andre at tilføje eller fjerne billeder og tekst. Produkt-siden - Opsætning med tabeller, så det er nemt for andre at tilføje eller fjerne produktbilleder og tekst. Sjove sager-siden - You Tube film med Kina Grannis er en iframe Her er koden til mail formularen <form action= =contact&event=submit name= contact id= chronoform_contact method= post class= Chronoform hasvalidation > <div class= ccms_form_element cfdiv_text id= navn1_container_ div style= > <input type= text name= navn onblur= if(this.value== ) this.value= Navn* onfocus= if(this.value== Navn* )this. value= ; value= Navn* maxlength= 200 size= 30 class= title= /> <div class= clear > <div id= error-message-navn > <div class= ccms_form_element cfdiv_text id= adresse1_con tainer_div style= > <input type= text name= adresse onblur= if(this.value== ) this.value= Adresse onfocus= if(this.value== Adresse )this. value= ; value= Adresse maxlength= 200 size= 30 class= title= /> <div class= clear ><div id= error-message-adresse ></ div> <div class= ccms_form_element cfdiv_text id= postnrby1_con tainer_div style= > <input type= text name= postnr onblur= if(this.value== ) this.value= Postnr/by onfocus= if(this.value== Postnr/by ) this.value= ; value= Postnr/by maxlength= 200 size= 30 class= title= /> <div class= clear ><div id= error-message-postnrby ></ div> <div class= ccms_form_element cfdiv_text id= telefon1_con tainer_div style= > <input type= text name= telefon onblur= if(this.value== ) this.value= Telefon onfocus= if(this.value== Telefon )this. value= ; value= Telefon maxlength= 200 size= 30 class= title= /> <div class= clear ><div id= error-message-telefon ></ div> <div class= ccms_form_element cfdiv_text id= 1_container_ div style= > <input type= text name= onblur= if(this.value== ) this.value= onfocus= if(this.value== )this. value= ; value= maxlength= 200 size= 30 class= title= /> <div class= clear ><div id= error-message- > <div class= ccms_form_element cfdiv_textarea id= besked1_con tainer_div style= > <label>besked:*</label> <div class= clear > <textarea cols= 45 rows= 12 class= title= name= besk ed ></textarea> <div class= clear > <div id= error-message-besked > <div class= ccms_form_element cfdiv_submit id= submit1_con tainer_div style= text-align:left ><input name= submit class= value= Submit type= submit /> <div class= clear > <div id= error-message-submit > Forbindelse til ftp-server Der oprettes forbindelse til serveren. De nødvendige filer i forhold til Joomla uploades og egen html, css, jquery, php*, billeder og andre filer uploades også. Herefter kan der arbejdes med hjemmesiden effektivt i Joomla. * php er den kode som fortæller hvilke dele af siderne der skal være redigerbare i Joomla Dette FTP program hedder Cyberduck

14 Produktion - html og php kode Ikke alt kode bliver vist her, men nogle udsnit. HTML - Hypertext Markup Language PHP - Hypertext Preprocessor PHP er et objekt-orienteret server-side programmeringssprog anvendt til udvikling af dynamiske webapplikationer og websteder <!DOCTYPE HTML> <meta http-equiv= Content-Type content= text/html; charset=utf-8 > <head> <title>jelly Belly Danmark</title><!--sidens titel --> <!--styles til slideshow tema --> <link rel= stylesheet href= slider/themes/default/default.css type= text/css media= screen /> <link rel= stylesheet href= slider/slider.css type= text/css media= screen /> <link rel= stylesheet href= style.css type= text/css media= screen /> <!--slideshow javascript - jquery --> <script type= text/javascript src= slider/scripts/jquery min.js ></script> <script type= text/javascript src= slider/jquery.nivo.slider.js ></script> <script type= text/javascript > $(window).load(function() { $( #slider ).nivoslider(); ); </script> </head> <body> <a href= / id= logo ></a> <!--Logo i toppen af siden --> <div id= menu ><!--menubar start --> <ul><!--unordered list start --> <li><a href= index.html >FORSIDE</a></li> <!--list item --> <li><a href= pages/om_jb.html >OM JELLY BELLY</a> <ul> <li><a href= pages/historie.html >Familien Goelitz</a></li> </ul> </li> <li><a href= pages/smagsvarianter.html >SMAG OG MENU</a> <ul> <li><a href= pages/smagsvarianter.html >Smagsvarianter</a></li> <li><a href= pages/menuer.html >Menuer</a></li> <li><a href= pages/month_menu.html >Månedens menu</a></li> <li><a href= pages/festmenuer.html >Festmenuer</a></li> </ul> </li> <li><a href= pages/sjove_sager.html >SJOVE SAGER</a> <ul> <li><a href= pages/klog.html >Klog for sjov</a></li> <li><a href= pages/art_galleri.html >Art galleri</a></li> </ul> </li> <li><a href= pages/produkter.html >PRODUKTER</a></li> <li><a href= pages/presse.html >PRESSE</a></li> <li><a href= pages/kontakt.html >KONTAKT</a> <ul> <li><a href= pages/forhandler.html >Forhandlere</a></li> <li><a href= pages/bliv_forhandler.html >Bliv forhandler</a></li> <li><a href= pages/jensogco.html >Jens & Co.</a></li> </ul> </li> </ul> <!--unordered list slut --> <!--menu slut --> <div id= front_wrapper > <!--front-wrapper starter --> <!--her bruges tabel for at centrere elementerne--> <table width= 0% border= 0 cellspacing= 0 cellpadding= 0 > <tr> <td> <a href= pages/smagsvarianter.html ><img src= images/ front_varianter.jpg width= 281 height= 168 alt= Nye varianter: mere farve, mere sjov title= Nye varianter: mere farve, mere sjov ></a> <p>nye varianter: mere farve, mere sjov</p> </td> <td> <a href= pages/menuer.html ><img src= images/front_menu.jpg width= 281 height= 168 alt= Sammensæt din egen Jelly Belly bean menu title= Sammensæt din egen Jelly Belly bean menu ></a> <p>sammensæt din egen Jelly Belly bean menu</p> </td> <td> <a href= target= _blank ><img src= images/front_netshop.jpg width= 281 height= 168 alt= Bestil Jelly Belly på Netshoppen title= Bestil Jelly Belly på Netshoppen ></a> <p>bestil Jelly Belly på Netshoppen</p> </td> </tr> <tr> <td> <a href= pages/historie.html ><img src= images/front_historie.jpg width= 281 height= 168 alt= Læs om Jelly Belly s historie her title= Læs om Jelly Belly s historie her ></a> <p>læs om Jelly Belly s historie her</p> </td> <td> <a href= target= _blank ><img src= images/ front_cykel.jpg width= 281 height= 168 alt= Følg Jelly Belly s eget cykel hold title= Følg Jelly Belly s eget cykelhold ></a> <p>følg Jelly Belly s eget cykelhold</p> </td> <td> <a href= pages/sjove_sager.html ><img src= images/front_sjov.jpg width= 281 height= 168 alt= Sjov og ballade med Jelly Beans title= Sjov og ballade med Jelly Beans ></a> <p>sjov og ballade med Jelly Beans</p> </td> </tr> </table><!--tabel slutter --> <!--front-wrapper slutter --> <div style= clear:both; > <?php defined( _JEXEC ) or die; <head> <?php $languages = JLanguageHelper::getLanguages(); foreach($languages as $item) { echo <link href= SERVER_NAME ]. /.$item->sef. / rel= alternate hreflang=.$item->lang_code. >. \n ;?> <jdoc:include type= head /> <meta name= viewport content= width=device-width, initial-scale=1.0 > <link rel= apple-touch-icon href= <?php echo $this->baseurl?>/templates/<?php echo $this->template?>/apple-touch-icon.png > </head> <link rel= stylesheet href= <?php echo $this->baseurl?>/templates/<?php echo $this- >template?>/css/style.css > <script> var _gaq=[[ _setaccount, <?php echo $analytics;?> ],[ _trackpageview ]]; (function(d,t){var g=d.createelement(t),s=d.getelementsbytagname(t)[0];g. async=1; g.src=( https: ==location.protocol? //ssl : //www )+.google-analytics.com/ ga.js ; s.parentnode.insertbefore(g,s)(document, script )); </script> <!-- TemplateBeginEditable name= head --> <!-- TemplateEndEditable --> <body class= <?php echo $homepage?> > <?php?> <a href= / id= logo ></a> <div id= menu ><!--menubar --> <jdoc:include type= modules name= nav style= none /> <!--menu slut --> <div id= wrapper ><!--wrapper starter --> <div style= clear:both; > </body> </html> <!--Frontpage slideshow starter --> <!-- TemplateBeginEditable name= slider --> <div id= slideshow > <jdoc:include type= modules name= slideshow style= none /> <!--Frontpage slideshow slutter --> <!-- TemplateEndEditable --> <?php if($active->home == 1){?> <div id= front_wrapper > <jdoc:include type= component /> <?php else {?> <div id= content_wrapper > <!--front-wrapper starter --> <!-- TemplateBeginEditable name= Content --> <div id= left_content > <jdoc:include type= component /> <!-- TemplateEndEditable --> <!-- TemplateBeginEditable name= Right content --> <div id= right_content > <jdoc:include type= modules name= right style= none /> <!-- TemplateEndEditable --> <!--content-wrapper slutter --> <!--wrapper slutter --> <div id= footer > <div id= fb_footer > <iframe src= //www.facebook.com/plugins/likebox.php?href=http%3a%2f%2fwww.facebook. com%2fjellybellydanmark&width=9&height=258&colorscheme=light&show_f ces=true&header=false&stream=false&show_border=false scrolling= no frameborder= 0 style= border:none; overflow:hidden; width:9px; height:150px; allowtransparency= true ></iframe> <p>jens & Co Aps Virkelyst 2-4, Gjellerup, 7400 Herning Tel Fax </p> <jdoc:include type= modules name= debug /> <script src= <?php echo $this->baseurl?>/templates/<?php echo $this->template?>/js/ plugins.js ></script> <!--[if lt IE 7 ]> <script src= <?php echo $this->baseurl?>/templates/<?php echo $this->template?>/js/ libs/dd_belatedpng.js ></script> <script> DD_belatedPNG.fix( img,.png_bg );</script> <![endif]--> Det lille ikon i indlæsningsfeltet, er et favicon. Det er 16x16 px og dets filnavn og endelse er favicon.ico. Det skal uploades i Root folderen. Herfra finder den selv ud af resten. <!--wrapper slutter --> </body> </html>

15 Produktion - css styles /*====================*/ /*=== Reset Styles ===*/ /*====================*/ * { outline: none; CSS reset html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:0%; font-family:inherit; p { margin: 0; padding: 0; color: #000; font-size: 14px; font-family: Arial, Helvetica, sans-serif; h1 { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 35px; font-weight: bold; h2 { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; h3 { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; body { line-height:1; color:black; font:14px/1.6 Arial, Helvetica, sans-serif; color:#333; background-image: url(../images/bg_tr.png); background-repeat: repeat-x; background-color: #dcecf6; table { border-collapse:separate; border-spacing:0; caption, th, td { font-weight:normal; blockquote:before, blockquote:after, q:before, q:after { content: ; blockquote, q { quotes: ; /* HTML5 tags */ header, section, footer, aside, nav, article, figure { display: block; /*===================*/ /*=== Main Styles ===*/ /*===================*/ a, a:visited { color:#09f; text-decoration:none; a:hover, a:active { color:#09f; text-decoration:none; #dev7link { position:absolute; top:0; left:50px; background:url(../images/dev7logo.png) no-repeat; width:60px; height:67px; border:0; display:block; text-indent:-9999px; #wrapper { width: 980px; margin-top: 0px; margin-left: auto; margin-right: auto; background-color:#fff; border-radius: 11px 11px 0 0; webkit-border-radius: 11px 11px 0px 0px; moz-border-radius: 11px 11px 0px 0px; box-shadow: 0px px px 5px rgba(000, 000, 000, 0.3); webkit-box-shadow: 0px px px 5px rgba(000,000,000,.3); moz-box-shadow: 0px px px 5px rgba(000,000,000,.3);.slider-wrapper { width: 0%; margin-top: 2px; #logo { width: 293px; height: 137px; margin-left:auto; margin-right: auto; margin-top: 30px; background-image:url(../images/jelly_belly_logo.png); background-repeat:no-repeat; display: block; #menu { margin-left: auto; margin-right: auto; width: 980px; height: 36px; margin-top: px; margin-bottom:0px; #menu ul { /* menu på liste - unordered list */ padding: 0px; list-style: none; margin: 0px; padding: 0px; z-index: 99; position: relative; #menu ul li { /* menu på liste - list item */ width: 130px; height: 36px; margin-right: 8px; display: inline; /* sætter menu på linje */ /*background-color: rgba(255, 255, 255, 0.5);*/ position: relative; border-radius: 5px; webkit-border-radius: 5px; moz-border-radius: 5px; text-align: center; #menu ul li a { /* menu på liste - list item link */ font-family:verdana, Geneva, sans-serif; font-size: 14px; color: #fff; /*background-image: url(../background.jpg);*/ /*border: solid 1px #F60;*/ display: block; /* sørger for at hele feltet er klikbart */ margin: 0px; padding: 6px 2px 0 2px; text-align: center; height: 25px; #menu ul li:hover a { /* menu på liste - list item link hover */ background-color: rgba(255, 255, 255, 0.7); color: #000; border-radius: 5px; webkit-border-radius: 5px; moz-border-radius: 5px; font-weight: 500; #menu ul li a:active { /* menu på liste - list item link hover */ background-color: rgba(255, 255, 255, 0.7); color: #000; border-radius: 5px; webkit-border-radius: 5px; moz-border-radius: 5px; font-weight: 500; #menu ul ul{ position: absolute; /* vigtig - sørger for at dropdown menuen bliver placeret ovenpå, så den ikke forstyrrer andet indhold på siden*/ display: none; #menu ul li:hover ul{ display: block; #menu ul ul li { margin-top: 2px; #menu ul ul li a { background-color: rgba(255, 255, 255, 0.7); margin-top: 3px; color: #000; border-radius: 5px; webkit-border-radius: 5px; moz-border-radius: 5px; #menu ul li ul a:hover { display: block; color: #09F; border-radius: 5px; webkit-border-radius: 5px; moz-border-radius: 5px; #front_wrapper { width: 920px; height: auto; float:left; padding: 38px 30px 0px 30px; border-top: solid 1px #CCC; position: relative; #content_wrapper { width: 970px; padding: 38px 0px 0px px; border-top: solid 1px #CCC; position: relative;.front_box_left { width: 293px; height: 261px; margin-left:20px;.front_box_right { width: 293px; height: 261px; float: right; margin-right:20px;.img_box { width: 281px; height: 168px; background-color:#fc3; border: 5px solid #8ec1de; border-radius: px;.img_box img { border-radius: 6px; webkit-border-radius: 6px; moz-border-radius: 6px;.front_text { width: 283px; height: 61px; padding: 0 5px 0 5px; margin-top: px; #left_content { width: 597px; height: auto; padding-left: 20px; padding-right: 40px;.left_product_text { width: 587px; height: 200px; margin-left: 30px; margin: 5px 0 px 0; padding-bottom: px; border-bottom: solid 1px #000;.left_product_img { width: 245px; height: 200px; margin-right: 13px;.menutekst { font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold;.gallery { width: 160px; float:left; margin-right: 15px; margin-left: 15px; vertical-align: bottom; #right_content { width: 195px; min-height: 400px; padding: 25px 25px 25px 25px; position: relative; float:right; margin-top: -88px; margin-right: 30px; background-color: #8ec1de; z-index: 99; border-radius: 15px; webkit-border-radius: 15px; moz-border-radius: 15px; border: solid 5px #fff; height: 627px;.right_img { width: 195px; height: 121px; margin-bottom: px;.klog { width: auto; height: auto; margin-right: px; #footer { background-image: url(../images/); background-repeat:no-repeat; padding-top: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0px; width: 54px; height: 389px; text-align: center; #fb_footer { width: 9px; height: 180px; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: px; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #333; border-bottom-color: #333; /*====================*/ /*=== Other Styles ===*/ /*====================*/.clear { clear:both;.wk-slideshow img,.wk-gallery img,.spotlight img, a[datalightbox] img { border-radius: px px 0 0; webkit-border-radius: px px 0 0; moz-border-radius: px px 0 0;.wk-slideshow.caption,.wk-slideshow.caption a { color: #c61f26; font-size: 24px; font-weight: 800; margin:0;.wk-slideshow.caption { background: rgba(255,255,255,0.7); padding: 7px px 5px 35px;.wk-slideshow-default > div:hover.next,.wk-slideshow-default > div:hover.prev { background-image:url(/images/buttons.png); width: 30px; height:30px;.wk-slideshow-default > div:hover.next { background-position: right center;.wk-slideshow-default > div:hover.prev { background-position: left center;.chronoform a { visibility:hidden; /*====================*/ /*=== Other Styles ===*/ /*====================*/.clear { clear:both;.wk-slideshow img,.wk-gallery img,.spotlight img, a[datalightbox] img { border-radius: px px 0 0; webkit-border-radius: px px 0 0; moz-border-radius: px px 0 0;.wk-slideshow.caption,.wk-slideshow.caption a { color: #c61f26; font-size: 24px; font-weight: 800; margin:0;.wk-slideshow.caption { background: rgba(255,255,255,0.7); padding: 7px px 5px 35px;.wk-slideshow-default > div:hover.next,.wk-slideshow-default > div:hover.prev { background-image:url(/images/buttons.png); width: 30px; height:30px;.wk-slideshow-default > div:hover.next { background-position: right center;.wk-slideshow-default > div:hover.prev { background-position: left center;.chronoform a { visibility:hidden;

Grafisk workflow. website til duckhead music

Grafisk workflow. website til duckhead music Grafisk workflow website til duckhead music Portfolio h1 Side 18 website til duckhead music Selvom jeg er hos et webbureau, så sidder jeg udelukkende med design, og er derfor ikke kommet til at kode endnu.

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

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

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

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

FORSTÅELSE FOR GRAFISK PRODUKTION OG WORKFLOW

FORSTÅELSE FOR GRAFISK PRODUKTION OG WORKFLOW Opgaven I AArhus er en fiktiv hjemmeside. Formålet med hjemmesiden, er at Folk som befinder sig i Aarhus kan henvende sig til I AArhus og berette deres synspunkt på Aarhus. Siden henvender sig til unge,

Læs mere

Grafisk Workflow. Endeligt layout. Om mig. Forside. Portfolio

Grafisk Workflow. Endeligt layout. Om mig. Forside. Portfolio Endeligt layout Forside Om mig Portfolio 1 Hjemmeside Opgaven I dette design projekt skulle jeg gennemføre en designproces, hvor jeg enten skulle redesigne eller designe et produkt. Jeg valgte at designe

Læs mere

Nyhedsbrev april: spørgeskemaundersøgelse

Nyhedsbrev april: spørgeskemaundersøgelse #ChronoContact_Survey { margin-bottom: 10px; margin-left: 0px;.form_element { float: left; font-family: Arial,Helvetica,sans-serif; font-size: 12px; margin-bottom: 8px; margin-left: 0; margin-top: 8px;

Læs mere

web via Photoshop, så de fylder mindst muligt for at mindske indlæsningstiden for websitet.

web via Photoshop, så de fylder mindst muligt for at mindske indlæsningstiden for websitet. GRAFISK WORKFLOW Grafisk workflow Beskrivelse Opgaven Redesign af website for bilforhandleren PerB. Opgave har jeg stillet mig selv med det formål at lave en simpel men indbydende udgave af PerB s website.

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

Grafisk Workflow Personligt website

Grafisk Workflow Personligt website Grafisk Workflow Personligt website Andreas Ernst Tørnqvist Grafisk Workflow Redegørelse Opgaven Opgaven er en personlig hjemmeside lavet i min fritid. Siden skal bruges som en reklamesøjle for potientelle

Læs mere

Grafisk workflow. Hjemmeside til Bærkompagniet

Grafisk workflow. Hjemmeside til Bærkompagniet Grafisk workflow Hjemmeside til Bærkompagniet Dokumentation Opgaven Bærkompagniet skulle have designet og programmeret et website, hvor de kunne præsentere deres produkter samt mulige forhandlere kunne

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

Byg et website med Dreamweaver

Byg et website med Dreamweaver Byg et website med Dreamweaver I denne øvelse skal vi opbygge et website for Hotel Holiday i Dreamweaver. Det færdige site kan ses her: http://www.itu.dk/people/khhp/hotel_holidays/velkommen.html Øvelsen

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

Ordbøgerne.dk. Navne: Andreas Foldager og Rasmus Bjerring Pedersen Fag: IT B Lærer: Karl Bjarnason Afleveringsdato: 17-11-06.

Ordbøgerne.dk. Navne: Andreas Foldager og Rasmus Bjerring Pedersen Fag: IT B Lærer: Karl Bjarnason Afleveringsdato: 17-11-06. Ordbøgerne.dk Navne: Andreas Foldager og Rasmus Bjerring Pedersen Fag: IT B Lærer: Karl Bjarnason Afleveringsdato: 17-11-06 Side 1 af 35 Indholdsfortegnelse Indledning:...3 Design...4 Visuelt design:...4

Læs mere

OPGAVEN Konditoren skulle have lavet et site til deres opskrifter. Konditoren.dk er en blog for bageglade amatørere i alle aldre.

OPGAVEN Konditoren skulle have lavet et site til deres opskrifter. Konditoren.dk er en blog for bageglade amatørere i alle aldre. WORKFLOW OPGAVEN Konditoren skulle have lavet et site til deres opskrifter. Konditoren.dk er en blog for bageglade amatørere i alle aldre. Det er en fiktiv opgave. MIT BIDRAG Jeg stod for al design 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

Martin Møller Web1b Tirsdag den 19 juni 2012

Martin Møller Web1b Tirsdag den 19 juni 2012 Martin Møller Web1b Tirsdag den 19 juni 2012 Projektbeskrivelse 3 Tema valg 3 Budskab 3 Afsender 4 Målgruppe 4 Kommunikations mål 4 Skitser 6 Layout index 7 Layout Kulturliv 8 Layout Gratis glæder 9 Layout

Læs mere

Grafisk. Hjemmesiden er designet til en nyopstartet virksomhed kaldet Tegnestuen M. De har både en arkitektafdeling og en tømrer-/ snedkerafdeling.

Grafisk. Hjemmesiden er designet til en nyopstartet virksomhed kaldet Tegnestuen M. De har både en arkitektafdeling og en tømrer-/ snedkerafdeling. Grafisk w o rk f l ow jemmesiden er designet til en nyopstartet virksomhed kaldet Tegnestuen M. De har både en arkitektafdeling og en tømrer-/ snedkerafdeling. Deres vision er at skabe enkle og inspirerende

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

#Anna Skak #Mediegrafiker

#Anna Skak #Mediegrafiker Grafisk Workflow OPGAVEN Fodboldklubben Egmont Rollators FC ville have en website, for at gøre klubben mere synlig for eventuelle nye medlemmer. Websitet skulle indeholde alle de praktiske oplysninger

Læs mere

Grafisk Workflow. Opgaven. Test i forskellige browsere (Usability) Arbejdsgang. Kvalitetsvurdering. Procesbeskrivelse

Grafisk Workflow. Opgaven. Test i forskellige browsere (Usability) Arbejdsgang. Kvalitetsvurdering. Procesbeskrivelse Jesus Kr istus - Ev ig Konge e g n o K g i v E s u t s i r K Jesus Jesus Kristu s - Evi g Kon ge Opgaven Opgaven går ud på, at lave en hjemmeside, enten som en præsentation af noget, eller en kampagne

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

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

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

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

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

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

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

Mark André Lyhne. Eksamen 2012. 12web1b

Mark André Lyhne. Eksamen 2012. 12web1b 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...

Læs mere

Stilen skulle gerne være feminin og primærfarven rosa.

Stilen skulle gerne være feminin og primærfarven rosa. Grafisk design // Grafisk Design Hjemmesideløsning for syerske Sorami er et enmands-firma med mere end 25 års erfaring, som tilbyder omforandring af tøj og tøj syet efter eget design, samt håndlavede smykker.

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

HTML5 fortsat: Underside, links og tekstelementer på din hjemmeside Tekstformatering med CSS

HTML5 fortsat: Underside, links og tekstelementer på din hjemmeside Tekstformatering med CSS Øvelse 2, individuel øvelse HTML5 fortsat: Underside, links og tekstelementer på din hjemmeside Tekstformatering med CSS 1. Lidt om hvad du har lært Du har i øvelse 1 lært at lave en HTML5-side med afsnit,

Læs mere

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

Arbejdsproces. Kvalitetsvurdering

Arbejdsproces. Kvalitetsvurdering REDEGØRELSE Om opgaven FIKTIV OPGAVE: Til denne opgave skal der laves et design til en hjemmeside (one-page) samt designes grafik og knapper. Designet opsættes som HTML / CSS og valideres. Programvalg

Læs mere

Grafisk workflow. Layout Da guiden primært skal betjenes med fingrene, har jeg programmeret den som en touchbaseret webapplikation (WebApp).

Grafisk workflow. Layout Da guiden primært skal betjenes med fingrene, har jeg programmeret den som en touchbaseret webapplikation (WebApp). Redegørelse Grafisk workflow Opgaven Medicinalfirmaet Boehringer Ingelheim, havde et ønske om at digitalisere en lægefaglig håndbog. Det er en såkaldt Quick guide, som er et lille overskueligt opslagsværk

Læs mere

Workflow. www.dsguld.dk

Workflow. www.dsguld.dk www.dsguld.dk arbejdsroces 1 2 3 4 5 6 7 8 9 10 11 12 13 14 Modtage Brief å ogaven, fra rojektleder danne mig et overblik over eksisterende site, herunder: obyggelse, fejl, mangler med videre danne mig

Læs mere

GRAFISK WORKFLOW REDESIGN AF HJEMMESIDE

GRAFISK WORKFLOW REDESIGN AF HJEMMESIDE GRAFISK WORKFLOW REDESIGN AF HJEMMESIDE 2 REDESIGN AF FUTURECOM BUSINESS SOLUTIONS HJEMMESIDE OPGAVEN Den gamle hjemmeside skulles redesignes da den daværende hjemmeside var forældet (indhold og udseende)

Læs mere

HTML5 fortsat: Underside, links og tekstelementer på din hjemmeside

HTML5 fortsat: Underside, links og tekstelementer på din hjemmeside Webdesign og webkommunikation, formiddagshold (hold 1), IT Universitetet, forår 2012. Øvelse 2, individuel øvelse HTML5 fortsat: Underside, links og tekstelementer på din hjemmeside 1. Lidt om hvad du

Læs mere

Get Skeleton. Boilerplate for Responsive, Mobile-Friendly Development

Get Skeleton. Boilerplate for Responsive, Mobile-Friendly Development Get Skeleton Boilerplate for Responsive, Mobile-Friendly Development Hvad er Get Skeleton?!? Get Skeleton er en lille samling af små CSS og JS filer, som giver dig adgang til ultra hurtig udvikling af

Læs mere

GRAFISK PRODUKTION & WORKFLOW RESPONSIV HJEMMESIDE

GRAFISK PRODUKTION & WORKFLOW RESPONSIV HJEMMESIDE GRAFISK PRODUKTION & WORKFLOW RESPONSIV HJEMMESIDE Opgavebeskrivelse Jeg har valgt at gennemgå min egen responsive hjemmeside, hvor jeg vil fokusere på responsivt design. Layout Min hjemmeside har jeg

Læs mere

Projekt i Programmering C Menu til hjemmeside.

Projekt i Programmering C Menu til hjemmeside. Projekt i Programmering C Menu til hjemmeside. 10-12-2004 Holstebro HTX Bent Arnoldsen Synopsis. Projektet her er en menu til hjemmesider, som er lavet så den er let at tilrette, når man tilføjer eller

Læs mere

Nedarvning. At style tags inden i andre tags. www.johnnihowardsen.dk - selektorer

Nedarvning. At style tags inden i andre tags. www.johnnihowardsen.dk - selektorer Nedarvning Du styler som bekendt dit indhold med mange forskellige selektorer. De mest almindelige er class, id, tag men du kan også gruppere selektorer f.eks h1, h2, h3, p, a, img {font-family: Verdana,

Læs mere

Komposition og layout. bokse. Det fotografiske og grafiske arbejde er lavet i Photoshop og Illustrator, og optimeret Programvalg

Komposition og layout. bokse. Det fotografiske og grafiske arbejde er lavet i Photoshop og Illustrator, og optimeret Programvalg Grafisk 1 Opgaven At fremstille en hjemmeside, til en bog om stilhistorie i forbindelse med et skoleprojekt. Hjemmesiden er en fiktiv side for et kunstmuseum med 1 forside og 2 underliggende sider. De

Læs mere

Opret en formular i Dreamweaver

Opret en formular i Dreamweaver Opret en formular i Dreamweaver. Åben det html-dokument hvor du vil have din formular skal være på. 2. Klik i det felt (DIV eller tabel) hvor du vil have din formular skal være. Du kan se du er i feltet

Læs mere

GRAFISK WORKFLOW WEBSITE - CHOCOADDICT

GRAFISK WORKFLOW WEBSITE - CHOCOADDICT GRAFISK WORKFLOW WEBSITE - CHOCOADDICT DOKUMENTATION OPGAVEBESKRIVELSE Opskriftsbogen Chocoaddict skulle have et website, hvor alle opskrifter samt skabelon til print selv opskriften er tilgængelig. Der

Læs mere

Internet vs WWW. Internettet er IKKE det samme som www. Internettet Er et netværk af computere Gør det muligt af dele information

Internet vs WWW. Internettet er IKKE det samme som www. Internettet Er et netværk af computere Gør det muligt af dele information web som medie Internet vs WWW Internettet er IKKE det samme som www. Internettet Er et netværk af computere Gør det muligt af dele information Internet protokoller (forskellige måder at udveksle information

Læs mere

GRAFISK PRODUKTION PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE

GRAFISK PRODUKTION PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE GRAFISK PRODUKTION OG WORKFLOW PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE 04 INDHOLDSFORTEGNELSE Dokumentation 05

Læs mere

Projekt 3: Interaktionsudvikling 11/04.14

Projekt 3: Interaktionsudvikling 11/04.14 Projekt 3: Interaktionsudvikling 11/04.14 Gruppe 5 http://kostecki.dk/cph/cupcakes/v2/opskrifter.php Christina Juulmann www.chrissycreations.dk Jacob Kostecki www.kostecki.dk Jayne Alice www.jaynealice.com

Læs mere

GRAFISK WORKFLOW LENA SØRENSEN

GRAFISK WORKFLOW LENA SØRENSEN LENA SØRENSEN Redegørelse Opgaven Undvikling og design af logo og hjemmeside til Camillas cupcake. Mit bidrag til opgaven Jeg har arbejdet selvstændigt og alene med opgaven, og har haft frit råderum til

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

Grafisk design OPGAVEBESKRIVELSE

Grafisk design OPGAVEBESKRIVELSE OPGAVEBESKRIVELSE Min opgave var at lave og designe en pakke til s marketing og kommunikationsafdeling MarKom. Pakken består af: et hoved element portfolio hjemmeside communication.madebydelta.com to supplerende

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 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

NY IDENTITET TIL SCHWARZ

NY IDENTITET TIL SCHWARZ GRAFISK DESIGN NY IDENTITET TIL SCHWARZ Redskaber: Photoshop Illustrator Kundeprofil: Schwarz er en eksklusiv forhandler af senge og tilbehør i topklavlitet. Med deres store sortiment af kvalitetsmærker

Læs mere

Grafisk Workflow & produktion REDESIGN AF HJEMMESIDE

Grafisk Workflow & produktion REDESIGN AF HJEMMESIDE Grafisk Workflow & produktion REDESIGN AF HJEMMESIDE redegørelse Hvad går opgaven ud på Inhouse Graphic (IHG), skulle have rede signet hjemmesiden. Hjemmesidens struktur under samme ombæring kigges på

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

NØDEBO KRO. Web site-projekt. http://www.mfyp.dk/noedebo-kro/ Lavet af: Anders Hanberg Sara Vang Michael Dalgaard Stefan Skjerning

NØDEBO KRO. Web site-projekt. http://www.mfyp.dk/noedebo-kro/ Lavet af: Anders Hanberg Sara Vang Michael Dalgaard Stefan Skjerning Forsamlingshuset NØDEBO KRO Web site-projekt http://www.mfyp.dk/noedebo-kro/ Lavet af: Anders Hanberg Sara Vang Michael Dalgaard Stefan Skjerning 4/12-08 - tr08mul01 Forsamlingshuset NØDEBO KRO Indholdsfortegnelse

Læs mere

TEKNISK DOKUMENTATION FAKTURA LAYOUT ABAQUE VERSION 2.0

TEKNISK DOKUMENTATION FAKTURA LAYOUT ABAQUE VERSION 2.0 TEKNISK DOKUMENTATION FAKTURA LAYOUT ABAQUE VERSION 2.0 INTRODUKTION... 3 SKABELON OPBYGNINGEN... 3 BYG DIN EGEN SKABELON... 3 INDSÆT FELTER... 3 INDSÆT VARELINJER... 3 FILNAVN... 4 LISTE OVER FELTER...

Læs mere

Eksamen. Jonas Langhoff Nielsen Web01b

Eksamen. Jonas Langhoff Nielsen Web01b Eksamen Jonas Langhoff Nielsen Web01b 1 Indhold Tidsplan 3 Projektbeskrivelse og Målgruppe 4 De 6 Designparametre. 5 Skitser.. 6 Flowchart 7 Fremstilling af Logo 8 Farvevalg 9 Valg af fonte 10 Skelet.

Læs mere

RESPONSIVE WEBSITE GRAFISK WORKFLOW DOKUMENTATION

RESPONSIVE WEBSITE GRAFISK WORKFLOW DOKUMENTATION RESPONSIVE WEBSITE DOKUMENTATION OPGAVEN Opgaven gik ud på at designe og kode et responsive website til sommerhuset Brink Møllegaard. Websitet skulle præsentere og informere besøgende om huset og området

Læs mere

For at finde en stil til hjemmesiden, starter jeg med at lave et moodboard af alle Mikkalina Glas s produkter.

For at finde en stil til hjemmesiden, starter jeg med at lave et moodboard af alle Mikkalina Glas s produkter. Moodboard opgave design At designe og udforme en ny visuel identitet til Mikkalina Glas, bestående af logo og hjemmeside. For at finde en stil til hjemmesiden, starter jeg med at lave et moodboard af alle

Læs mere

Projektdokumentation. Tidsplan. Dag 1. Dag 2. Dag 3. Dag 4. Dag 5. Dag 6. Dag 7. Dag 8. Dag 9. Dag 10. Dag 11. Dag 12

Projektdokumentation. Tidsplan. Dag 1. Dag 2. Dag 3. Dag 4. Dag 5. Dag 6. Dag 7. Dag 8. Dag 9. Dag 10. Dag 11. Dag 12 Projektdokumentation - af Dennis Iversen Tidsplan Dag 1 Research, mindmap, skitser til logo og start på logo. Dag 2 Færdiggørelse af logo, målgruppe og segment fastslået, skitser visitkort, start på visitkort.

Læs mere

Grafisk design 20 21

Grafisk design 20 21 Grafisk design 21 Grafisk design Opgavebeskrivelse At designe en hjemmeside for et reklamebureau og komme med firmanavn og logo. Hjemmesiden henvender sig til virksomheder og private, der har brug for

Læs mere

DAGENS PROGRAM. Layout og komposition. [Pause] CSS. [Pause] Individuel obligatorisk øvelse

DAGENS PROGRAM. Layout og komposition. [Pause] CSS. [Pause] Individuel obligatorisk øvelse DAGENS PROGRAM Layout og komposition [Pause] CSS [Pause] Individuel obligatorisk øvelse LAYOUT OG KOMPOSITION LAYOUT The primary task of graphic design is to create a strong, consistent visual hierarchy

Læs mere

Procesbeskrivelse - Webprogrammering

Procesbeskrivelse - Webprogrammering Procesbeskrivelse - Webprogrammering Indholdsfortegnelse Forudsætninger... 1 Konceptet... 2 Hjemmesiden... 2 Server-side... 3 Filstrukturen... 3 Databasehåndtering og serverforbindelse... 4 Client-side...

Læs mere

Datalogi HTML Aarhus Katedralskole

Datalogi HTML Aarhus Katedralskole HTML HTML er en forkortelse for HyperText Markup Language og er således et markeringssprog og ikke et programmeringssprog! HTML bruges til at opmærke indholdet på en hjemmeside, og skal ses som en måde

Læs mere

Indholdsfortegnelse UNG & SUND

Indholdsfortegnelse UNG & SUND Rapport Web site mad og livsstil www.arikashika.dk/ungogsund Lavet af Michael Vinzent Dalgaard Peter Michael Schindler Stefan Skjerning Renata Tautavice Sara Vang Erhvervsakademiet København Nord MULTIMEDIEDESIGNER

Læs mere

CSS CSS er en forkortelse for Cascading Style Sheets. CSS er et sprog som bruges til at definere layout på fx HTML-dokumenter.

CSS CSS er en forkortelse for Cascading Style Sheets. CSS er et sprog som bruges til at definere layout på fx HTML-dokumenter. CSS CSS er en forkortelse for Cascading Style Sheets. CSS er et sprog som bruges til at definere layout på fx HTML-dokumenter. HTML var oprindeligt tænkt som et rent struktur-markeringssprog, der eksempelvis

Læs mere

KODNING AF RESPONSIV DESIGN

KODNING AF RESPONSIV DESIGN Grafisk Workflow REDEGØRELSE GRAFISK WORKFLOW 39 OPGAVEN Frk. Nielsens rengøringsfirma kom til os for at få lavet ny hjemmeside. Hun var træt af den gamle, da hun ikke kunne rette i indholdet, og valgte

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

Designmanual for webintegrator grundforløbs eksamen

Designmanual for webintegrator grundforløbs eksamen Kræn Byskov Videndjurs Webintegrator Designmanual for webintegrator grundforløbs eksamen Side 1-14 Indholdsfortegnelse Indledning 3 Målgruppe 4 Timeline 5 Logo 6 Font 7 Farver 8 Flowchart 9 Storyboard

Læs mere

PHP Quick Teknisk Ordbog

PHP Quick Teknisk Ordbog PHP Quick Teknisk Ordbog Af Daniel Pedersen PHP Quick Teknisk Ordbog 1 Indhold De mest brugte tekniske udtryk benyttet inden for web udvikling. Du vil kunne slå de enkelte ord op og læse om hvad de betyder,

Læs mere

S&E Bazar Fyn. Mads, Asger, Lærke og Alexander WEB-A 11-12-2012

S&E Bazar Fyn. Mads, Asger, Lærke og Alexander WEB-A 11-12-2012 2012 S&E Bazar Fyn Mads, Asger, Lærke og Alexander WEB-A 11-12-2012 Indhold Indledning... 2 Problemformulering:... 2 Problemstillinger:... 2 Kommunikation:... 3 Hvilken målgruppe ønsker vi at henvende

Læs mere

Designmanual for websider

Designmanual for websider Designmanual for websider 31. marts 2009 Version 1.1. Denne manual beskriver de gældende retningslinjer for Aalborg Universitets websider. Det vil sige websider der benytter aau.dk i domænenavnet er omfattet

Læs mere

CMS - BRUGERMANUAL CMS

CMS - BRUGERMANUAL CMS CMS - BRUGERMANUAL LOG PÅ ADMINISTRATION Sådan kommer du i gang! For at logge ind i dit nye CMS-administrationsmodul skal du efter dit domæne skrive: admin. Eks.: www.dit_domæne.dk/admin Første gang du

Læs mere

Web sider. Introduktion: Har du nogensinde spekuleret over, hvordan det verdesomspændende internet virker og hvordan man snakker med det?

Web sider. Introduktion: Har du nogensinde spekuleret over, hvordan det verdesomspændende internet virker og hvordan man snakker med det? Introduktion: Har du nogensinde spekuleret over, hvordan det verdesomspændende internet virker og hvordan man snakker med det? I dag skal du lære at lave hjemmesider, så du også kan bidrage til at opbygge

Læs mere

PR Offset Dennis Iversen Mediegrafiker Nordre Ringvej 3 7000 Fredericia

PR Offset Dennis Iversen Mediegrafiker Nordre Ringvej 3 7000 Fredericia GRAFISKDESIGN PR Offset Dennis Iversen Mediegrafiker Nordre Ringvej 3 7000 Fredericia Trykket hos: PR Offset Papir: 170g multiart silk, omslag 130g multiart silk, indhold Grafisk design Dansk Kedel Kemi,

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

DOKU- MEN- TATION TEK- NISK

DOKU- MEN- TATION TEK- NISK TEK- NISK DOKU- MEN- TATION GRUPPE 21: AMALIE HOVGESEN- CLEA-MARIE FIND PALUDAN THERESE HASSE LARSEN - CECILIE POSS AMALIE LEONORA DAM - KASPER MUNK JENSEN : http://miex5619.keaweb.dk/seasight/ 1. MOCKUP

Læs mere

GRAFISK DESIGN. Diner no. 34 Hjemmeside + Visuel identitet

GRAFISK DESIGN. Diner no. 34 Hjemmeside + Visuel identitet GRAFISK DESIGN Diner no. 34 Hjemmeside + Visuel identitet Diner no. 34 9 Opgavebeskrivelse Fiktive opgave. Redesign af visuel identitet og design af ny hjemmeside. Materialet skal skabe et genkendeligt

Læs mere

Portfolie 3. Hovedforløb. Mediegrafiker København Tekniske Skole Frederiksberg Maj 2013 Steffen Quaade

Portfolie 3. Hovedforløb. Mediegrafiker København Tekniske Skole Frederiksberg Maj 2013 Steffen Quaade Portfolie 3. Hovedforløb Mediegrafiker København Tekniske Skole Frederiksberg Maj 2013 Steffen Quaade Grafisk Design Plakat Eksempel 1 Opgave Plakat + CD-cover + website + App. + demo-cd + audio til sitet.

Læs mere

WORKFLOW & GRAFISK PRODUKTION

WORKFLOW & GRAFISK PRODUKTION Opgavebeskrivelse Kunde: Gorm Larsen & Zornig (GLZ) Websitet Social media cheat sheet er en oversigt over forskellige sociale mediers opsætning. Formålet er altså at gøre det nemt at finde de mål, der

Læs mere

Scrollbars side 2-5. Ankerpunkter side 6-7. Text Swap side 8-10. Links i flere farver side 11-14. z-index og baggrundsbilleder side 15-18

Scrollbars side 2-5. Ankerpunkter side 6-7. Text Swap side 8-10. Links i flere farver side 11-14. z-index og baggrundsbilleder side 15-18 Indhold Scrollbars side 2-5 Ankerpunkter side 6-7 Text Swap side 8-10 Links i flere farver side 11-14 z-index og baggrundsbilleder side 15-18 Sprymenuer side 19-24 Sider med dynamisk høje side 25-27 CSS3

Læs mere

T o b i a s W e x i ø S o n n e MultiMedieDesigner CPH-Business 1/26

T o b i a s W e x i ø S o n n e MultiMedieDesigner CPH-Business 1/26 T o b i a s W e x i ø S o n n e MultiMedieDesigner CPH-Business 1/26 Indholdsfortegnelse - Intro - Mindmap - Designvalg - Farvevalg - Logo - Ensartethed - Farver - Det gyldne snit - Fleksibilitet & brugbarhed

Læs mere

PROJEKTET LAYOUT IDEUDVIKLING - PROCESS FRA IDÉ TIL PRODUKT

PROJEKTET LAYOUT IDEUDVIKLING - PROCESS FRA IDÉ TIL PRODUKT PROJEKTET Udarbejdelse og idéudvikling af en fiktiv grafisk identitet til Puls Fitness. I denne kernefaglighed fremhæver jeg designet til websitet samt lidt merchandise. Derudover ses et udkast til bl.a.

Læs mere

PRODUKTION OG WORKFLOW

PRODUKTION OG WORKFLOW PRODUKTION OG WORKFLOW INTERN PROJEKTSTYRING PRODUKTION OG WORKFLOW Majken Cramer, Hovedforløb 2 Aarhus Tech, september 2012 HVAD GÅR OPGAVEN UD PÅ JULI 2012. Jeg har stået for projektstyringen på intranettet

Læs mere

WEBDESIGN & WEBKOMMUNIKATION

WEBDESIGN & WEBKOMMUNIKATION WEBDESIGN & WEBKOMMUNIKATION 16. februar 2012 #3 - Webteknologier + HTML5 fortsat PROGRAM FOR I DAG 1. Webteknologier 2. Best practice & semantik 3. Det handler om struktur 4. Hvis tid: Links 5. Hvis tid:

Læs mere

1 // Grafisk design. Hjemmesiden før. Kunde. Produkt. Opgave. Målgruppe. Bogforlaget Frydenlund A/S. www.his2rie.dk

1 // Grafisk design. Hjemmesiden før. Kunde. Produkt. Opgave. Målgruppe. Bogforlaget Frydenlund A/S. www.his2rie.dk Kunde Bogforlaget Frydenlund A/S Produkt www.his2rie.dk Opgave Hjemmesiden før Redesign af hjemmesiden www.his2rie.dk, som ejes af forlaget. Min opgave lød på, at udforme et nyt design til hjemmesiden,

Læs mere

Sider, indlæg og projekter

Sider, indlæg og projekter Sider, indlæg og projekter I Divi-temaet er der tre forskellige måder at lægge artikler op på sitet; Sider, indlæg og projekter. På Villybruun.dk bruges Sider til alle artikler. Man kan oprette eller redigere

Læs mere

MANUAL - Joomla! Version 1

MANUAL - Joomla! Version 1 MANUAL - Joomla! Version 1 Indhold Retningslinjer for hjemmesiden... 3 Log ind... 3 Ret i en artikel, der allerede er oprettet... 4 Opret ny artikel... 8 a) Skriv direkte i tekstfelt... 9 b) Indsæt tekst

Læs mere

Grafisk Design. Mediegrafiker uddannelsen - Svendeprøve. Helena Schmidt

Grafisk Design. Mediegrafiker uddannelsen - Svendeprøve. Helena Schmidt Grafisk Design Mediegrafiker uddannelsen - vendeprøve Helena chmidt Dokumentation Opgave beskrivelse: Opgaven er fiktiv. er et brand som sælger børneinterior. er en virksomhed som sælger business to business.

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