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;

Præsentationsportfolio for Hovedforløb 1. Kongens Folk hjemmeside

Præsentationsportfolio for Hovedforløb 1. Kongens Folk hjemmeside Præsentationsportfolio for Hovedforløb 1 Kongens Folk hjemmeside Opgaven Jeg skal lave en ny hjemmeside til foreningen Kongens Folk. De har en gammel hjemmeside der skal fornyes. De ønsker en side, der

Læs mere

5. Billeder og logo til websitet er optimeret til web via Photoshop, så de fylder mindst muligt for at mindske indlæsningstiden for websitet.

5. Billeder og logo til websitet er optimeret til web via Photoshop, så de fylder mindst muligt for at mindske indlæsningstiden for websitet. GRAFISK WORKFLOW Grafisk workflow Beskrivelse Opgaven Design af website til Tipsbladet Fokus, som er noget, jeg selv har fundet på. Det er tænkt som et alternativ til Tipsbladet.dk, hvor der på Tipsbladet

Læs mere

Grafisk workflow. Maria Clausen Svendeportfolio Grafisk workflow

Grafisk workflow. Maria Clausen Svendeportfolio Grafisk workflow Grafisk workflow Maria Clausen Svendeportfolio Grafisk workflow OPGAVEN Kunden har stiftet et nyt firma som hedder Wood id, som sælger lamper, møbler og tilbehør lavet i kvalitets træ. Kunden ville gerne

Læs mere

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

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

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 STILHISTORIE. Website lavet i forbindelse med et projekt om stilhistorie. Klik her for at se websitet:

Grafisk Workflow STILHISTORIE. Website lavet i forbindelse med et projekt om stilhistorie. Klik her for at se websitet: STILHISTORIE Website lavet i forbindelse med et projekt om stilhistorie. Klik her for at se websitet: http://www.mediegrafiker-ats.dk/12gf32med8b/stil/maria/ Opgaven I forbindelse med et tema omhandlende

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

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

GRAFISK WORKFLOW GRAFISK WORKFLOW Opgaven At lave en ny hjemmeside til tekniske skolers sportslege. Den gamle var rodet og uoveskuelig. Det vigtigste var at rydde op, samt holde en rød tråd til logo og indbydelsen. Afsender Lærerne på

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

Projekt-studieweb. Om kommunikationsteorierne. Morten, Jacob, Kristian og Cihat

Projekt-studieweb. Om kommunikationsteorierne. Morten, Jacob, Kristian og Cihat Projekt-studieweb Om kommunikationsteorierne Morten, Jacob, Kristian og Cihat Gestaltlovene Loven om nærhed Loven om lukkethed Loven om lighed Loven om forbundethed Loven om fortsættelse Loven om figur

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

Oversigt HTML5 nye tags til sideopbygning

Oversigt HTML5 nye tags til sideopbygning HTML5 er udviklet af WHATWG Oversigt HTML5 nye tags til sideopbygning (Web Hypertext Application Technology Working Group) En

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

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

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

grafisk workflow Madmagasinet grafisk workflow Madmagasinet Dokumentation Opgaven Madmagasinet skal have et website som er responsive, således deres brugere har en side som er optimeret til de forskellige platformer, hvorpå deres site

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

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

Laura Svendsen Kernekompetencer GRAFISK WORKFLOW

Laura Svendsen Kernekompetencer GRAFISK WORKFLOW Laura Svendsen Kernekompetencer GRAFISK WORKFLOW website til drømmemadpakken Hvad? Opgaven er anden del af en opgave i to dele, et trykt produkt og et digitalt produkt. Vi fik udleveret tekst og billeder

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

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

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

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

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

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

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

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

1. Hovedforløb. Mediegrafiker - 2015

1. Hovedforløb. Mediegrafiker - 2015 Af Ditte Vium Overgaard Grafik og billedbehandling 1. Hovedforløb Mediegrafiker - 2015 OPGAVEBESKRIVELSE Der er til alle de fire kernefagligheder taget udgangspunkt, i mit eget lille projekt, med design

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

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

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

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 HJEMMESIDE EL FIRMA ANDERSEN EL

GRAFISK WORKFLOW HJEMMESIDE EL FIRMA ANDERSEN EL GRAFISK WORKFLOW HJEMMESIDE EL FIRMA ANDERSEN EL 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

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

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

Grafisk Workflow. Mediegrafiker - Svendeprøve. Mediegrafikeruddannelsen af Ramin Azizi

Grafisk Workflow. Mediegrafiker - Svendeprøve. Mediegrafikeruddannelsen af Ramin Azizi Grafisk Workflow Mediegrafiker - Svendeprøve Mediegrafikeruddannelsen 2012-2016 - af Ramin Azizi www.azizidesign.dk Dokumentation Opgavebeskrivelse: Jeg har i denne opgave valgt at redesigne s hjemmeside,

Læs mere

CSS fortsat: Boksmodel, floating & positionering

CSS fortsat: Boksmodel, floating & positionering Webdesign og webkommunikation, formiddagshold (hold 1), IT Universitetet, forår 2012. Øvelse 4, individuel øvelse CSS fortsat: Boksmodel, floating & positionering 1. Lidt om hvad du har lært Du har i øvelse

Læs mere

Se hjemmesiden på:

Se hjemmesiden på: Se hjemmesiden på: www.share-connect.dk Dokumentation Opgavebeskrivelse Det lokale erhvervsnetværk, Share & Connect skulle have designet og programmeret sin nye hjemmeside, hvor de ville kunne have mulighed

Læs mere

ØVELSE 11: TABLES & FORMS (Individuel)

ØVELSE 11: TABLES & FORMS (Individuel) ØVELSE 11: TABLES & FORMS (Individuel) 1. Målsætning I denne øvelse kommer du til at arbejde med to forskellige områder: Forms (formularer) og tables (tabeller) (kapitel 8+9 i LWD.) Du kommer blandt andet

Læs mere

GRAFISK WORKFLOW. Proces. Kodning. Fonts:

GRAFISK WORKFLOW. Proces. Kodning. Fonts: P f t r o o i l o 1 H GRAFISK WORKFLOW»Vi skal bruge en hjemmeside, så vi kan få fat i patienterne til vores botilbud. Ellers risikerer vi at de vælger noget andet. Der skal laves logo, samt lærringsvideoer«proces

Læs mere

1. Bilag: Brugertest for gammel site

1. Bilag: Brugertest for gammel site Bilag 1 1. Bilag: Brugertest for gammel site Brugertest af Isabellais.dk Scenarie 1 Gå ind på www.vinoble.dk Du har på forsiden nogle vine som er fremhævet, de er placeret i nogle bokse, som du har mulighed

Læs mere

Efterlyst! Introduktion HTML & CSS. I dette projekt skal du lære, hvordan du laver din egen plakat. Arbejdsliste. Test dit Projekt.

Efterlyst! Introduktion HTML & CSS. I dette projekt skal du lære, hvordan du laver din egen plakat. Arbejdsliste. Test dit Projekt. HTML & CSS 1 Efterlyst! All Code Clubs must be registered. Registered clubs appear on the map at codeclubworld.org - if your club is not on the map then visit jumpto.cc/ccwreg to register your club. Introduktion

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

Grafik Workflow...2 Opgave Kunden Min opgave Nuværende Design...4 Overvejelser Brainstorm...6 Målgruppe Signalværdi Sitemap Nuværende sitemap...

Grafik Workflow...2 Opgave Kunden Min opgave Nuværende Design...4 Overvejelser Brainstorm...6 Målgruppe Signalværdi Sitemap Nuværende sitemap... Grafik Workflow....2 Opgave Kunden Min opgave Nuværende Design...4 Overvejelser Brainstorm...6 Målgruppe Signalværdi Sitemap Nuværende sitemap...7 Kommende sitemap...7 Mockup...8 Opsætning... 10 Programmer

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

Portfolio - Grafisk Workflow

Portfolio - Grafisk Workflow Portfolio - Grafisk Workflow Opgaven gik ud på at designe et website for en tatovør. Der skulle indgå forskellige elementer på hver enkel side, samt overholdes nogle fastsatte krav. Vi skulle arbejde ud

Læs mere

Webteknologi evalueringsopgave Vinter 2011-2012 - Niels Sundstrup

Webteknologi evalueringsopgave Vinter 2011-2012 - Niels Sundstrup Niels Sundstrup Webteknologi evalueringsopgave Vinter 2011-2012 - Niels Sundstrup Webteknologi - Carl- Henrik Nielsen - Syddansk Universitet, Kolding - Udlevering: 12. januar 2012 Aflevering: 19. januar

Læs mere

GRAFISK PRODUKTIONSFORSTÅELSE

GRAFISK PRODUKTIONSFORSTÅELSE GRAFISK PRODUKTIONSFORSTÅELSE BRILLIANT BIKINIES WEBSITE MARÍ DYRMOSE OPGAVEN OPGAVEBESKRIVELSE Brilliant Bikini kompagniet skulle have designet og programmeret en website, hvor de kunne præsentere deres

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

Stylesheets - grundteori.

Stylesheets - grundteori. Når du designer med css gør du to ting: på den ene side opmærkes og struktureres sidens indhold med tags, eller markører på den anden side tildeles disse tags css-regler, hvormed du styrer layoutet. Her

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

Portfolio - sunestenild.dk

Portfolio - sunestenild.dk Portfolio - sunestenild.dk Grafisk produktion og workflow Anvendte programmer: Opgavebeskrivelse: Jeg vil gerne lave en hjemmeside som promoverer mig selv i forhold til kommende arbejdsgivere og eventuelle

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

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

Roskildes tekniske gymnasium. Kulløse Mijlømesse. Afsluttende kom/it projekt

Roskildes tekniske gymnasium. Kulløse Mijlømesse. Afsluttende kom/it projekt Roskildes tekniske gymnasium Kulløse Mijlømesse Afsluttende kom/it projekt Casper Hansen og Christian Hansen 26-04-2009 Indhold Indledning... 3 Planlægning... 3 Overvejelser... 3 Hvordan man kommer til

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

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

Mini Afsluttende Projekt

Mini Afsluttende Projekt Mini Afsluttende Projekt Tobias Sønderskov Hansen og Lau Lund Leadbetter Roskilde Tekniske Gymnasium Klasse 2.4 - IT 2013 Side 1 af 18 Indholdsfortegnelse Indledning... 3 Mindmap... 3 User Stories... 4

Læs mere

PORTFOLIO SVENDEPRØVE

PORTFOLIO SVENDEPRØVE EDDIE KÜSTER ABI-KHALIL PORTFOLIO SVENDEPRØVE GRAFISK WORKFLOW Red en med blodkræft - Website 2 Produktet 3 OPGAVEN Denne opgave er en mindre fiktiv opgave, som ikke har fået sit sidste godkendelse endnu.

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

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

Marc Creutzberg aarhusportalen AARHUSTECH 19/06 2012

Marc Creutzberg aarhusportalen AARHUSTECH 19/06 2012 Marc Creutzberg aarhusportalen AARHUSTECH 19/06 2012 1 Marc Creutzberg aarhusportalen AARHUSTECH 19/06 2012 Indhold Projekt Beskrivelse... 3 Temaer... 3 Afsender... 4 Budskab & Kommunikations formål...

Læs mere

www.johnnihowardsen.dk - nedarvning med selektorer

www.johnnihowardsen.dk - nedarvning med 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

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

GRAFISK WORKFLOW WEBSHOP TIL KLITMØLLER COLLECTIVE

GRAFISK WORKFLOW WEBSHOP TIL KLITMØLLER COLLECTIVE GRAFISK WORKFLOW WEBSHOP TIL KLITMØLLER COLLECTIVE WEBSHOP TIL KLITMØLLER COLLECTIVE Klitmøller Collective er et nyt lifestyle brand, som udspringer fra fiskerlejet Klitmøller i det nordvestlige Jylland.

Læs mere

Grafisk produktion og workflow

Grafisk produktion og workflow Grafisk produktion og workflow Helle Nicolaysen, mediegrafiker, 3. hovedforløb Introduktion Bylderup-Bov Rideklub har en hjemmeside, bestående af en template, hvor designet er fastlagt. Jeg er i kontakt

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

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

grafisk workflow Frank winding

grafisk workflow Frank winding grafisk workflow Frank winding redegørelse Opgaven Byg & Bo stod foran årets byggeudstilling 2015, og min arbejdsgiver JUGEL&CO skulle stå for alt markedsføring, medieplanlægning og kommunikation. Mit

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

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

Om styles / typografier / typografiark / stylesheets

Om styles / typografier / typografiark / stylesheets Om styles / typografier / typografiark / stylesheets (dvs. Cascading StyleSheet ~ CSS) CSS er et sprog til at definere layout på HTML-dokumenter. CSS indeholder flere muligheder for layout end HTML og

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. Workflow. Side 1

Grafisk. Workflow. Side 1 Grafisk Workflow Side 1 http://mediegrafiker-ats.dk/15gt33med/freja/hotelinger/ Side 2 Kunde: Inger Marie, Hotel Inger Målgruppe: Aldersgruppe mellem 30-50 år. Hvad har jeg bidraget med? Mit bidrag til

Læs mere

Tillykke Med Fødselsdagen

Tillykke Med Fødselsdagen HTML & CSS 1 Tillykke Med Fødselsdagen All Code Clubs must be registered. Registered clubs appear on the map at codeclubworld.org - if your club is not on the map then visit jumpto.cc/ccwreg to register

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

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

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

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

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

STEPS GIANT. GIANT STEPS jazz orchestra. Klasse: tr09mul02. Maria Ekelund, Stephanie Rosborg, Rasmus Seye og Thomas Riis

STEPS GIANT. GIANT STEPS jazz orchestra. Klasse: tr09mul02. Maria Ekelund, Stephanie Rosborg, Rasmus Seye og Thomas Riis Klasse: tr09mul02 STEPS GIANT j a z z o r c h e s t r a Indholdsfortegnelse 1.0 Problemformulering 1.1 Tidsplan 1.2 Wireframe 1.3 Flowchart 2.0 Research 2.1 Begrundelse for design 2.2 Logo 3.0 Generelt

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

Nolde Museet. I gang med Dreamweaver. Opgave. Opgavebeskrivelse. Layout. Mål og CSS

Nolde Museet. I gang med Dreamweaver. Opgave. Opgavebeskrivelse. Layout. Mål og CSS Opgavebeskrivelse Lav en webside om i Sønderjylland. Opgaven fører dig igennem de basale ting, hvad angår opbygningen af en side med CSS. Der er ikke tale om et komplet site, men du kan bruge opgaven som

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

G F W F G R A F I S K W O R K F L O W N I K O L A J V A N G K I L D E M E D I E G R A F I K E R S V E N D E P R Ø V E 2 0 1 6

G F W F G R A F I S K W O R K F L O W N I K O L A J V A N G K I L D E M E D I E G R A F I K E R S V E N D E P R Ø V E 2 0 1 6 G F W F G R A F I S K W O R K F L O W N I K O L A J V A N G K I L D E M E D I E G R A F I K E R S V E N D E P R Ø V E 2 0 1 6 O P G A V E B E S K R I V E L S E Et redesign af hummels website. Det gamle

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

Grafisk. workflow. Produktion. Website

Grafisk. workflow. Produktion. Website Grafisk & Produktion workflow Website www.patellaloeb.dk OPGAVEN: Løbetræneren Mads Frederiksen skulle have designet og programmeret et nyt site, hvor kunderne kan gå ind og læse om de løbepakker, han

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