#Anna Skak #Mediegrafiker
|
|
- Else Emilie Møller
- 8 år siden
- Visninger:
Transkript
1 Grafisk Workflow
2 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 om klubben. Alt lige fra farven på spillesættet til placering af hjemmebane. Den skulle kunne lokke nye klubmedlemmer til med sit fede layout, og via billeder der giver indblik i sammenholdet i den lille lokale fodboldklub i Aarhus. Denne opgave lavede jeg i fællesskab med en anden, men vi bidrog begge lige meget gennem hele forløbet, både fra idéproces til det færdige og online website. PROGRAMVALG Adobe programmet InDesign blev brugt til at lave Storyboard over sitet. I Photoshop lavede vi layoutet og I Dreamweaver oprettede og kodede vi sitet. LAYOUT Noter og frimærkeskitser blev tegnet i hånden i idéprocessen. Andre klubbers websites blev studeret nøje, for at se hvad de gjorde for at oplyse om klubben, og for at se hvad der solgte og ikke solgte. I Photoshop opsatte vi layoutet efter den valgte skitse og lavede justeringer undervejs. Da det er en single page website delte vi kluboplysningerne op i menupunkter, som fik hver deres baggrundsfarve eller baggrundsbillede for at give et bedre overblik. I Dreamweaver satte vi websitet til at være responsivt, så den kunne tilpasse sig alle skærmstørrelser, både på computere, tablets og smartphones. Breddemålene på websitet er derfor opgivet i procenter og ikke i faste pixels. Af virkemidler til sitet har vi taget billeder af klubbens medlemmer når de var til kamp og træning, som blev brugt til stemningsbilleder for at vise sammenholdet og menneskerne bag. Vi lavede nogle iøjnefaldende topbannere, som slides, med henblik på at sælge klubben. Typografien bestod af samme font som klubben i forvejen brugte, nemlig Quantico, bold. Fonten valgte vi at genbruge for at give genkendelse, men samtidig også fordi fonten minder om fonten på bagsiden af amerikansk fodboldtrøjer og derfor har et godt sportsligt look. KOMPOSITION SAMT MODULOPBYGNING Vi har fulgt konventionen om at placere klubbens logo i øverste venstre hjørne. Det første der falder i øjnene er de to slides som skiftevis bliver vist. Det var vigtigt at have disse bannere øverst, for at lokke brugeren til at se mere på sitet. Ved at scrolle eller klikke i menuen, som i øvrigt følger med lige meget hvor du befinder dig på websitet, bliver man ført ned over tekst og billeder. Det er minimalistisk, men med den nyttige infomation om klubben og dens spillere. Vi har forsøgt at holde sitet kort, så brugeren ikke mister overblikket og interessen undervejs ved at scrolle, da det jo er et single page website. USABILITY vække lysten til at kontakte klubben for at komme i gang med at spille fodbold. AKTUALITET Brugere skal nemt kunne se at websitet er aktuelt, og ikke forældet som mange andre sportsklubbers hjemmesider. Vi har nemlig valgt ikke at inddrage kampresultater, blog, nyheder, spillere og alt mulig andet, som skal opdateres løbende og som næsten aldrig bliver det. Vi ville gerne sørge for at holde den forholdsvis tidsløs, som var et meget bevidst valg. Sitet skal signalere at klubben har et godt sammenhold på kryds og tværs, og at den er åben for nye folk der kunne have interesse i et medlemsskab. Den er især aktuel for personer der leder efter en social fodboldklub centralt i Aarhus, og oveni har et billigt kontingent. BROWSERKOMPATIBILITET Websitet kan ses på computeren i browserne Safari, Mozilla Firefox, Google Chrome og Internet Explorer. Sitet er også lavet sådan at man kan se den på tablet og smartphone. PROCESBESKRIVELSE Søge inspiration på internettet Flowchart laves Notater skrives og Frimærkeskitser tegnes Fotografering af klubmedlemmerne Udarbejde layout Få feedback og godkendelse fra klubben Grafikoptimere billederne til web Fremstilling af Storyboard Skelettet over sitet tegnes Påbegynde kodning af websitet Sætte websitet live ADRESSELINJE KVALITETSVURDERING Fodboldklubben Egmont Rollators FC er meget tilfreds med den website vi fik lavet til dem. Nu kan de sprede deres budskab ud til en bredere målgruppe end kun dem som har en bruger på Facebook. Jeg synes også at den var vellykket og flot, og også lærerig eftersom vi opsatte den som en single page website som jeg ikke havde prøvet før. Målgruppen er mellem 18 og 40 år, og er både mænd og kvinder som bor i Aarhus og omegn. Primær er det tidligere fodboldspillere der er flyttet til byen for at studere. Der søges derfor efter venskaber, selvrealisering, udfordring, sjov, sammenhold og ikke mindst motion. Da målgruppen favner bredt, skulle sitet være overskueligt og give brugeren den nyttige viden, samt #Anna Skak #Mediegrafiker
3 INSPIRATION Se på forskellige websites, især andre klubbers for at se hvad man kunne gøre og ikke skulle gøre #Grafisk Workflow
4 FLOWCHART, SKITSER & BILLEDER Flowchart over websitet Notater og Frimærkeskitser over ideprocessen Forside Klubben Udtalelser Find os Billeder som blev benyttet Kontakt egmont-logo.png money-icon.png slide1.jpg formand.jpg klub-bg.jpg play-icon.png slide2.jpg #Anna Skak #Mediegrafiker holdaand.jpg field-icon.png bordfodbold.jpg anna.jpg
5 STORYBOARD Storyboard for sitet GENERELT KLUBBEN (2) Body Baggrundsfarve #FFFFFF. Baggrundsbillede klub-bg.jpg 2 Menulinje Baggrundsfarve # Den er fastsat i toppen og følger med når der scrolles. Dropdown menuen er placeret ude i højre hjørne. Rækkefølge på menupunkter: Forside, Klubben, Udtalelser, Find os, Kontakt. 1 Logo Placeret oppe i venstre hjørne på menulinjen. Til højre for logoet er klubbens navn med størrelsen 16 px. egmont-logo.png Font Quantico, bold. Fontfarve # h1: størrelse på 3.33 em, line-heigt på em. h2: størrelse på 1.25 em, line-heigt på em. h3: størrelse på em, line-heigt på em. Brødtekst: størrelsen em, line-height på 1.6 em. 3 2 Formular Baggrundsfarve # h2 i hvid, brødtekst i hvid og centreret. Knappen har farven #DD4324 UDTALELSER (3) Baggrundsfarve #A5C99B h1 øverst, citatnavnene nederst er h2. Citater Baggrundsfarve #809A78. brødtekst med farven #FFFFFF. h1 og h2 Integreret Google map i 100 % width. FORSIDE (1) Ikoner money-icon.png play-icon.png field-icon.png Slide holdaand.jpg bordfodbold.jpg FIND OS (4) Tekstindhold egmont_fodbold.doc Slider slide1.jpg slide2.jpg h1, h2, brødtekst og der er brugt span til at give farve til Herrerne # og Damerne #6F0202. KONTAKT (5) 4 Baggrundsfarve #78899A Al tekst med farven #FFFFFF. h1 øverst. Kontaktboks farve # h2 og brødtekst, li. Billeder af kontaktpersoner formand.lpg anna.jpg 5 Integration af Egmont Rollators FCs Facebook stream. #Grafisk Workflow
6 SKELET Da det er en single page website er skelettet tegnet på 3 stykker papir hvor man skal forstille sig sammenhængen #Anna Skak #Mediegrafiker
7 RESULTAT I BROWSER Browserkompatibilitet Google Chrome Kan også ses på tablet og smartphone Firefox Safari #Grafisk Workflow
8 STYLES.CSS Vi brungte CSS-framework; Foundation til den barsale opbygning, samt til visse elementer så som slidere og topmenu. Det gjorde det lettere at kode websitet og gjorde det responsivt, så det lettere tilpasser sig andre skærmstørrelser. /* GENEREL */.center {text-align:center;} h1 {position:relative; margin-top:0.750em;} h1 span {position:absolute; top:-50px;}.skygge-wrapper {height:10px; background: url(../img/skygge.png ) no-repeat; background-size:100%;}.skygge-wrapper-map {top:-3px;} button,.erfc-button { border-style:none; cursor: pointer; font-family: inherit; font-weight: 700, bold; line-height: 1; margin: em; position: relative; text-decoration: none; text-align: center; width: 100%; display: inline-block; padding-top: 0.25em; padding-bottom: em; font-size: 1em; background-color: #dd4324; color: white; } button:hover, button:focus,.erfc-button:hover,.erfc-button:focus { background-color: #be3b22; }.top-bar a.logo {text-indent: px; overflow:hidden; text-align:left; background-image: url(../img/egmont-logo.png ); background-repeat:no-repeat; background position: 50% 50%; display:block; width: 287px; height: 42px; margin: 3px px;} /* FORSIDE */.top-selling {margin-top: 2.5em;}.top-selling img {margin-bottom: 20px;} /* Signup form */.sign-up {visibility:hidden; display:none; background-color: #282828; color: #FFF; padding: 30px 10px 0px 0; margin-top: 2.5em;}.sign-up form {margin: 0;}.sign-up h2 {text-transform: uppercase; color:#fff; margin-top: -0.3em;}.sign-up.radio-button-group {margin-top: 0.675em; margin-bottom:0.675em;} /* KLUBBEN */.about-club-wrapper {/*background: #b4b9dc;*/ background: url(../img/klub-bg.jpg ) center bottom no-repeat, url(../img/klub-repeat-bg.jpg ) top left repeat-y; background-size:100%; margin-top: 3.333em; padding-bottom: 3.333em; }.about-club h1 {margin-bottom: 0;}.about-club h3 {margin-top: 0;}.about-club.black-bar {background-color: #000; height: 0.250em; margin-bottom: 2.5em;}.about-club-section {margin: 1em 0;}.herrer {color:#284496;}.damer {color:#6f0202;}.club-picture img {border: 10px solid #fff;} /* UDTALELSER */.club-quotes-wrapper {background: #a5c99b;}.quote-box-wrapper {margin-bottom: 3.333em;}.quote-box {background: #809a78; padding: 2em; color: #fff; margin-bottom:0;}.quote-box-speech {float:right; margin-right: 20px; width: 0; height: 0; border-top: 0px solid transparent; border-bottom: 50px solid transparent; border-left:50px solid #809a78; }.the-quoted-one {margin-right: 90px; text-align:right;}.the-quoted-one h2 {margin: 5px 0 0 0;}.the-quoted-one h4 {margin: 0; fontweight:400, normal;} /* FIND OS */.find-us h1 {margin-bottom: 0;}.find-us h2 {margin-top: 0;}.find-us-map {width: 100%; height:100%;} /* KONTAKT */.contact-wrapper {background: #78899a; position:relative; top:-2px; padding-bottom: 3.333em;}.single-contact img {width:100%;}.contact-wrapper h1 {color: #fff;}.contact-box {background: #596571; text-align:center; padding: 0.750em 1.250em 1.250em 1.250em; margin-top:10px; color: #fff; margin-bottom:0; white-space:normal;}.contact-box h2 {color: #fff; margin:0;}.contact-box ul {margin-bottom:0;}.contact-box ul li {text-decoration:none; list-style:none; font-size: 0.750em;}.contact-box ul li a {color: #fff;}.contact-box ul li a:hover {text-decoration:underline;}.facebook-box {background: #fff; padding: 0;}.facebook-box * {width: 100%!important;} #Anna Skak #Mediegrafiker
9 HTML-KODE <!DOCTYPE html> <!--[if IE 8]> <html class= no-js lt-ie9 lang= en > <![endif]--> <!--[if gt IE 8]><!--> <html class= no-js lang= en > <!--<![endif]--> <head> <link href= rel= stylesheet type= text/css > <meta charset= utf-8 /> <meta name= viewport content= width=device-width, initial-scale=1, maximum-scale=1 /> <title>egmont Rollators FC Spil fodbold i Aarhus med Egmont Rollators FC</title> <meta name= description content= fodbold i aarhus, spil fodbold, fodboldklub, fodboldklub aarhus, egmont rollators fc > <meta name= author content= Egmont Rollators FC > <link rel= stylesheet href= css/foundation.css /> <link rel= stylesheet href= css/styles.css /> <script src= js/vendor/custom.modernizr.js ></script> <!-- ANALYTICS CODE --> <script> (function(i,s,o,g,r,a,m){i[ GoogleAnalyticsObject ]=r;i[r]=i[r] function(){ (i[r].q=i[r].q []).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getelementsbytagname(o)[0];a.async=1;a.src=g;m.parentnode.insertbefore(a,m) })(window,document, script, // ga ); ga( create, UA , egmontrollatorsfc.dk ); ga( send, pageview ); </script> </head> <body> <!-- FACEBOOK PLUGIN --> <div id= fb-root > <script>(function(d, s, id) { var js, fjs = d.getelementsbytagname(s)[0]; if (d.getelementbyid(id)) return; js = d.createelement(s); js.id = id; js.src = //connect.facebook.net/da_dk/all.js#xfbml=1 ; fjs.parentnode.insertbefore(js, fjs); }(document, script, facebook-jssdk ));</script> <!-- FACEBOOK PLUGIN SLUT --> <div class= fixed contain-to-grid > <nav class= top-bar > <ul class= title-area > <li class= name > <a href= index.html class= logo >Egmont Rollators FC</a> </li> <li class= toggle-topbar menu-icon ><a href= # ><span>menu</span></a></li> </ul> <section class= top-bar-section > <!-- Right Nav Section --> <ul class= right > <li><a href= # >FORSIDE</a></li> <li><a href= #klubben >KLUBBEN</a></li> <li><a href= #udtalelser >UDTALELSER</a></li> <li><a href= #findos >FIND OS</a></li> <li><a href= #kontakt >KONTAKT</a></li> </ul> </section> </nav> <div class= large-12 columns > <ul data-orbit data-options= bullets:false; slide_number:false; > <li> <img src= img/slide1.jpg /> </li> <li> <img src= img/slide2.jpg /> </li> </ul> <div class= row top-selling > <div class= large-4 center columns > <img src= img/money-icon.png /> <p>egmont Rollators FC har et af de billigste kontingenter i Aarhus. her får du lov til at spille fodbold i Aarhus, uden at smide hele formuen.</p> <div class= large-4 center columns > <img src= img/football-player-icon.png /> <p>en fodboldklub er en god måde at møde nye mennesker. I Egmont Rollators FC har vi et godt sammenhold, holdene imellem.</p> <div class= large-4 center columns > <img src= img/football-field-icon.png /> <p>vi træner 2 gange om ugen på Læssøgadeskolen, en meget central fodboldbane i centrum af Aarhus. Her kan alle være med.</p> <div class= row sign-up <div class= large-12 columns > <div class= large-4 center columns > <h2>vær med på holdet</h2> <p>send os dit navn, nummer og mail, så kontakter vi dig angående #Grafisk Workflow
10 en uforpligtende træning.</p> <div class= large-8 columns > <form class= custom > <div class= large-4 columns > <input type= text placeholder= Navn > <div class= large-4 columns > <input type= text placeholder= Tlf. nummer > <div class= large-4 columns > <input type= text placeholder= > <div class= large-3 radio-button-group columns > <p>kontakt mig via.</p> <div class= large-5 radio-button-group columns > <div class= small-4 columns > <label for= radio1 ><input name= radio1 type= radio id= radio1 style= display:none; ><span class= custom radio ></span> SMS</label> <div class= small-4 columns > <label for= radio1 ><input name= radio1 type= radio id= radio1 style= display:none; ><span class= custom radio ></span> </label> <div class= small-4 columns > <label for= radio1 ><input name= radio1 type= radio id= radio1 style= display:none; ><span class= custom radio ></span> Opkald</label> <div class= large-4 columns > <input class= erfc-button type= submit value= SEND > </form> <div class= about-club-wrapper > <div class= small-12 skygge-wrapper columns > <div class= row about-club > <div class= large-6 small-centered center columns > <h1><span id= klubben ></span>klubben</h1> <h3>alt det du skal vide om klubben</h3> <div class= small-2 large-1 small-centered center black-bar columns > <div class= row center > <div class= small-6 large-4 large-offset-2 about-club-section columns > <h2>træning</h2> <p><span class= herrer >Herrerne</span> træner mandag og onsdag fra<br/> 19:00-20:30<br/> <span class= damer >Damerne</span> træner mandag og onsdag fra<br/> 19:00-20:30</p> <div class= small-6 large-4 about-club-section columns > <h2>kampe</h2> <p><span class= herrer >Herrerne</span> spille kamp lørdag eller søndag.<br/> <span class= damer >Damerne</span> spiller kamp mandag eller onsdag.</p> <div class= large-2 columns > <div class= row center > <div class= small-6 large-4 large-offset-2 about-club-section columns > <h2>kampformat</h2> <p><span class= herrer >Herrerne</span> spiller 11-mands i 90 min.<br/> <span class= damer >Damerne</span> spiller 7-mands i 60 min.</p> <div class= small-6 large-4 about-club-section columns > <h2>niveauet</h2> <p><span class= herrer >Herrerne</span> spiller i Serie 5<br/> <span class= damer >Damerne</span> spiller i C1</p> <div class= large-2 columns > <div class= row center > <div class= small-6 large-4 large-offset-2 about-club-section columns > <h2>hjemmebane</h2> <p>egmont Rollators FC har hjemmebane på Skjoldhøjskolen i Tilst. Inden for cykeldistance og bus 3A går hver 10.ende minut.</p> <div class= small-6 large-4 about-club-section columns > <h2>indendørs FODBOLD</h2> <p>hver vinter træner vi indendørs. Det koster kun 100 DKK for en hel vinter med indendørs fodbold.</p> <div class= large-2 columns > <div class= row club-picture > <div class= large-8 small-centered columns > <ul data-orbit data-options= bullets:false; slide_number:false; > <li> <img src= img/holdaand.jpg /> #Anna Skak #Mediegrafiker
11 </li> <li> <img src= img/bordfodbold.jpg width= 2592 height= 1936 /> </li> </ul> <div class= club-quotes-wrapper > <div class= small-12 skygge-wrapper columns > <div class= large-6 small-centered center columns > <h1><span id= udtalelser ></span>udtalelser</h1> <div class= large-4 large-offset-2 quote-box-wrapper columns > <p class= quote-box > Egmont Rollators er en hyggelig klub, hvor vi har et godt sammenhold med dameholdet også. Det har jeg ikke oplevet på samme måde i andre klubber. Klubbens medlemmer er åbne og imødekommende og derfor er Egmont Rollators FC også en fodboldklub hvor man kan komme ind og sætte sit præg hvis man gør en indsats. </ p> <div class= quote-box-speech > <div class= the-quoted-one > <h2>rené Albertsen</h2> <h4>egmont Rollators FC spiller</h4> <div class= large-4 quote-box-wrapper columns > <p class= quote-box > Egmont Rollators FC 4-ewar! </p> <div class= quote-box-speech > <div class= the-quoted-one > <h2>peder Thomsen</h2> <h4>træner/spiller - herreholdet</h4> <div class= large-2 columns > <div class= small-12 skygge-wrapper columns > <div class= row find-us > <div class= small-12 large-6 small-centered center columns > <h1><span id= findos ></span>find OS</h1> <h2>skjoldhøjskolen I TILST</h2> <div class= find-us-map > <iframe width= 100% height= 350 frameborder= 0 scrolling= no marginheight= 0 marginwidth= 0 src= 6&spn= , &t=m&iwloc=0004e0d4d5f2d91f64ecb&output=embed ></iframe> <div class= contact-wrapper > <div class= small-12 skygge-wrapper columns > <div class= large-6 small-centered center columns > <h1><span id= kontakt ></span>kontakt</h1> <div class= small-6 large-3 single-contact columns > <img src= img/formand.jpg > <div class= contact-box > <h2>andreas Hansen</h2> <p>formand</p> <ul> <li> </li> <li>andreasoue(a)hotmail.com</li> </ul> <div class= small-6 large-3 single-contact columns > <img src= img/anna.jpg > <div class= contact-box > <h2>anna Skak</h2> <p>holdleder for Dameholdet</p> <ul> <li> </li> <li>anna_skak(a)hotmail.dk</li> </ul> <div class= large-6 facebook-box columns > <div class= fb-like-box data-href= data-width= 460 data-height= 295 data-show-faces= false data-stream= true data-show-border= true data-header= false > <script> document.write( <script src= + ( proto in {}? js/vendor/zepto : js/vendor/jquery ) + #Grafisk Workflow
12 .js><\/script> ) </script> <script src= js/foundation.min.js ></script> <!-- <script src= js/foundation/foundation.js ></script> <script src= js/foundation/foundation.alerts.js ></script> <script src= js/foundation/foundation.clearing.js ></script> <script src= js/foundation/foundation.cookie.js ></script> <script src= js/foundation/foundation.dropdown.js ></script> <script src= js/foundation/foundation.forms.js ></script> <script src= js/foundation/foundation.joyride.js ></script> <script src= js/foundation/foundation.magellan.js ></script> <script src= js/foundation/foundation.orbit.js ></script> <script src= js/foundation/foundation.reveal.js ></script> <script src= js/foundation/foundation.section.js ></script> <script src= js/foundation/foundation.tooltips.js ></script> <script src= js/foundation/foundation.topbar.js ></script> <script src= js/foundation/foundation.interchange.js ></script> <script src= js/foundation/foundation.placeholder.js ></script> --> <script> $(document).foundation(); </script> </body> </html> #Anna Skak #Mediegrafiker
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 mereGRAFISK 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 mereGrafisk 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 mereGrafisk 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 mere5. 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 mereGrafisk 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 mereGrafisk 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 mereMit 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 mereLaura 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 mereGRAFISK 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 mereFORSTÅ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 mereGRAFISK 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 mereGRAFISK 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 mereGrafik & Billede weloveorganic.com webshop
Grafik & Billede weloveorganic.com webshop Opgaven og afsender: Weloveorganic.com er en forholdsvis ny virksomhed, der pånuværende tidspunkt udelukkende sælger økologisk tøj til kvinder. På længere sigt
Læs mereKT 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 mereGrafisk 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 mereGRAFISK 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 mereweb 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 meregrafisk 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 mereGrafisk 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 merePortfolio - 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 mereNyhedsbrev 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 mereGRAFISK 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 mereProjekt-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 mereOPGAVE: WELOVEORGANIC.COM WEBSHOP
OPGAVE: WELOVEORGANIC.COM WEBSHOP OPGAVEN OG AFSENDER: Weloveorganic.com er en forholdsvis ny virksomhed, der pånuværende tidspunkt udelukkende sælger økologisk tøj til kvinder. På længere sigt ønsker
Læs merePræ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 mereIndhold. 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 mereGrafisk 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 mereGRAFISK 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 mereGRAFISK 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 mereDokumentation. 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 mereForståelse for grafisk produktion og workflow
Forståelse for grafisk produktion og workflow Fallulah hjemmeside Opgaven: Blev stillet i forbindelse med forløbet avanceret webdesign, jeg har hverken fået karakter eller bedømmelse på den. Opgaven bestod
Læs mereGRAFISK 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 mereworkflow Programmer: Om opgaven: Kvalitetsvurdering: Afsender: Modtager: Cathrine Laulund Web: Dreamweaver Billedbehandling: Photoshop
Om opgaven: For et halvt år siden overtog nogle bekendte værtshuset Midtskiws i Skive. De havde derfor brug for en ny hjemmeside, som kunne fungere som et online informationssted og visitkort for deres
Læs mereportfolio 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 mereGrafisk. 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 mereMark 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 mere1. 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 mereGrafisk Workflow. hovedforløb 2
Grafisk Workflow hovedforløb 2 WORLD OF FURNITURE Forside.wrapper width: 95%; margin: 0 auto; box-shadow: 0px 0px 25px #888888; Image slider carousel 5 sekunder .button span.button span:after.button:hover
Læs mereGRAFISK 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 mereGrafisk 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 mereByg 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 mereOPGAVE BESKRIVELSE ARBEJDSPROCES. Idéudvikling. Inspiration. Skelet. Uploade til server. Kodning. Teste sitet igennem. Rettelser og godkendelse
GRAFISK WORKFLOW ARBEJDSPROCES OPGAVE BESKRIVELSE OPGAVEN At lave et redesign af AGF Fanclubs hjemmeside med et mere nutidigt look og bedre oversskuelig brugerflade. Opgaven har jeg stillet mig selv, men
Læs merePORTFOLIO TYPOGRAFI & OMBRYDNING
PORTFOLIO TYPOGRAFI & OMBRYDNING Typografi & Ombrydning DOKUMENTATION Opgave beskrivelse Kunden ønsker at få en simpel bruchurer, som han kan dele ud i klubben. Han kunne godt tænke sig i denne brochure,
Læs mereGrafisk. 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 merePortfolio - 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 mereWORKFLOW & 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 mereGRAFISK 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 mereMartin 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 mereGrafik 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 mereGRAFISK WORKFLOW - RESPONSIV WEBSIDE
GRAFISK WORKFLOW - RESPONSIV WEBSIDE REDEGØRELSE Opgavebeskrivelse Redesign hjemmeside for Murerfirmaet Døssing i responsivt design, som udstråler professionalisme. Der skulle være en referenceside med
Læs mereGrafisk produktion og workflow
Grafisk produktion og workflow Helle Nicolaysen svendeprøve juni 2016 Kunde (fiktiv) Bomholt er en virksomhed der laver og sælger plankeborde og som nu ønsker en helhedsorienteret grafisk designlinje,
Læs mereCSS 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 mereOrdbø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 mereOPGAVEN 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 mereGRAFISK WORKFLOW PORTFOLIO NIKLAS POULSEN H1
GRAFISK WORKFLOW PORTFOLIO NIKLAS POULSEN H1 GRAFISK WORKFLOW DOKUMENTATION OPGAVEN Denne opgave er lavet som en fiktiv opgave. Opgaven er lavet for et fiktivt firma, som tilbyder personlig fitness træning.
Læs mereGrafisk 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 mereGRAFISK 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 mereGRAFISK WORKFLOW WEBSITE: MEEFRED DESIGN
GRAFISK WORKFLOW GRAFISK WORKFLOW WEBSITE: MEEFRED DESIGN OPGAVEN: Meefred Design er en enkeltmandsvirksomhed, som tilbyder grafisk design til både erhverv og private. Meefred Design har endnu ikke fået
Læs mereGRAFISK 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 mereGrafisk 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 mereOversigt 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 mereDokumentation. 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 mereGRAFISK WORKFLOW PHILIP CREAMER AARHUS TECH SVENDEPRØVE NOVEMBER 2016
GRAFISK WORKFLOW PHILIP CREAMER AARHUS TECH SVENDEPRØVE NOVEMBER 2016 grafisk WORKFLOW // DOKUMENTATION opgaven // Jeg har i min opgave lavet et responsive onepage website for et årlig event kaldet Dirt
Læs mereProdukt. 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 mereRESPONSIVE 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 mereEfterlyst! 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 mereGRAFISK 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 mereSe 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 mereportfolio 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 meregrafisk 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 mereTHOMAS KNUDSHOLT MEDIEGRAFIKER. Grafik - Billedbehandling - Typografi og Ombrydning Grafisk Design - Grafisk Produktionsforståelse
THOMAS KNUDSHOLT MEDIEGRAFIKER Grafik - Billedbehandling - Typografi og Ombrydning Grafisk Design - Grafisk Produktionsforståelse MEDIEGRAFIKER HOVEDFORLØB 2 GRAFISK DESIGN DOKUMENTION Kunden: Retsforbundet
Læs mereGRAFISK 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 mereBrugervejledning 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 mereVejledning. Tabulex Hjemmeside. Styling af sidemenuer. Side 1 af 8
Tabulex Hjemmeside Styling af sidemenuer Side 1 af 8 Styling af sidemenuer Sidemenuerne kan styles efter alle ønsker. Du skal vælge modulet: "Styling" på det niveau, hvor det skal have virkning. F.eks.
Læs merePORTFOLIO 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 mereGrafisk 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 mereGRAFISK 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 mere1. 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 mereOpgaven. Væsentlighed. Problemstillinger. Browserkompabilitet. Layout. Kvalitetsvurdering. Format. Processer. Komposition og modulopbygning
Opgaven Opgaven var fiktiv, og gik ud på at lave en side med titlen Husk Hjelmen - hvilket skulle være en underside, til rådet for sikker trafik. I sidens layout skulle vi vise at der var plads til at
Læs mereOPGAVEN PROGRAMVALG. Jeg har brugt Illustrator til at lave logo og ikoner.
GRAFISK DESIGN OPGAVEN Min kæreste er medstifter af en vinloge. Medlemmerne af logen kunne godt tænke sig et sted, hvor de bl.a. kunne få et overblik over, hvilke vine de har bedømt og hvornår næste loge
Læs mereGrafisk 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 mereGrafisk 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 mereSabine 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 mereGRAFISK DESIGN. webdesign af pl.dk
Webdesign af pl.dk Opgavebeskrivelse Bold.dk og 6 eren har slået sig sammen for at skabe Danmarks største Premier League fodboldportal, PL.dk. Hjemmesiden skal indeholde mange informationer, og samtidig
Læs mereELEMENTER 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 mereNu skal vi især se på <font> og <center> samt centrering af hele siden på skærmen.
Validering 4 Nu skal vi især se på og samt centrering af hele siden på skærmen. Det er i HTML ikke forbudt at bruge koden , men lad nu være alligevel, du får blot en masse valideringsproblemer.
Læs mereBirgitte Bremholm Persson MG21 svendeprøve 2015 MEDIEGRAFIKERSVENDEPRØVE
Birgitte Bremholm Persson MG21 svendeprøve 2015 MEDIEGRAFIKERSVENDEPRØVE Grafisk produktion og workflow Grafisk produktion og workflow l 12 Pedersholmparken 6 DK 3600 Frederikssund Tlf.: +45 27 57 7164
Læs mereGRAFISK 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 mereGrafisk 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 mereGRAFISK 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 mereOm 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 mereRoskildes 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 mereHHBR. 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 mereGRAFISK 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 mereNedarvning. 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 meregrafisk workflow OPGAVE: EMBRACE-IT WEBSITE
grafisk workflow OPGAVE: EMBRACE-IT WEBSITE BESKRIVELSE GRAFISK WORKFLOW BESKRIVELSE Den tidligere nævnte virksomhed Embrace-IT, forsøger i takt med at virksomhen vokser, at opdatere og optimere deres
Læs mere