Opgaven Beskrivelse Kvalitetsvurdering Test i forskellige browsere Workflow Arbejdsgang Procesbeskrivelse
|
|
- Filippa Ravn
- 8 år siden
- Visninger:
Transkript
1
2 Opgven Beskrivelse Kongens Folk skl hve en ny og mere nutidig hjemmeside til deres rbejde. Kongens Folk er en kristen forening, som holder til i Arhus centrum og fungerer både som cfé og kirke. De hr ikke så mnge krv, men de hr et ønske om en mere moderne og frisk hjemmeside. Den skl også være mere dynmisk og let t tilgå. Jeg hr fået meget frie hænder til denne opgve, d jeg også selv er en del f Kongens Folk. Jeg lver hele hjemmesiden, men hr i denne opgve fokus på en ny forside, generel underside, nyheds-, podcst-, glleri- og kontktside. Den skl på sigt lves responsiv og den skl lægges ind i et CMS tsystem, så det bliver nemt for ndre t gå ind og opdtere hjemmesiden. Test i forskellige browsere Siden testes løbende i de forskellige browsere der findes, for t sikre, t den er komptibel og nvendelig lle steder. - Testet i Firefox, Sfri, Internet Explorer, Google Crome: virker i lle browsere. Den kommer også virke til tblets og smrtphones -> responsiv. Kvlitetsvurdering Hjemmesiden hr fået en meget mere frisk identitet end før. Den er mere ungdommelig og hrmonisk hvilket vr det Kongens Folk ønskede. Funktionsmæssigt kn den også flere ting; der er bl. jquery slideshow, CSS3 effekter, en milformulr og den er mere dynmisk. Den er søgemskineoptimeret med metbeskrivelser og metnøgleord, ALT-tekster og titler på lle billeder og tekster. Alle siderne hr også en titel. Ny opsætning, friske billeder, nye frver og fonte gør en stor forskel for overskueligheden og nvigtionen på siden. Idéen til design er kommet smmen med udviklingen f nye plkter, flyers og visitkort til Kongens Folk så de får den smme stil i l deres mterile. Hjemmesiden er stdig ved t blive helt færdiggjort - bl.. også på engelsk. Når den er helt klr, vil den kunne tilgås fr Indtil d ligger den her: newwww.mrinoergrd.dk/index.html. Workflow Arbejdsgng - Lyout og udseende f hjemmesiden plnlægges. Ud fr plnlgte storybord og skelet udrbejdes hjemmesiden. Hertil bruges progrmmet Dremwever CS5, hvor jeg rbejder i DESIGNER workspce og hr det opdelt i både Code og Design. - Index-siden hr et unikt udseende og lves for sig selv. De øvrige sider hr smme struktur og lves derfor i en Templte, hvor jeg definerer hvd der skl være redigerbrt på den. - I de redigerbre områder (Editble res), indsætter jeg diverse tekst og billeder som er optimeret til web. Herefter uploder jeg lt html, css, jquery, billeder og ndre filer til en server. Jeg tjekker løbende i de forskellige browsere hvordn hjemmesiden ser ud, så jeg er sikker på, t det ser ordentligt ud. Procesbeskrivelse - Plnlægning og inspirtionssøgning idéfse. - Hjemmesidens indhold struktureres med flowchrt. - Idéudvikling f lyout, frver, fonte, komposition og modulopbygning. - Storybord og skelet lves til forside og undersider. - Hjemmesiden opbygges i Adobe Dremwever med hjælp fr skelet og storybord. - Der lves en unik forside og en templte som kn bruges til de ndre undersider. Tekst og billeder bliver lgt ind. (billederne gemmes til web sfe for web) - Forbindelse til serveren: kvil.vloni.dk, hvor hjemmesiden hostes. - Uplod til newwww.mrinoergrd.dk - testside - Korrekturlæsning - tekst, billeder, nvigtion, links. mm. - Uplod til den rigtige side:
3 Den nye hjemmeside vist grfisk
4 Originl hjemmeside Screenshots f den gmle hjemmeside Forside Den indeholder mnge informtioner, og det er ønsket, t disse skl orgniseres bedre på den nye side. Nyheder Siden hr fungeret fint til nyheder, men skl optimeres til t fungere bedre. Podcst Siden skl hve mere stil og noget der krkteriserer podcst og lyd bedre end dette. Generel underside Siden skl hve en minumumshøjde, når der ikke er så meget indhold. Kontkt Kongens Folk Siden skl fungere både med Google Mps og milformulr. Ikke bre funktione r og opsætning skl gøres nderle des og bedre. Hele designet skl lves om. Brinstorm Kongens Folk er på mnge måder et sted som rækker ud til en bred målgruppe. V ZMWMSRI JSVF R SNIOXIV WTVSKTV YHZMO LI OEJJI X F VR %EVLYW LpF YRKI IRLIH +Y H HERW W XSV PMRK VpHKMZRMRK OEF J PPIWW GEJr WNS Z QYWMO EPZSV XVS &MFIPIR J VMLIH,IPPMKpRHIR SVH (ERQE VO EOXMZMXIXIV JSVIHVEK ZIRRIV XMPPM H PO /SRKIRW *S OYRW X MWRMRK YRHIV Z XYVMWQI PMK LIH JSVWOIP JEQMPMIKVYTTI PSZWERK MRXIVREXMSREPX VMRK JSVERH.IWYW MK JSVXVS P P MZ LIH JIW X PHVI PIR I\IP WS QLIH STQ VO L]KKI KP HI GI WYRHLIH VEHMGEP WI HIP LIPFVI JEV ZIV ZIRRIV XEPIRXIV WX]VOI WEPZIX PMZWKP HI WINV
5 Inspirtionssøgning og idéudvikling Inspirtion fr ndre steder / moodbord mcnet.dk Hjemmesiden her tilhører Alborg Menighedscenter. Den er moderne, og udstråler t de hr styr på tingene. UD med ksser Inspirtion til enkelthed. Alt behøver ikke t være i ksser for t fungere. Skæve vinkler Det kn fungere godt t bryde den trditionelle opsætning med skæve vinkler. Creflo Dollr Ministries En nden kristen hjemmeside, som er meget fokuseret på en bestemt frve. Fungerer også godt med flg-ikonerne. JellyBelly God opsætning med dynmisk slideshow i toppen. En perfekt måde t vise gode billeder på siden. Anderledes design Mn skl ikke være bnge for t skille sig ud med en nderledes hjemmeside. Så længe den fungerer til sit formål, så er det et plus med et utrditionelt design, der skiller sig ud fr hvd mn normlt ser. Lyout lvet i hånden Håndtegnede skitser til hjemmesiden lyout 1. En side med meget indhold. Det kn der godt rbejdes videre med. 2. God opsætning, nem og overskuelig til en forside 3. God opsætning til en underside, med mulighed for t hve reklmer i siden. 4. Lidt for meget opst og opdelt i ksser 5. God opsætning, men udnødvendigt med en venstre sidebr God opsætning til undersider den kn udbygges. Jeg bruger flere f mine lyouts og rbejder videre med dem i Photoshop. Se nedenstående.
6 Idéudvikling Frvevlg og stil i browserbggrund Browserbggrund Inspirtion fr skæve former treknter og krystller. Skrpe frver i smme nuncer Idé til bggrunden, blev udviklet smmen med udviklingen f en kommende plkt til Kongens Folk. Resulttet blev en msse lyseblå treknter i forskellige størrelser og opcitet. De flyder også en smule ind i hinnden. Bggrunden udgør det grundlæggende udseende for det nye design. Frver - De blå nuncer, som hovedsgeligt ses i browserbggrunden hr en stor effekt på resten f sidens udtryk. Frven hr nuncer f lys blå og hvid. Den udstråler hrmoni, dybde og spiritulitet, og den er også frisk og indbydende. Den blå frve bliver også brugt til links og skillelinjer. #39f - Den hvide frve symboliserer renhed, enkelthed og åbenhed. Den bliver brugt til tekst, bggrund og i flere billeder. #ffffff - Der bruges en smule gul i toppen f siden for t skbe kontrst til de blå og hvide nuncer. Frven er tget fr logoet, hvor hovedfrven også er gul skber en god smmenhæng. #f7d503 - De mørke (grå) frver, bruges til tekstindhold overskrifter og bggrunde. Det er stbile frver som kn bruges på mnge måder og i mnge smmenhænge. De er neutrle i forhold til ndre frver. #eee #cccccc # # Lyout lvet i Photoshop 1. - Fungerer godt med et stort slideshow og sjov idé med de tre tbs lige under. Men der skl rbejdes mere med opbygning og funktionlitet i forhold til indholdet. - De tre bokse i bunden er et godt udgngspunkt til indhold Der skl rbejdes endnu mere med opbygningen. - Godt med en ny sidebr, som indeholder forskellige informtioner fr ndre sider på hjemmesiden en reklmesøjle! 3. - Sidebren hr fået en mørk frve, for t skille sig mere ud fr resten f siden dog bliver den for dominerende t se på. - Forsøg med to, i stedet for tre ksser i bunden, fungerer heller ikke så godt! Mnge ideer - én løsning Lyoutprocessen hr været en del frem og tilbge, fordi der vr mnge ideer. Jeg hr vlgt t bruge elementer fr flere f de forskellige lyouts og kommet frem til et godt resultt, som hr en pæn opsætning, gode frver og god brugervenlighed forside Pæn og luftig opsætning, nemt t overskue. med mulighed for t tilføje flere ting under de tre bokse, hvis det bliver nødvendigt indholdsside Her er sidebren kommet med, uden t være for dominerende. Der er stdig et slideshow, men det er gjort mindre på undersiderne så det ikke er så dominerende.
7 Plnlægning f sidens struktur Flowchrt - Struktur på nuværende hjemmeside: kongensfolk.dk Forside Nyheder Podcst Prktisk info Kongens Folk Glleri Kontkt Sprog Nyheder Vidnesbyrd Arkiv Progrm Kongen Tk DK / UK Podcst Ældre rtikler Gver Folket Vidnesbyrd Service Dig Kongens Venner fcebook Links Kongens Venner Forlg Flowchrt - Struktur på kommende hjemmeside: Indholdet er det smme, det er bre blevet bedre orgniseret og nvneforndret, så siden er nemmere t finde rundt i. kongensfolk.dk Forside Nyheder Podcst Kongens Folk Info Glleri Kontkt Sprog Nyheder Arkiv Om Kongen Progrm Simple Viewer Tk DK / UK Podcst Om folket Gver Progrm Vidnesbyrd Forlg Kontkt Frelse Referencer fcebook
8 Plnlægning f lyout Storybord Storybordet vejleder og forklrer hvilke billeder, tekster, frver og links der skl være på siden. Storybord til forsiden 1 2 Sprogvlg uk.png -> index_uk.html dk.png -> index.html Browserbggrund: bggrund.png Slideshow: rrows.png Slideshow billeder og links front_helene.jpg -> helene.html front_podcst.jpg -> podcst.html front_frelse.jpg - frelse.html front_cthrine.jpg - cthrine.html h2 DET SKER: coffee_icon.jpg Forside.docx -> Det sker p h2 h3 h6 12 h2 KOM FORBI: house_icon.jpg Forside.docx ->Kom forbi 12 Links på siden: 1. Fcebook 2. Kontkt 3. Forside 4. Nyheder 5. Podcst 6. Kongens Folk 7. Info 8. Glleri 9. Kontkt 10. Nyhedsoversigt 11. Podcst 12. mp3.filer -> mppen Podcst 13. Aktiviteter 14. Emil til info@kongensfolk.dk info@kongensfolk.dk h2 LYT MED: sound_icon.jpg Forside.docx -> Lyt med Link 12: : ply.jpg :hover: ply_hover.jpg Footer billede: footer_logo.png Fontvlg Fonte h1 h2 h3 font-fmily: Georgi, Times New Romn, Times, serif; font-size: 2em; font-weight: bold; mrgin-bottom: 3%; font-fmily:aril, Helvetic, sns-serif; font-size: 0.875em; mrgin-bottom: 3%; mrgin-top: 2%; font-weight: bold; font-fmily:aril, Helvetic, sns-serif; font-size: 0.875em; mrgin-top: 2%; font-weight: bold; h6 width: 100%; color: #999; font-size: 9px; border-top: solid 1px #6CF; pdding-top: 10px; cler: right; font-fmily: Aril, Helvetic, sns-serif; h1 bruges til lle hovedoverskrifter h2 bruges til lle underoverskrifter h3 bruges til underoverskrifter og overskrifter i sidebr h6 bruges til t vise dtoer ved hver enkelt nyhed og podcst Begrundelse for fontvlg I denne hjemmeside er brugt to slgs fonte. De største overskrifter og hovedmenuen hr fontfmilien: Georgi, Times New Romn, Times, serif; Denne font er ntikv og brugt både med versler og muniskler. I forhold til grotesk fonte, udstråler den lidt mere personlighed i denne smmenhæng. Andre midre tekster, brødtekster og links hr fontfmilien: Aril, Helvetic, sns-serif; Denne font er grotesk. Den er nem t læse og giver en god overskuelighed.
9 Plnlægning f lyout Storybord Storybord til nyhe der Bredcrumb: p: color: #fff; font-size: 0.625em; : font-weight: bold; h3 h1 p h2 Nyeste nyhed: sgd.jpg Nyheder.docx -> Lørdg den... Slideshow billeder og links slide_kge.jpg slide_cthrine.jpg -> cthrine.html s lide_helene.jpg -> helene.html slide_frelse.jpg -> frelse.html p h3 PODCAST: Sidebr.docx Link til podcst.html h3 VIDNESBYRD: Sidebr.docx Link til helene.html Nyhed: jubileum_tk.jpg Nyheder.docx -> Tk for de 5... h6 Nyhed: 5_yers.jpg Nyheder.docx -> 5 års jubliæums... Link til nniversry.html Ældste nyhed: gudsgve.jpg Nyheder.docx -> Hvis Gud findes... Link til frelse.html h3 FACEBOOK: Sidebr.docx ifrme og link til fcebook.com/kongensfolk
10 Plnlægning f lyout Skelet til forsiden Hjemmesiden hr en mx bredde på 980 px. For t gøre siden responsiv er mnge f målene i fstst i procent og hr evt. en mx-bredde - dette gør sig gældende til indhold og billeder. Når siden ses i forskellige størrelser, følger elementerne med og tilpsser sig til de forskellige størrelser. Skelet til forsiden mx-width 980px 30 px 20 x 20 px 200 px 40 px 15px min. 60 px 380 px 3% 2.6 em 50 x 50 px 6% 300 px 10px 30 px 40 px 150 x 150 px 22 px 20 px 29 % 29 % 10px 10 px På ndre enheder, som mobiler og tblets, er der defineret nogle mål, som tilpsser siden optimlt til enheden. Det rbejder jeg også hen imod med denne hjemmeside. Responsiv 3.4 % 29 %
11 Plnlægning f lyout Skelet til undersider Skelet til undersider 90 % 63 % 30 px 20 x 20 px 200 px 40 px 15 px min. 60 px 160 px 3 % 2.6 em 2.6 em 250 x 200 px 245 x 100 px 60 px 1 % 10 px 32 px 30 px 40 px 150 x 150 px 20 px 1.4 em 3 % 3 % 3 % 10 px 25 % 10 px
12 Detljer på siderne Index-siden og Nyhedssiden Oversigt over indholdet på hver enkelt side Slideshow: jquery slideshow Menu design: G rdient: bckground: liner grdient(#9fe3ff, rgb(51, 204, 255, 0.8)); R unde hjørner: border-rdius: 10px; A nimtion i Sfri og Chrome: -webkit-trnsition: 1s; /* For Sfri 3.1 to 6.0 */ Menu til mobil: mobile-device.css: Ikoner: Border rdius: 100% Folk hr let ved t reltere til ikoner og symboler De bryder også med kssedesignet <link href= mobile.css rel= stylesheet medi= screen nd (min-width: 0px) nd (mx-width: 480px) > {css der vedrører mobil menu Ply knp Ved hover, bliver knppen blå : ply.jpg :hover: ply_hover.jpg Slideshow: jquery slideshow med billeder til nyheder Brødkrummesti: Viser hvor på siden mn er Den er lvet ligesom en menu som en unordered list. Nyheder: Opbygning er meget ens, men mere overskuelig - linker til sider med mere informtion om det pågældende emne Nu med dto - h6 Sidebr: G iver informtion om ndre ting på hjemmesiden. Fungerer som smgsprøver/reklmer for den pågældende ting. I ndhold i sidebr kn vriere fr side til side.
13 Detljer på siderne Podcstsiden Oversigt over indholdet på hver enkelt side Fvicon: Det lille ikon i indlæsningsfeltet, er et fvicon. Det er 16x16 px og dets filnvn og og endelse er fvicon.ico. Det skl uplodes i Root folderen. Herfr finder den selv ud f resten. jquery Tbs: Viser indhold i hver tb, som mn kn skifte rundt imellem. Fcebook plugin i frme som linker til Kongens Folks fcebookside html til jquery Tbs <!-- TABS --> <div id= tb-continer clss= tb-continer > <ul clss= etbs > <li clss= tb >< href= #tbs1-nyheder >juni</></li> <li clss= tb >< href= #tbs1-podcst >mj</></li> <li clss= tb >< href= #tbs1-cfe >pril</></li> </ul> <div clss= pnel-continer ><!-- PANEL CONTAINER --> <div id= tbs1-nyheder ><!-- TABS NYHEDER --> <div clss= content_box_img ><img src=../imges/forside/podcst.jpg lt= Podcst title= Podcst width= 250 height= 200 ></div> <h3>hvordn forstår du Bibelen?</h3> <p>uden t forftteren f Guds ord, Helligånden, bor i dig, vil du for det første ikke kunne forstå det, og for det ndet vil du ikke være i stnd til t kunne gøre det Jesus hr beflet. Derfor skl du blive døbt med Helligånden.</p> <br> <div clss= button >< href= pges/nyheder/jubileum.html >Lyt her</></div> </div><!-- TABS NYHEDER END --> <div id= tbs1-podcst ><!-- TABS PODCAST --> <div clss= content_box_img ><img src=../imges/forside/podcst.jpg lt= Podcst title= Podcst width= 250 height= 200 ></div> <h3>stå stærkt, kend din fjende</h3> <p>hvis du ikke ved hvem din fjende er og hvordn hn rbejder, kn du ikke stå hm imod. Jesus sgde: Jeg er kommet for t I må hve liv, og hve det i overflod, men tyven kommer kun for t stjæle, slgte og ødelægge. Måden du kn kende om det er Gud eller Stn der rbejder er, t Gud kun giver liv og Stn kun giver død. </p> <br> <div clss= button >< href= mp3 trget= _blnk >Lyt her</></div> <div clss= button ></div> </div><!-- TABS PODCAST END --> <div id= tbs1-cfe ><!-- TABS CAFE --> <div clss= content_box_img ><img src=../imges/forside/podcst.jpg lt= Podcst title= Podcst width= 250 height= 200 ></div> <h3>en lille usling uden håb</h3> <p>en lille usling uden håb, det er hvd djævlen er. Hvis du hr troet eller tror t stn er stor og stærk er du blevet nrret f hm. Jesus sgde nemlig ldrig: djævlen er stor og stærk, nej hn sgde: djævlen er under mig og derfor under kirken.<br> Djævlen hr ldrig været en fre for Gud. Gud er ltid den sejrende, unset hvordn du hr det.</p> <br> <div clss= button >< href= pges/kongens_folk.html >Lyt her</></div> </div><!-- TABS CAFE END --> </div><!-- PANEL CONTAINER END --> </div><!-- TABS END -->
14 Detljer på siderne Kontktsiden og Fotoglleri Oversigt over indholdet på hver enkelt side Mil formulr: En simpel formulr <!-- FORMULAR START --> <form ction= method= post > <fieldset> <h2>kontkt Kongens Folk</h2> <br> <div clss= mil ><p>nvn<spn style= color:#f00; >*</spn>:</p></div> <input nme= nvn type= text plceholder= Skriv nvn ></br> <div clss= mil ><p>emil<spn style= color:#f00 >*</spn>:</p></div> <input nme= emil type= text plceholder= Skriv Emil ></br> <div clss= mil ><p>telefon:</p></div> <input nme= telefon type= text plceholder= Skriv telefonnummer ></br></br> <div clss= mil ><p>skriv en besked<spn style= color:#f00 >*</spn>:</p></div> <textre nme= besked cols= 30 rows= 8 ></ textre><br> <input type= hidden nme= recipient vlue= mri@noergrd.dk > <input type= hidden nme= fromddress vlue= mri@noergrd.dk > <input type= hidden nme= subject vlue= Kongens Folk mil > <input type= hidden nme= redirect vlue= tk.html > <input type= hidden nme= orderby vlue= nvn,emil,telefon,besked ><br> </p> <input clss= send type= submit vlue= SEND > </fieldset> </form> <!-- FORMULAR SLUT --> Billedglleri: Lvet udelukkende med CSS3: rotte, box-shdow, trnsform, liner, scle... Linker til billeder som ligger i en billedfremviser der hedder Simple Viewer.swf Google Mps: <ifrme src= com/mps/embed?pb=!1m14!1m8!1m 3!1d !2d !3d !3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x464c3f92 4bb2053%3A0xce2c17d15f6f682b!2 skongens+folk!5e0!3m2!1sd!2sdk! 4v width= 300px height= 355 frmeborder= 0 style= border:0; flot:right; ></ ifrme>
15 Uplod og test f kongensfolk.dk Forbindelse til server Der oprettes forbindelse til ftp serveren kvil.vloni.dk, hvor hjemmesiden hostes. Alle billeder, css-styles, html, jquery osv. uplodes Test i forskellige browsere Det skulle helst virke lle steder, og det gør det. Sfri Firefox Google Chrome Internet Explorer
16 Produktion Fremhævede tekniske detljer css til design f menu html til menu #menu { width: 100%; height: 40px; pdding:0; position: reltive; z-index: 100; #menu ul { /* unordered list */ list-style:none; #menu ul li { /* list item */ flot: left; mrgin-left:1px; disply: inline; position: reltive; bckground-imge:url(imges/defult/bullit.png); bckground-position-x:5px; bckground-position-y:11px; bckground-repet:no-repet; #menu ul li { min-width: 60px; height: uto; color: #666; pdding: 10px 1.49em; flot:left; text-lign: center; font-size: 0.75em; disply: block; border-right:1px solid #999; -moz-border-right:1px solid #999; -webkit-border-right:1px solid #999; #menu ul li :hover { bckground: -webkit-liner-grdient(#9fe3ff, rgb(51, 204, 255, 0.8)); bckground: -o-liner-grdient(#9fe3ff, rgb(51, 204, 255, 0.8)); bckground: -moz-liner-grdient(#9fe3ff, rgb(51, 204, 255, 0.8)); bckground: liner-grdient(#9fe3ff, rgb(51, 204, 255, 0.8)); color:#fff; text-decortion:none; -webkit-trnsition: 0.5s; /* For Sfri 3.1 to 6.0 */ -moz-trnsition: 0.5s; trnsition: 0.5s; #menu ul ul{ position: bsolute; /* vigtig - sørger for t dropdown menuen bliver plceret ovenpå, så den ikke forstyrrer ndet indhold på siden*/ top: 32px; visibility:hidden; opcity:0; trnsition: 1s; bckground-imge:none; #menu ul ul li { min-width:150px; bckground: -webkit-liner-grdient(#9fe3ff, rgb(51, 204, 255, 0.8)); bckground: -o-liner-grdient(#9fe3ff, rgb(51, 204, 255, 0.8)); bckground: -moz-liner-grdient(#9fe3ff, rgb(51, 204, 255, 0.8)); bckground: liner-grdient(#9fe3ff, rgb(51, 204, 255, 0.8)); color:#666; mrgin-top:2px; border-right:none; html til slideshow <!--MENU--> <div id= menu > <ul> <li>< href=../index.html >Forside</></li> <li>< href= nyheder.html >Nyheder</></li> <li>< href= podcst.html >Podcst</> <ul> <li>< href= rkiv.html >Arkiv</></li> </ul> </li> <li>< href= kongens_folk.html >Kongens Folk</> <ul> <li>< href= kongen.html >Om Kongen</></li> <li>< href= folket.html >Om folket</></li> <li>< href= vidnesbyrd.html >Vidnesbyrd</></li> <li>< href= frelse.html >Frelse</></li> </ul> </li> <li> < href= info.html > Info</> <ul><!-- her strter en liste --> <li>< href= progrm.html >Progrm</></li> <li>< href= gver.html >Gver</></li> <li>< href= forlg.html >Forlg</></li> <li>< href= referencer.html >Referencer</></li> </ul> </li> <li>< href= glleri.html >Glleri</></li> <li>< href= kontkt.html >Kontkt</></li> </ul> </div><!-- MENU END--> <!-- SLIDESHOW--> <div clss= slider-wrpper theme-defult > <div id= slider clss= nivoslider > < href= pges/vidnesbyrd/helene. html ><img src= imges/slideshows/front_helene. jpg dt-thumb= imges/slideshows/front_helene.jpg lt= Helenes vidnesbyrd /></> < href= file:///users/mrinoergrd/sites/kongensfolk/pges/nyheder/jubileum. html ><img src= imges/slideshows/front_5.jpg dtthumb= imges/slideshows/front_5.jpg lt= Kongens Folk 5 år /></> < href= pges/podcst. html ><img src= imges/slideshows/front_podcst. jpg dt-thumb= imges/slideshows/front_podcst.jpg lt= Podcst /></> < href= pges/frelse.html ><img src= imges/slideshows/front_frelse.jpg dtthumb= imges/slideshows/front_frelse.jpg lt= Frelse /></> </div> </div><!-- SLIDESHOW END--> #menu ul ul li :hover { color:#66; #menu ul li:hover ul{ color:#c00; visibility:visible; opcity:1;
ANALYSEOPGAVE Feelgood Bakery
ANALYSEOPGAVE Feelgood Bkery Kommuniktion: Helene, Loiuse, Pernille og Ndi Gruppe 14 Hvem er fsenderen? - Glutenfri bgerbrød - Christine og Louise Krogh Hvem er målgruppen? - Gluten llergikere og helsefreks
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. 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 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 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 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 mereREDESIGN 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 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 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 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 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 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 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 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 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 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 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 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 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 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. 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 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 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 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 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 mereMere end blot lektiehjælp. Få topkarakter i din SRP. 12: Hovedafsnittene i din SRP (Redegørelse, analyse, diskussion)
Mere end lot lektiehjælp Få topkrkter i din SRP 12: Hovedfsnittene i din SRP (Redegørelse, nlyse, diskussion) Hjælp til SRP-opgven Sidste år hjlp vi 3.600 gymnsieelever med en edre krkter i deres SRP-opgve.
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 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 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 mereMatematikkens sprog INTRO
Mtemtikkens sprog Mtemtik hr sit eget sprog, der består f tl og symboler fx regnetegn, brøkstreger bogstver og prenteser På mnge måder er det ret prktisk - det giver fx korte måder t skrive formler på.
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 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 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 mereDenne 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 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 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. 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 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 meredet 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 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 mereLektion 7s Funktioner - supplerende eksempler
Lektion 7s Funktioner - supplerende eksempler Oversigt over forskellige tper f funktioner Omvendt proportionlitet og hperler.grdsfunktioner og prler Eksponentilfunktioner Potensfunktioner Lektion 7s Side
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 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 mereMÅLGRUPPE Alle typer af boligselskaber, ejer- og andelsforeninger samt div. institutioner (store som små) på Sjælland. Ikke private kunder.
GRAFISK DESIGN KUNDEN PA Vaskeriteknik er en enkeltmandsvirksomhed som startede i 2008. Manden bag er Preben, som gennem 14 års brancheerfaring startede sit eget firma op da han føler at han med sit partnerskab
Læs mereOpret 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 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 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 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 mereTips. til træningsambassadørerne
Tips til træningsmbssdørerne NÅR I TRÆNER GENERELT 1. Brug et motiverende sprog også selvom du fktisk er lidt træt. Du kn for eksempel sige: Jeg er mx klr til træning hvd med dig? Er du frisk?! 2. Din
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 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 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 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 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 mere1 // Grafisk design. Hjemmesiden før. Kunde. Produkt. Opgave. Målgruppe. Bogforlaget Frydenlund A/S. www.his2rie.dk
Kunde Bogforlaget Frydenlund A/S Produkt www.his2rie.dk Opgave Hjemmesiden før Redesign af hjemmesiden www.his2rie.dk, som ejes af forlaget. Min opgave lød på, at udforme et nyt design til hjemmesiden,
Læs mereStilen 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 mereNY IDENTITET TIL SCHWARZ
GRAFISK DESIGN NY IDENTITET TIL SCHWARZ Redskaber: Photoshop Illustrator Kundeprofil: Schwarz er en eksklusiv forhandler af senge og tilbehør i topklavlitet. Med deres store sortiment af kvalitetsmærker
Læs 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 mereGrundforløbsprøve Projektbeskrivelse
Grundforløbsprøve Projektbeskrivelse Webintegrator Thomas á Rógvi 221191-2505 Indholdsfortegnelse Opgaven... 3 Tidsplan... 4 Målgruppe... 5 Layout... 6 Design... 7 Fonte... 7 Browser... 7 Bilag... 8 Det
Læs 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 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 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 mereHer ses et screenshot af websitet solsystemet i menuen Merkur. Baggrundsbillede skal være static så resten af siden skal man scrolle ned for at se.
Solsystemet lavet af Jesper Kjær Webintegrator i Kastrup Tekniske Skole Grundforløbsprøve 2014 Opgave: Vores solsystem Onsdag 23 april til onsdag 7 maj Her ses et screenshot af websitet solsystemet i menuen
Læs mereDesignmanual BUTLER FM
Designmanual BUTLER FM 2015 Grontmij A/S, Facilities Management Forfatter: Rikke Carlsen, RIC Indhold Grid... 3 Afstande... 5 Fonte og typografier... 6 Farver... 7 Tabeller... 8 Andre elementer... 10 Ikoner...
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 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 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 merePortfolie Redesign. Forord. Det tekniske. Tema ide. Css. opløsning.
Portfolie Redesign dette er en gennemgang af opbyggelse af mit portfolie, med samtilige begrunderlser af design valg. Forord Min portfolie hjemmeside er fra start af ment som et startplatform og ikke et
Læs mereGRAFISK PRODUKTIONSFORSTÅELSE
GRAFISK PRODUKTIONSFORSTÅELSE Opgavebeskrivelse Julie Abels Dansestudie vil gerne have en ny hjemmeside, der skal promovere studiet. De har en opsat hjemmeside fra 123hjemmeside, som de gerne vil have
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 mereDesignmanual for webintegrator grundforløbs eksamen
Kræn Byskov Videndjurs Webintegrator Designmanual for webintegrator grundforløbs eksamen Side 1-14 Indholdsfortegnelse Indledning 3 Målgruppe 4 Timeline 5 Logo 6 Font 7 Farver 8 Flowchart 9 Storyboard
Læs mereMålgruppe Mænd og kvinder i alderen 30 til 60 år, som er interesret i selvudvikling og ønsker et sundt arbejds- og privat liv.
Grafisk Design Kunden Mindfullife er en forskningsinvolveret undervisnings- og uddannelsesvirksomhed indenfor mindfulness-baseret intervention. De tilbyder kurser, retreats og uddannelse centreret omkring
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 mereGrafisk Design. rafisk Design
rafisk Design Svendeprøve 2016 Opgaven I forbindelse med at ReklameTryk ville lancere en webshop skulle vores hjemmeside opdateres. Den skulle fremstå enkelt, lys og nem at navigere rundt på og samtidig
Læs 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 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 mereGRAFISK PRODUKTION & WORKFLOW
GRAFISK PRODUKTION & WORKFLOW CASPER GEIPEL JENSEN INDHOLDSFORTEGNELSE OPGAVEBESKRIVELSE...3 MÅLGRUPPE...3 KUNDEKRAV...3 SPECIFIKATIONER...3 BRUGTE TEKNIKKER...3 PROCESSEN...4 INSPIRATION...4 STYLETILE:
Læs mereDesignmanual for websider
Designmanual for websider 31. marts 2009 Version 1.1. Denne manual beskriver de gældende retningslinjer for Aalborg Universitets websider. Det vil sige websider der benytter aau.dk i domænenavnet er omfattet
Læs 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 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 mereFlash Logic Free CMS. Manual og brugervejledning
Flash Logic Free CMS Manual og brugervejledning Indhold: 1. Funktionalitet 2. Fil-oversigt 3. Baggrundsbillede 4. Banner-billede 5. Redigering af tekst 6. Brug af html-tags 7. Web site navn 8. Upload til
Læs mereProjekt puttetæpper til julemærkehjemmet Kildemose. Puttetæppeblokke 1998-2007. 10 års jubilæum
Projekt puttetæpper til julemærkehjemmet Kildemose Puttetæppelokke 1998-2007 10 års juilæum fter ønske udgives de lokke, som er rugt i projektet. lokkene er lle trditionelle lokke, som kn ruges til personligt
Læs mereLav 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 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 mereGrafisk Design. Svendeprøve Portfolio Anja Jelstrup Jensen, Kailow
Grafisk Design Svendeprøve Portfolio Anja Jelstrup Jensen, Kailow Gammelt layout Nyt layout 6 Grafisk Design Kunden Mindfullife er en forskningsinvolveret uddannelsesvirksomhed indenfor mindfulness-baseret
Læs merePROJEKTET LAYOUT IDEUDVIKLING - PROCESS FRA IDÉ TIL PRODUKT
PROJEKTET Udarbejdelse og idéudvikling af en fiktiv grafisk identitet til Puls Fitness. I denne kernefaglighed fremhæver jeg designet til websitet samt lidt merchandise. Derudover ses et udkast til bl.a.
Læs 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 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 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 mereQuick guide Dynamicweb 9. Kom godt i gang med brugen af redigeringsværktøjet bag vores hjemmesideløsning CMS-systemet Dynamicweb
Quick guide Dynamicweb 9 Kom godt i gang med brugen af redigeringsværktøjet bag vores hjemmesideløsning CMS-systemet Dynamicweb Indholdsfortegnelse Sådan logger du på... 3 Opbygning... 4 Beskrivelse af
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 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 mereSAMMEN ER BEBOERE I AFDELINGSBESTYRELSER I ORGANISATIONSBESTYRELSE I MEDARBEJDERE VI STÆRKE
PGAVE- RUPPER 3B SAMMEN ER BEBOERE I AFDELINGSBESTYRELSER I ORGANISATIONSBESTYRELSE I MEDARBEJDERE VI STÆRKE I 1 I BAGGRUND 3B s orgnistionsestyrelse nedstte i efteråret 2016 en række opgvegrupper i forindelse
Læs mereGrafisk Design. fra idé til visuelt udtryk Benett
fra idé til visuelt udtryk Benett Indholdsfortegnelse Brief...5 Idé og skitsering....6 Værktøjer....6 Farvevalg....7 Flowchart eksisterende site...7 Design i Photoshop....9 Ikoner i Illustrator...11 Setup
Læs 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 mere