GRAFISK WORKFLOW GRAFISK WORKFLOW

Save this PDF as:
 WORD  PNG  TXT  JPG

Størrelse: px
Starte visningen fra side:

Download "GRAFISK WORKFLOW GRAFISK WORKFLOW"

Transkript

1

2 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å Aarhus Tech Modtager Lærere på en masse andre tekniske skoler Mål At skabe en overskuelig og let sside, for deltagerne, samt at holde den røde tråd for genkendelighed. Kvalitetsvurdering Jeg har lavet sitet sammen med Henriette. Hun stod for opsætning af drop down menuen, samt nedtællings cirklen. Jeg stod for knapperne (sportsgrenene) samt at få dem linket til de respektive sider. Resten samarbejdede vi om. Det har været en spændende process, og jeg har lært enormt meget om html (mit kendskab inden denne opgave, var minimalt) Det var lidt forvirrende at arbejde på den måde at man hele tiden fik nye ting der skulle på sitet, samt alle de mennesker der skulle komme med korrektur rettelser, men det var en spændende og helt sikkert lærerig process. Udfordringer Fik løbende materiale om sportsgrenene, samt en masse rettelser undervejs, da var mange om at korrektur rette De grafiske designparametre Komposition Bredden på 000px gør at de fleste vil kunne se hele siden på deres skærm uden at skulle scrolle til siden, da det vil være uhensigtsmæssigt. Typografi font-family: Arial, Helvetica, sans-serif, da det er let læseligt til web Stil og stemning Stilen er sat udrfra indbydelse og logo som var lavet på forhånd, for at give genkendelighed for brugeren Arbejdsprocess Brief hos kunden Brainstorm udfra briefs Ide fremlægges for kunden Ide godkendes Arbejdsprocessen påbegyndes Ping-ponger undervejs med kunden om rettelser Får løbende tekst og billeder til at komme på sitet Programvalg Dreamweaver Photoshop Illustrator

3 Skitser og ideudvikling Sportslege websitet fra sidste år som vi skulle langt væk fra Skitser AARHUS TECH AUGUST SPORTSLEGE 0 VELKOMMEN Vi glæder os til at byde velkommen til en god weekend med kollegialt samvær på tværs af skolerne både på idrætsbanen og måske især udenfor. Vi håber på mange spændende konkurrencer afviklet i en god sportslig ånd, og at alle lever op til at det vigtigste er at deltage og ikke at vinde. Det endelige program og øvrige informationer vil fremover være at finde på Her kan du også læse reglerne for de nævnte discipliner. TID OG STED Den august 0 AARHUS TECH Halmstadgade Århus N OVERNATNING Overnatning vil ske i klasselokaler. Der vil være begrænset mulighed for at overnatte i telt/campingvogn på skolens udendørsarealer. Ønsker skolen at medbringe et partytelt, bedes dette anføres på tilmeldingen. FORPLEJNING Grill-buffet fredag fra kl Pris kr. 65,- pr. person. Morgenmad lørdag og søndag. Pris kr. 50,- pr. person pr. dag. FROKOST LØRDAG Der vil være mulighed for køb i vogne på området. FESTMIDDAG Lørdag egne drikkevarer må ikke medbringes. Pris kr. 95,- pr. deltager inkl. en halv flaske vin. Der sælges øl, vand, vin, spiritus m.m. KONTAKTPERSONER Lena Møller Tlf / Inger Broholm Tlf / Tilmeldingsfrist. maj 0 Deltagerbetaling kr. 60,- pr. person. VEL MØDT Indbydelsen med logo, som der er taget udgangspunkt i

4 Layout i Photoshop Logo og Knapper i Illustrator Logoet jeg havde lavet til den udsendte pdf, brugte vi i samme stil på sitet Inspireret af den udsendte pdf til Sportslegene, som deltagerne havde fået. For at holde en genkendelig rød tråd. De første knapper jeg lavede til program siderne Lavede dem om, da det gjorde siden for tung

5 Flowchart index Nyheder Informationen Program Resultater Galleri Om Sportslege Sponsorer Kontakt Fodbold Fodbold Forplejning Rundbold Rundbold Aftenfest dk Badminton Badminton Barpriser Petanque Petanque Overnatning Beachvolley Beachvolley Parkering Løb Løb Oversigtskort Bowling Bowling 04 Usportslig Usportslig

6 Skelet Template 50px 50px 00px 000px 750px 0px Wrapper: B:000px, højden flexibel Header: B:000px x H:00px, fast med img på forsiden og Sportslege farven på de resterende sider. Logo box: B:50px x H:50px, ligger fast ovenpå header. Ligger 00px fra toppen af wrapper. Container: B:750px, flexibel højde, men minimum H:6px. Footer: B:000px x H:00px, fast i bunden med kontaktinformationer. Countdown: radius på 70px, ligger ovenpå footer. Menu:B:750px x H:0px, med dropdown funktion minimum 6px 70px 00px

7 Skelet øvrige sider 90px 0px 75px 70px minimum 6px 80px minimum 6px 85px minimum 6px 85px 00px 70px #left gælder for følgende sider: index.html program.html resultater.html om_sportslege.html kontakt.html fodbold.html + fodbold-resultater.html rundbold.html + rundbold-resultater.html beachvolley.html + beachvolley-resultater.html loeb.html + loeb-resultater.html petanque.html + petanque-resultater.html usportslig.html + usportslig-resultater.html badminton.html + badminton-resultater.html bowling.html + bowling-resultater.html forplejning.html parkering.html barpriser.html aftenfest-loerdag.html overnatning.html oversigtskort.html sportslege04.html #right gælder for følgende sider: nyheder.html information.html galleri.html sponsorer.html oversigtskort.html

8 Storyboard generelt Elementer Logo.png Menu Menu - drop down 4 Footer 5 Countdown Actions 4 5 Logo.png - Linker til index.html Menu: Nyheder - Linker til Nyheder.html Informationen - Linker til Informationen.html Program- Linker til Program.html Resultater - Linker til Resultater.html Galleri - Linker til Galleri.html Om Sportslege - Linker til Om Sportslege.html Sponsorer - Linker til Sponsorer.html Kontakt - Linker til Kontakt.html Menu - drop down - Linker til det samme som der er på de pågældende undersider

9 Storyboard for index.html og nyheder.html #Header - header.jpg #header -background-color: rgba (0,59,8,) #Left #content - nyheder.jpg #right - hop.png #center

10 Storyboard for program.html og resultater.html program.html #left - Fodbold.jpg- Linker til fodbold.html Badminton.png - Linker til badminton.html Beachvolley.jpg - Linker til beachvolley.html Bowling.png - Linker til bowling.html #right - Rundbold.jpg - Linker til rundbold.html Petanque.png - Linker til petanque.html Loeb.png - Linker til loeb.html Usportslig.png - Linker til usportslige.html resultater.html a#fodbold:hover Hover-knap for alle sportsgrene #left - Fodbold - Linker til fodbold-resultater.html Badminton - Linker til badminton-resultater.html Beachvolley - Linker til beachvolley-resultater.html Bowling - Linker til bowling-resultater.html #right - Rundbold - Linker til rundbold-resultater.html Petanque - Linker til petanque-resultater.html Løb - Linker til loeb-resultater.html Den Usportslige - Linker til usportslige-resultater.html a#fodbold:hover Hover-knap for alle sportsgrene

11 Storyboard for program.html og resultater.html #left - Forplejning.jpg - Linker til forplejning.html Barpriser.jpg - Linker til barpriser.html Parkering.jpg - Linker til parkering.html a#forplejning:hover Hover-knap for alle kategorier #content - Galleri #right - Aftenfest.jpg - Linker til aftenfest-loerdag.html Overnatning.jpg - Linker til overnatning.html Oversigtskort.jpg - Linker til oversigtskort.html

12 Storyboard for program.html og resultater.html #content - info.jpg #left #center

13 CSS regler * { margin: 0px; padding: 0px; border: none; } html { overflow-y: scroll; } body { font-family: Arial, Helvetica, sans-serif; font-size: px; color: #000; } p { margin-bottom: px; } h { font-size: 0px; color: rgba(0,59,8,); margin-bottom: 5px; text-transform: uppercase; } h { font-size: 6px; margin-bottom: 5px; padding-bottom: px; } a { font-size: px; font-weight: bold; color: rgba(0,59,8,); text-decoration: none; } #wrapper { height: 700px; width: 000px; position: relative; top: 0px; margin: 0px auto; } #header { height: 00px; width: 000px; position: absolute; top: 0px; left: 0px; background-color: rgba(0,59,8,); } #logo { height: 50px; width: 50px; position: relative; top: px; left: 0px; } #menu { width: 750px; float: left; position: absolute; top: 00px; left: 50px; } #content { float: left; min-height: 6px; width: 750px; position: relative; top: -0px; left: 50px; padding: 0px 0 50px; border-top: solid px #000; } #left { width: 90px; margin: 0 80px 0 70px; float: left; } #right { width: 0px; float: left; } #center { width: 75px; float: left; margin: 0 85px; } #footer { width: 000px; height: 75px; float: left; position: relative; top: -0px; background: rgba(0,59,8,); } #fodbold, #rundbold, #badminton, #petanque, #beachvolley, #loeb, #usportslig, #forplejning, #aftenfest, #barpriser, #overnatning, #parkering, #oversigtskort, #bowling { width: 0px; height: 0px; display: block; float: left; } #white { width: 90px; height: 90px; background: rgba(55,55,55,); border-radius: 45px; position: relative; left: 860px; top: -45px; } #countdown { width: 70px; height: 70px; background: rgba(0,0,0,); border-radius: 5px; position: relative; top: 0px; left: 0px; }.topleftspace { margin-top: 0px; margin-left: 0px; }.topspace { margin-top: 0px; }.leftspace { margin-left: 0px; }.bottomspace { margin-bottom: 0px; } a:hover { color: rgba(0,59,8,); } h.leftspace { margin-bottom: 5px; } h.bottomspace { margin: 0 0 5px; } /* program- og resultatbilleder */ #content li { float: left; list-style: none; } #content li a { display: block; } a#fodbold { background: url(../img/program/fodbold.jpg) norepeat; } a#fodbold:hover { background: url(../img/program/fodbold-hover. jpg) no-repeat; a#rundbold { background: url(../img/program/rundbold.jpg) norepeat; } a#rundbold:hover {

14 background: url(../img/program/rundbold-hover. jpg) no-repeat; -webkit-transition: 0.5s;} a#badminton { background: url(../img/program/badminton.png) no-repeat; } a#badminton:hover { background: url(../img/program/badminton-hover. png) no-repeat; a#petanque { background: url(../img/program/petanque.png) no-repeat; } a#petanque:hover { background: url(../img/program/petanque-hover. png) no-repeat; a#beachvolley { background: url(../img/program/beachvolley.jpg) no-repeat; } a#beachvolley:hover { background: url(../img/program/beachvolley-hover.jpg) no-repeat; a#loeb { background: url(../img/program/loeb.png) norepeat; } a#loeb:hover { background: url(../img/program/loeb-hover.png) no-repeat; a#usportslig { background: url(../img/program/usportslig.png) no-repeat; } a#usportslig:hover { background: url(../img/program/usportslig-hover. png) no-repeat; a#bowling { background: url(../img/program/bowling.png) norepeat; } a#bowling:hover { background: url(../img/program/bowling-hover. png) no-repeat; /* program- og resultatbilleder slut */ /* om sportslege billeder */ a#forplejning { background: url(../img/om_sportslege/forplejning. jpg) no-repeat; } a#forplejning:hover { background: url(../img/om_sportslege/forplejninghover.jpg) no-repeat; a#aftenfest { background: url(../img/om_sportslege/aftenfest. jpg) no-repeat; } a#aftenfest:hover { background: url(../img/om_sportslege/aftenfesthover.jpg) no-repeat; a#barpriser { background: url(../img/om_sportslege/barpriser. jpg) no-repeat; } a#barpriser:hover { background: url(../img/om_sportslege/barpriserhover.jpg) no-repeat; a#overnatning { background: url(../img/om_sportslege/overnatning.jpg) no-repeat; } a#overnatning:hover { background: url(../img/om_sportslege/overnatning-hover.jpg) no-repeat; a#parkering { background: url(../img/om_sportslege/parkering. jpg) no-repeat; } a#parkering:hover { background: url(../img/om_sportslege/parkeringhover.jpg) no-repeat; a#oversigtskort { background: url(../img/om_sportslege/oversigtskort.jpg) no-repeat; } a#oversigtskort:hover { background: url(../img/om_sportslege/oversigtskort-hover.jpg) no-repeat; /* om sportslege billede */ #left ul li { list-style: none; float: left; display: block; width: 00%; margin: 0 0 0px; } #left li ul li { float: left; display: block; margin: 7px 0 0 0px; width: 97%; } /*style the main menu*/.mymenu { margin:0; padding:0; }.mymenu li { list-style:none; float:left; }.mymenu li a { display:block; height: 4px; padding: 8px 0px 8px 0; width: auto; text-transform: uppercase; color: rgba(0,0,0,); }.mymenu li a.last { padding: 8px 0; }.mymenu li a:hover { color: rgba(0,59,8,); } /*style the sub menu*/.mymenu li ul { position:absolute; visibility:hidden; margin:0; padding:0; z-index: 600; }.mymenu li ul li { display:inline; float:none; }.mymenu li ul li a {

15 background-color: rgba(0,0,0,); color: rgba(0,59,8,); width:auto; padding: 8px; margin-left: -8px; }.mymenu li ul li a:hover { color: rgba(55,55,55,); } /*countdown style*/.ended { background: #c09b; }.styled div { display: inline-block; position: relative; left: 5px; top: px; font-size: 5px; font-weight: bold; line-height: ; text-align: center; color: #FFF;} /* IE7 inline-block hack */ *+html.styled div{ display: inline; zoom: ;}.styled div:first-child { margin-left: 0; }.styled div span { display: block; /* [disabled]border-top: px solid #cecece; */ padding: px; font-size: px; font-weight: normal; text-transform: uppercase; text-align: left; }

16 Opsætnings eksempler fra Dreamweaver program.html template.dwt

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

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

Læs mere

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

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

Læs mere

REDESIGN AF GRAFISK FORUMS HJEMMESIDE. Grafisk Workflow

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

Læs mere

Grafisk Workflow STILHISTORIE. Website lavet i forbindelse med et projekt om stilhistorie. Klik her for at se websitet:

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

Læs mere

Grafisk workflow. website til duckhead music

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

Læs mere

Laura Svendsen Kernekompetencer GRAFISK WORKFLOW

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

Læs mere

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

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

Læs mere

GRAFISK WORKFLOW H1 MARIA SCHELDE

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

Læs mere

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

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

Læs mere

Grafisk workflow. Maria Clausen Svendeportfolio Grafisk workflow

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

Læs mere

GRAFISK WORKFLOW GRAFISK WORKFLOW DIGITAL KOMMUNIKATION OLEMOGELBY.COM

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

Læs mere

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

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

Læs mere

Mit grafiske workflow inkluderer:

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

Læs mere

Nyhedsbrev april: spørgeskemaundersøgelse

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

Læs mere

FORSTÅELSE FOR GRAFISK PRODUKTION OG WORKFLOW

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

Læs mere

grafisk workflow Madmagasinet

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

Læs mere

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

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

Læs mere

Martin Møller Web1b Tirsdag den 19 juni 2012

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

Læs mere

GRAFISK WORKFLOW Hjemmesidedesign

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

Læs mere

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

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

Læs mere

Grafik & Billede weloveorganic.com webshop

Grafik & 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 mere

KT OR LOW PRODUKTION // WORKFLOW

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

Læs mere

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

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

Læs mere

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

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

Læs mere

Oversigt HTML5 nye tags til sideopbygning

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

Læs mere

Mark André Lyhne. Eksamen 2012. 12web1b

Mark André Lyhne. Eksamen 2012. 12web1b Mark André Lyhne Eksamen 2012 12web1b Indholdsfortegnelse Indholdsfortegnelse... 1 Projekt beskrivelse... 3 Målgruppe... 3 Afsender... 3 Budskab... 3 Kommunikationsmål... 3 Ideudvikling... 3 De 6 Designparametre...

Læs mere

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

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

Læs mere

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

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

Læs mere

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

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

Læs mere

Byg et website med Dreamweaver

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

Læs mere

OPGAVE: WELOVEORGANIC.COM WEBSHOP

OPGAVE: 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 mere

CSS fortsat: Boksmodel, floating & positionering

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

Læs mere

portfolio GRAFISK WORKFLOW

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

Læs mere

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

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

Læs mere

GRAFISK DESIGN. Min personlige e-portfolio

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

Læs mere

Portfolio - Grafisk Workflow

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

Læs mere

1. Hovedforløb. Mediegrafiker - 2015

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

Læs mere

portfolio GRAFISK WORKFLOW

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

Læs mere

Grafisk Workflow. hovedforløb 2

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

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

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

Læs mere

Grafisk produktion & workflow

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

Læs mere

GRAFISK WORKFLOW OPGAVEBESKRIVELSE KVALITETSVURDERING HJÆLPEMIDLER BROWSER BRUGERVENLIGHED/USABILLITY

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

Læs mere

GRAFISK WORKFLOW WEBSITE - CHOCOADDICT

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

Læs mere

Eksamen. Jonas Langhoff Nielsen Web01b

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

Læs mere

Marc Creutzberg aarhusportalen AARHUSTECH 19/06 2012

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

Læs mere

Grafisk Workflow Personligt website

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

Læs mere

GRAFISK WORKFLOW. Proces. Kodning. Fonts:

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

Læs mere

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

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

Læs mere

GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen

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

Læs mere

Stylesheets - grundteori.

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

Læs mere

GRAFISK PRODUKTIONSFORSTÅELSE

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

Læs mere

WORKFLOW & PRODUKTION

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

Læs mere

#Anna Skak #Mediegrafiker

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

Læs mere

GRAFISK WORKFLOW HJEMMESIDE EL FIRMA ANDERSEN EL

GRAFISK WORKFLOW HJEMMESIDE EL FIRMA ANDERSEN EL GRAFISK WORKFLOW HJEMMESIDE EL FIRMA ANDERSEN EL OPGAVEBESKRIVELSE Min kunde er en ung mand som ønskede at få lavet en hjemmeside til hans fremtidig firma, den skulle være responsiv og simpel. Da kunden

Læs mere

Grafisk workflow. Hjemmeside til Bærkompagniet

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

Læs mere

GRAFISK WORKFLOW WEBSITE: MEEFRED DESIGN

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

det færdige resultat

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

Læs mere

www.johnnihowardsen.dk - nedarvning med selektorer

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

Læs mere

OPGAVE BESKRIVELSE ARBEJDSPROCES. Idéudvikling. Inspiration. Skelet. Uploade til server. Kodning. Teste sitet igennem. Rettelser og godkendelse

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

opsam ling fra sidst

opsam ling fra sidst Opsam ling fra sidst Den rette tilgang til HTML og CSS Eksperimentér Tænk logisk Detaljerne betyder noget Find inspiration/information på nettet Gode genveje Gem cmd s på Mac ctrl s på PC Bladre mellem

Læs mere

Grafisk Design. Oplæg til design af ny hjemmeside

Grafisk Design. Oplæg til design af ny hjemmeside Grafisk Design Oplæg til design af ny hjemmeside Oplæg til design af ny hjemmeside til grafikalt.dk Opgaven Udarbejdelse af oplæg til en ny hjemmeside til grafikalt.dk, gerne med udgangspunkt i firmaets

Læs mere

Portfolio. Elektronisk portfolio findes på: www.my-graphic.dk. Sofie Jespersen August 2012 MEDIEGRAFIKER PORTFOLIO

Portfolio. Elektronisk portfolio findes på: www.my-graphic.dk. Sofie Jespersen August 2012 MEDIEGRAFIKER PORTFOLIO Portfolio MEDIEGRAFIKER PORTFOLIO Sofie Jespersen August 2012 Elektronisk portfolio findes på: www.my-graphic.dk grafisk design grafisk design Opgaven Opgaven gik ud på at lave et redesign af Familiemåltider.dk

Læs mere

Portfolio - sunestenild.dk

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

Læs mere

Workflow. www.dsguld.dk

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

Læs mere

GRAFISK DESIGN. Kenneth Friis Petersen

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

Læs mere

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

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

Læs mere

Vejledning. Tabulex Hjemmeside. Styling af sidemenuer. Side 1 af 8

Vejledning. 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 mere

grafisk workflow Frank winding

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

Læs mere

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

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

Læs mere

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

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

Læs mere

Nu skal vi især se på <font> og <center> samt centrering af hele siden på skærmen.

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

Produkt. Index side GRAFISK DESIGN

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

Læs mere

GRAFISK PRODUKTION & WORKFLOW. Endotest website

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

Læs mere

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

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

Læs mere

Grafisk Design 70% Skitser

Grafisk Design 70% Skitser Grafisk design Grafisk 2 PRODUKT Som et led i den online markedsføring af BBQ Wing it, har jeg valgt at lave et website, med fokus på information. Det er et website, der er baseret ud fra lærte funktioner

Læs mere

Forståelse for grafisk produktion og workflow

Forstå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 mere

GRAFISK PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger

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

Læs mere

Her vil jeg forsøge at gennemgå hvordan vi kan opnå at centrere en»div-container«både vertikalt og horisontalt i browser vinduet.

Her vil jeg forsøge at gennemgå hvordan vi kan opnå at centrere en»div-container«både vertikalt og horisontalt i browser vinduet. Side 1 Her vil jeg forsøge at gennemgå hvordan vi kan opnå at centrere en»div-container«både vertikalt og horisontalt i browser vinduet. Dette er nogle gange et ønske fra den enkelte kunde, som blot ønsker

Læs mere

Grafisk design 20 21

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

Læs mere

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

Præsentationsportfolio for Hovedforløb 2. Hjemmeside til Jelly Belly Danmark Præsentationsportfolio for Hovedforløb 2 Hjemmeside til Jelly Belly Danmark Opgaven Jeg skal lave en ny og mere nutidig hjemmeside til Jelly Belly Danmark. Jelly Belly er nogle amerikanske slikbønner som

Læs mere

Arbejdsproces. Kvalitetsvurdering

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

Læs mere

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

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

Læs mere

1. Bilag: Brugertest for gammel site

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

Læs mere

Dokumentation. Karen-Louise Fejerskov

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

Læs mere

Grafisk Design. rafisk Design

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

Læs mere

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

OPGAVEN Konditoren skulle have lavet et site til deres opskrifter. Konditoren.dk er en blog for bageglade amatørere i alle aldre. WORKFLOW OPGAVEN Konditoren skulle have lavet et site til deres opskrifter. Konditoren.dk er en blog for bageglade amatørere i alle aldre. Det er en fiktiv opgave. MIT BIDRAG Jeg stod for al design og

Læs mere

GRAFISK WORKFLOW WEBSHOP TIL KLITMØLLER COLLECTIVE

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

Læs mere

HO L DT. Where ideas makes history. Kenni Holdt Hovedforløb 1 Aarhus Tech www.w imh.dk

HO L DT. Where ideas makes history. Kenni Holdt Hovedforløb 1 Aarhus Tech www.w imh.dk HO L DT Where ideas makes history Kenni Holdt Hovedforløb 1 Aarhus Tech www.w imh.dk Typografi & Ombrydning Opgave: 4-sidet artikel om Ken Hammer målgruppe Målgruppen for denne folder er hovedsageligt

Læs mere

GRAFISK WORKFLOW. 1 Grafisk workflow

GRAFISK WORKFLOW. 1 Grafisk workflow GRAFISK WORKFLOW 1 Opgavebeskrivelse I forbindelse med et nyt online koncept Web in a box skulle jeg lave en Photoshop-skabelon, der kan eksportere materiale til en hjemmeside automatisk. Selve konceptet

Læs mere

Om styles / typografier / typografiark / stylesheets

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

Læs mere

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

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

Læs mere

Sabine Puk Sørensen Svendeprøve portfolio

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

Læs mere

Mathias Priess H1 portfolio

Mathias Priess H1 portfolio Mathias Priess H1 portfolio Workflow Opgaven Designe og programmere skanfod.dk for Palle Voss Pedersen. Kunden ønsker sig en ny hjemmeside med info om klinikken og kontakt oplysningerne. Designkrav Super

Læs mere

Grafisk. Workflow. Side 1

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

Læs mere

PROJEKTET LAYOUT IDEUDVIKLING - PROCESS FRA IDÉ TIL PRODUKT

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

Læs mere

ØVELSE 11: TABLES & FORMS (Individuel)

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

Læs mere

GRAFISK PRODUKTION PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE

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

Læs mere