Workflow.

Størrelse: px
Starte visningen fra side:

Download "Workflow. www.dsguld.dk"

Transkript

1

2 arbejdsroces Modtage Brief å ogaven, fra rojektleder danne mig et overblik over eksisterende site, herunder: obyggelse, fejl, mangler med videre danne mig et overblik over alt jeg skulle lave til sitet Rydde kraftigt o i filer & forbedre site-struktur Lave nyt site med de nødvendige filer og undermaer indeholdende: html, javascrits, cascading stylesheets & fonte lave ny grafik til sitet, i hotosho og illustrator + andet materiale bla. df'er til at rinte ud hjemefra osætte websitet i dreamweaver med den nye grafik og den nye tekst Lave ændringer i html-kode, css og javascrit Lave forbedringer i forhold til seo og socialemedier egenkorrektur med rojektleder 1. korrektur ved dansk suermarked smårettelser 2. korrektur ved dansk suermarked + godkendelse ved TCC i holland launch af sitet 2

3 Redegørelse OPGAVEN Ogaven var at lave det nye website til Grundig Guldmærke-kamagnen som kører i føte, Bilka og Salling. Sitet skulle indeholde fire sider: inde, rodukter, konkurrencer og bagageserie. På alle sider skal der være links til hverts suermarkeds website + facebook site. Inde: Skal fortælle om den nyeste roduktserie, man skal kunne rinte sit eget Guldmærkehæfte og samlelade, fortælle og vise hvordan man samler og bruger Guldmærkerne. Produkter: Man skal kunne se hvilke rodukter man har mulighed for at samle guldmærker til, samt hvor mange mærker der skal til, hvad besarelsen bliver og mere uddybende info om hvert rodukt + der skal være en facebook like-button til hvert rodukt. Konkurrencer: Fortælle om de konkurrencer som kører, man skal kunne se konkurrencebetingelser, indeholde links til facebook konkurrencen vise vinderne å facebook konkurrencen, give mulighed for at tilmelde sig nyhedsbreve. Bagageserie: Vise vindere af den konkurrence som kører med indlevering af fyldte samlehæfter fra Wenger-kamagnen. Målgrue Ligger mest i det rosa segment Indkøbsansvarlige år Sarsommelige Traditionelle Faglærte Ser Aftenshowet og lignende rogrammer Hyggemennesker Program valg Jeg brugte Photosho til at fritlægge og billedbehandle de fotos jeg har å websitet. Dreamweaver brugte jeg til at osætte websitet. Fonte OfficinaBold og OfficinaSansBold er de to fonte som er anvendt til de fleste font tags, det er jo ikke nogen man kan vælge automatisk, så jeg har downloaded fontface kits til dem, lagt selve font filerne ind i en font mae å roden af mit site og i mit CSS henvist til dem ved hjæl af kode til hver browser, å denne måde får jeg de ønskede fonte til at blive vist å sitet. : font-family: Helvetica, font-size: 16, line-height: 1.4 em, margin: 0, adding: 0. h1: font-family: OfficinaBold, font-size: 70, line-height: 1em, fontweight:normal, adding-to: 15, margin-to: 0, margin-bottom: 0, tetalign:center. h2: font-family: OfficinaSansBold', font-size: 23, font-weight:normal, margin-to: 0, margin-bottom: 20, tet-align:center. : font-family: Helvetica, font-weight: normal, margin-bottom: 7, marginto: 7, font-weight: bold. h4: font-family: OfficinaSansBold, font-size: 23, font-weight: normal, margin-to: 0, margin-bottom: 0. h5: font-family: OfficinaSansBold, font-size: 29, line-height: 1em, fontweight: normal, margin-to: 0, margin-bottom: 6. h6: font-family: OfficinaSansBold, font-size: 21, line-height: 1em, fontweight: normal, margin-to: 0, margin-bottom: 10. browserkomatibilitet Google chrome - ok Safari - ok Firefo - ok Oera - ok. Internet Elorer - ok. kvalitetsvurdering Sitet er blevet som det skulle være, jeg kunne måske godt have tænkt mig at have lavet nogen af tingene å en anden måde, da jeg jo er blevet klogere efterhånden som jeg arbejdede mig igennem sitet. Desuden har jeg jo bygget videre å nogen ting, der som udgangsunkt ikke har været lavet å en måde som jeg synes var hensigtsmæssig, men jeg har lært enormt meget af det og det har været en rigtig god rocess. 3

4 k s i f a r G orkflow W inde.html 1 4

5 k s i f a r G orkflow W l m t h. s t c u d o r 2 5

6 k s i f a r G orkflow l m t h. n o i t i t come & l m t h. n o i t a insir W 3 4 6

7 k s i f a r G orkflow inde W Forside a a b 3 b a B C På inde siden kan man klikke å nogle tekstlinks hvorefter der åbner sig PDF'er i nye vinduer. 2. Jeg har gemt PDF'er af de samlehæfter, der er lavet til tryk, som kan afhentes føte, Bilka eller Salling, i en mae til formålet i site maen. Link'ene åbner i nye vinduer, da jeg har sat "target" til "blank". 3. Dette billede har jeg osat i Photosho, og lagt ind som baggrundsbillede i en div. 4. Det er også tilfældet med grafikken i venstre side her. Hvert tekst felt er -tags med forskellige id'er. 5. a: De blå bullets ligger som bagrunds billede i en class å lagt ind som id å -tags. b: Denne grafik er lavet i hotosho og lagt ind som et billede. 6. a & b: Alle disse er links til hver suermarkedskædes website, og åbner i et nyt vindue. c: Links til hver suermarkedskædes facebooksite. d: Bundfrisen har jeg lavet i Photosho. d 7

8 rodukter Siden rodukter a 6 b 1. På siden med rodukterne skal man kunne gå ind å hvert rodukt og læse mere information om roduktet og se et større billede af det. 2. Før var hver roduktbjælke et stort billede, hvor teksten var inkluderet i blilledet, dvs. ingen søgeord å det. 3. Nu har jeg indelt roduktbjælkerne i områder til hvert element, og skrevet teksten direkte ind i mit HTML-dokument. Jeg har lavet hover-effekt å både knaen og billedet, som vist, med en class. Ved klik åbner der sig et større billede, med mere information om roduktet i en ou-boks. 4. Her ses den ou-boks, der ligger sig ovenå siden, den har en baggrund som er sort med 75% oacitet, så man kan fornemme at man stadig er å sitet. Pou-boksen kan lukkes ved klik å det lille billede med krydset i hjørnet. 5. Jeg har tilføjet en facebook-like-button til hver roduktbjælke, å den måde kan man nemt srede budskabet om Guldmærkerne ud til flere. Når jeg f.eks. trykker like, dukker den o i mit news-feed å facebook, og alle mine venner vil nu kunne se at jeg synes godt om denne kamagne, og hvis de benytter sig af det link som dukker o i feedet, kommer de direkte ind å roduktsiden. Det var Dansk Suermarkeds ønske, at der skulle ligges en ind for hvert rodukt, så de kunne se hvor mange likes der kommer under hvert rodukt. 6. Jeg har ved hjæl af Oen Grah META tags, bestemt hvilket billede og link tekst der bliver vist i newsfeedet å facebook, når man 8har været inde og like. koden laceres i <head> A: <meta name="og:image" content="url/sti til billedet der skal vises"/> B: <meta name="og:title" content="den tekst der skal stå som link"/>

9 k s i f a r G orkflow konkurrence W siden konkurrencer 1. På denne side kan man tilmelde sig nyhedsbreve til en eller flere af følgende: føte, Bilka eller Salling. Man kan også deltage i konkurrencer via facebook. 2. Konkurrencebetingelserne oer u i et nyt vindue, der er lavet som et HTML dokument. Når man klikker å linket er det skrevet ind i mit main javascrit at den skal åbne conditions-dokumentet i et nyt skalérbart vindue. Har her vist kode fra javascrit, HTML og hvor mit HTLM dokument ligger: Jeg har lavet knaer med hover effekt som linker til det facebook-site der hører til den enkelte kna. 4. Når man klikker kommer man ind å det facebook site som hører til knaen og kan her deltage via konkurrence a'en. 5. Når man klikker å a'en skal man like facebook sitet (her føte's faceook site). Og får dermed adgang til at deltage i konkurrencen. 6. Den mailformular, der ligger i sitet, er en som er købt hos Juhlsen Camaigns, derfor har jeg lavet en selv ved hjæl af HTML og CSS, for at vise hvordan jeg ville have gjort. (Se næste side). 9

10 detaljer mailformular 1. Den mailformular, der ligger i sitet, er en som er købt hos Juhlsen Camaigns, derfor har jeg lavet en selv ved hjæl af HTML og CSS, for at vise hvordan jeg ville have gjort. 2. Jeg har brugt et form-tag til at lave formularen med, inden i den har jeg lavet et label-tag og inut tye= tet. Label er der hvor man skiver hvad der skal stå over boksene, inut er boksene. Jeg har lavet hover-effect å boksene. 3. Når man stiller sig i boksen dannes der en blå ramme omkring den. 4. Her har jeg lavet checkboksene med inut tye=checkbo. 5. Selve tilmeldingsknaen har jeg lavet med et button-tag hvor jeg har laget en class å stylet class'en med et guldgradient, rundehjørner og font i CSS'en. Jeg har også lavet hover-effekt, det har jeg gjort med en hover class å knaen, hor jeg har lavet en oacity å: 0.6. Jeg har lavet 5 hiddenfields: inut name="reciient" inut name="fromaddress" inut name="subject" inut name="redirect" inut name="orderby", (det er dem som får det til at virke). 6. Når man sender får man en tak tilbagemelding, der ligger som et enkelt html dokument i sitet

11 flowchart inde rodukter konkurrencer bagageserie PDF SAMLEPLADE PDF SAMLEHÆFTE KØKKENVÆGT 7 X FACEBOOK LIKE-BUTTONS DELTAG FØTEX FØTEX.DK FØTEX.DK FØTEX FØTEX FØTEX.DK HÅNDMIXER FØTEX.DK DELTAG BILKA BILKA.DK BILKA.DK BILKA BILKA BILKA.DK STAVBLENDER- SÆT BILKA.DK DELTAG SALLING SALLING.DK SALLING.DK SALLING TERMS SALLING SALLING.DK ELKANDE SALLING.DK TILMELD NYHEDSBREV FØTEX TERMS TERMS KAFFE- MASKINE FØTEX KONKURREN- CEBETINGELSER BILKA BLENDER BILKA TERMS SALLING DAMPSTATION TERMS SALLING 11

12 = margin eller adding = margin eller adding = linjeskift skelet inde h1 h fortsættes næste side 12

13 = margin eller adding = margin eller adding = linjeskift skelet inde li fortsat fra forrige side 13

14 = margin eller adding = margin eller adding = linjeskift skelet rodukter h1 h h h h h h h fortsættes næste side 14

15 = margin eller adding = margin eller adding = linjeskift skelet rodukter h h h h fortsat fra forrige side 15

16 = margin eller adding = margin eller adding = linjeskift skelet konkurrence h1 h

17 = margin eller adding = margin eller adding = linjeskift skelet bagageserie h1 h

18 1 Storyboard inde Overskrift. 2. Grundig logo. 3. Navigations links der skifter mellem alm. tilstand, hover og active. 4. Tekst der forklarer om kamagnen og om firmaet Grundig. 5. Link til PDF af samleladen. 6. Link til PDF af hele Guldmærkehæftet. 7. Samlet billede af de forskellige Grundig rodukter, man kan samleguldmærker til. 8. Billede som trin for trin viser hvordan man får og anvender Guldmærkerne. 9. Tilhørende forklarende tekst. 10. Information med datoer. 11. Illustration som viser hvor mange Guldmærker man får r. antal kroner man handler for. 12. Vejledning, vilkår og betingelser for deltagelse i fortsættes næste side 18

19 Storyboard inde fortsat fra forrige side kamagnen: 13. Kundesuort. 14. Bilka.dk logo, som linker til Bilkas website. 15. Salling.dk logo, som linker til Sallings website. 16. Føte logo, som linker til føte' website. 17. Bilka logo, som linker til Bilkas website. 18. Salling logo, som linker til Sallings website. 19. Facebook logo med tilhørende tekst-links, der linker til føte' facebook site. 20. Facebook logo med tilhørende tekst-links, der linker til Bilkas facebook site. 21. Facebook logo med tilhørende tekst-links, der linker til Sallings facebook site. 22. Bundfrise med stemningsbilleder af Grundigrodukter. 23. Coyright + tekst link til generelle vilkår for deltagelse i konkurrencer hos Dansk Suermarked

20 Storyboard rodukter Overskrift. 2. Grundig logo. 3. Navigations links der skifter mellem alm. tilstand, hover og active. 4. Tekst der forklarer om firmaet Grundig. 5. Garanti. 6. Garanti slat. 7. Billede af køkkenvægt, der linker til o u med større billede af roduktet og mere information. 8. Tekst der forklarer om besarelse. 9. Mere info kna, der linker til o u med større billede af roduktet og mere information. 10. Guldmærkat med ris å roduktet. 11. Facebook like-button med count. 12. Billede af håndmier, der linker til o u med større billede af roduktet og mere information. 13. Billede af Stavblendersæt, der linker til o u med større billede af roduktet og mere information. 14. Billede af elkande, der linker til o u med større billede af roduktet og mere information. 15. Billede af kaffemaskine med termokande, der linker til o u med større billede af roduktet og mere information. 16. Billede af blender, der linker til o u med større billede af roduktet og mere information. 17. Billede af damstation der linker til o u med større billede af roduktet og mere information resten er unkt 20

21 Storyboard rodukter fortsat fra forrige side Bilka.dk logo, som linker til Bilkas website. 19. Salling.dk logo, som linker til Sallings website. 20. Føte logo, som linker til føte' website. 21. Bilka logo, som linker til Bilkas website. 22. Salling logo, som linker til Sallings website. 23. Facebook logo med tilhørende tekst-links, der linker til føte' facebook site. 24. Facebook logo med tilhørende tekst-links, der linker til Bilkas facebook site. 25. Facebook logo med tilhørende tekst-links, der linker til Sallings facebook site.. Bundfrise med stemningsbilleder af Grundigrodukter. 27. Coyright + tekst link til generelle vilkår for deltagelse i konkurrencer hos Dansk Suermarked

22 Storyboard konkurrencer Overskrift. 2. Grundig logo. 3. Navigations links der skifter mellem alm. tilstand, hover og active. 4. Tekst der forklarer om facebook konkurrencen. 5. Tekst link til konkurrencebetingelser. 6. Link til føte' facebook site, hvor man kan deltage i konkurrence. 7. Link til Bilkas facebook site, hvor man kan deltage i konkurrence. 8. Link til Sallings facebook site, hvor man kan deltage i konkurrence. 9. Tekst der forklarer om samlehæftekonkurrence. 10. Vindere af 14-dags facebook konkurrence. 11. Mailformular med tilmelding til nyhedsbrev. 12. Tekst der forklarer om tilmelding til nyhedsbrev. 13. Bilka.dk logo, som linker til Bilkas website. 14. Salling.dk logo, som linker til Sallings website. 15. Føte logo, som linker til føte' website. 16. Bilka logo, som linker til Bilkas website. 17. Salling logo, som linker til Sallings website. 18. Facebook logo med tilhørende tekst-links, der linker til føte' facebook site. 19. Facebook logo med tilhørende tekst-links, der linker til Bilkas facebook site. 20. Facebook logo med tilhørende tekst-links, der linker til Sallings facebook site. 21. Bundfrise med stemningsbilleder af Grundigrodukter. 22. Coyright + tekst link til generelle vilkår for deltagelse i konkurrencer hos Dansk Suermarked

23 Storyboard bagageserie Overskrift. 2. Grundig logo. 3. Navigations links der skifter mellem alm. tilstand, hover og active. 4. Tekst der forklarer om tidligere kamagner. 5. Vindere af samlemærkekonkurrencen. 6. Bilka.dk logo, som linker til Bilkas website. 7. Salling.dk logo, som linker til Sallings website. 8. Føte logo, som linker til føte' website. 9. Bilka logo, som linker til Bilkas website. 10. Salling logo, som linker til Sallings website. 11. Facebook logo med tilhørende tekst-links, der linker til føte' facebook site. 12. Facebook logo med tilhørende tekst-links, der linker til Bilkas facebook site. 13. Facebook logo med tilhørende tekst-links, der linker til Sallings facebook site. 14. Bundfrise med stemningsbilleder af Grundigrodukter. 15. Coyright + tekst link til generelle vilkår for deltagelse i konkurrencer hos Dansk Suermarked

Mit grafiske workflow inkluderer:

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

Læs mere

GRAFISK 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

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

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

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

Læs mere

GRAFISK 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

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

HHBR. Design. Kvalitets vurdering. Opgaven. Målgruppe og Budskab. De Grafiske valg

HHBR. Design. Kvalitets vurdering. Opgaven. Målgruppe og Budskab. De Grafiske valg Opgaven Der skal designes en hjemmeside til en pensioneret revisor, som ønsker at starte en fritids beskæftigelse op, som privat revisor. Han Ønsker en hjemmeside der skal kort fortælle om hans forretning.

Læs mere

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

portfolio GRAFISK WORKFLOW

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

Læs mere

Grafisk 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 Hjemmeside - Husk hjelmen. http://mediegrafiker-ats.dk/12gf32med8b/projekt/mette/

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

Læs mere

GRAFISK 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

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

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

Læs mere

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

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

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

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

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

ELEMENTER Jeg vælger fonten Raleway, som er en af Googles mange gratis webfonte. Det er en grotesk skrift, som især bruges til websites, da de på

ELEMENTER Jeg vælger fonten Raleway, som er en af Googles mange gratis webfonte. Det er en grotesk skrift, som især bruges til websites, da de på Grafisk design Design af hjemmeside til indretningsarkitekt med firma navn enrico indret, som jeg tidligere har designet logo for. Firmaet laver udelukkende erhvervsindretning og målgruppen for sitet er

Læs mere

Brugervejledning til Design Manager Version 1.02

Brugervejledning til Design Manager Version 1.02 Brugervejledning til Design Manager Version 1.02 Indholdsfortegnelse 1. Introduktion... 3 1.1 Det kan du med HostedShop Design Manager... 3 1.2 Feature list... 3 2. Design... 4 3. Filer og CSS... 4 3.1

Læs mere

Grafisk design. Ide. Designprocess. Målgruppe

Grafisk design. Ide. Designprocess. Målgruppe Ide Designprocess I denne opgave har jeg udviklet et website for et feriehus. Kunden ønsker et site, som både fungere privat, men også som offentlig hjemmeside. Hele site skal være på dansk, tysk og engelsk.

Læs mere

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

WORKFLOW & GRAFISK PRODUKTION

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

Læs mere

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

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

Læs mere

Portfolie Redesign. www.gaardbodesign.dk. Multimediedesigner CPH Business 1. sem. eksamensprojekt - Clmul-b12e Januar 2013. Jens Jákup E.

Portfolie Redesign. www.gaardbodesign.dk. Multimediedesigner CPH Business 1. sem. eksamensprojekt - Clmul-b12e Januar 2013. Jens Jákup E. Portfolie Redesign www.gaardbodesign.dk Multimediedesigner CPH Business 1. sem. eksamensprojekt - Clmul-b12e Januar 2013 Jens Jákup E. Gaardbo indholdsfortegnelse design... gestaltlove... opbygning...

Læs mere

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

GRAFISK DESIGN. Diner no. 34 Hjemmeside + Visuel identitet

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

Læs mere

Grafisk Design. fra idé til visuelt udtryk Benett

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

# Redesign af copenhagenskatepark.dk

# Redesign af copenhagenskatepark.dk # 1 Grafisk Design # Redesign af copenhagenskatepark.dk Opgave Dette er en fiktiv opgave hvor jeg har valgt at redesigne copenhagenskatepark.dk's website. Jeg synes det kunne være en spændende udfordring

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

det færdige resultat

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

Læs mere

Grafisk Workflow. 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 WORKFLOW. Kasper Staal - Portfolio - H2

GRAFISK WORKFLOW. Kasper Staal - Portfolio - H2 GRAFISK WORKFLOW Kasper Staal - Portfolio - H2 Opgaven Denne opgave bestod i at design et website til min egen virksomed 3DService.dk. Websitet skulle være responsivt, og indeholde de mest gængse informationer

Læs mere

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

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

Læs mere

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

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

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

Læs mere

RESPONSIVE WEBSITE GRAFISK WORKFLOW DOKUMENTATION

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

Læs mere

Grafisk workflow. bl.udbudsnet.dk

Grafisk workflow. bl.udbudsnet.dk Grafisk workflow. bl.udbudsnet.dk Hvad går opgaven ud på? Opgaven gik ud på at lavet et præsentations website for Udbudsnet. Hjemmesiden skulle bruges til at sælge Udbudsnet, på en messe som hedder BL.

Læs mere

Manual for redaktører

Manual for redaktører Manual for redaktører Leveret af DFF-EDB.dk 2 INDHOLDSFORTEGNELSE: 1. Hjemmesider i Umbraco... 5 2. Kom i gang med Umbraco... 5 2.1 Login... 5 2.1.1. Ændring af login... 5 2.2. Når du arbejder på siden,

Læs mere

Indhold... 2 Installation af bannermodulet... 3 Opsætning af bannermodul... 5 Opsætning af bannere... 7 Indsætning af bannermodul på side...

Indhold... 2 Installation af bannermodulet... 3 Opsætning af bannermodul... 5 Opsætning af bannere... 7 Indsætning af bannermodul på side... Banner Side 1 af 8 Indhold Indhold... 2 Installation af bannermodulet... 3 Opsætning af bannermodul... 5 Opsætning af bannere... 7 Indsætning af bannermodul på side... 8 Side 2 af 8 Installation af bannermodulet

Læs mere

Nyhedsbrev april: spørgeskemaundersøgelse

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

Læs mere

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

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

KODNING AF RESPONSIV DESIGN

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

Læs mere

NY IDENTITET TIL SCHWARZ

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

Læs mere

GRAFISK PRODUKTION & WORKFLOW RESPONSIV HJEMMESIDE

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

Læs mere

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

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

Dokumentation. Grafisk Produktion & Workflow. OPGAVEN: Denne opgave er fiktiv, og den samme som jeg har beskrevet i kernefagligheden grafisk design

Dokumentation. Grafisk Produktion & Workflow. OPGAVEN: Denne opgave er fiktiv, og den samme som jeg har beskrevet i kernefagligheden grafisk design Dokumentation OPGAVEN: Denne opgave er fiktiv, og den samme som jeg har beskrevet i kernefagligheden grafisk design PROGRAMVALG: illustrator CS5 og Dreamweaver CS5 FORMAT: 210 297 (A4) TEKNIKKER: Brainstorm

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

Manual for redaktører

Manual for redaktører Manual for redaktører Leveret af DFF-EDB.dk 2 INDHOLDSFORTEGNELSE: 1. Hjemmesider i Umbraco... 5 2. Kom i gang med Umbraco... 5 2.1 Login... 5 2.1.1. Ændring af login... 5 2.2. Når du arbejder på siden,

Læs mere

Opret en formular i Dreamweaver

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

Læs mere

Nvu hjemmesider hurtigt og let

Nvu hjemmesider hurtigt og let Nvu hjemmesider hurtigt og let Brugervenlig og grafisk præsentation af textdokumenter var en af de store udfordringer indenfor softwareudvikling i slutningen af 1980erne. Tim Berners-Lee fra CERN udvikler

Læs mere

Manual for Synkron hjemmesider

Manual for Synkron hjemmesider Manual for Synkron hjemmesider Denne manual tilhører: Brugernavn: (username) Adgangskode: (password) 1 Start med sitetræet: Sitetræet er centralt. Det er her, dit website er. Det er her, du bygger dine

Læs mere

Designmanual for websider

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

Læs mere

PHP Quick Teknisk Ordbog

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

Læs mere

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

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

Google Plus for Virksomheder Hvordan laver man en Google plus side?

Google Plus for Virksomheder Hvordan laver man en Google plus side? Google Plus for Virksomheder Hvordan laver man en Google plus side? Google Plus er måske ikke det første du tænker på når du skal øge kendskabet til din virksomhed. I det følgende viser jeg hvorfor du

Læs mere

Grafisk design OPGAVEBESKRIVELSE

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

Læs mere

Annemette Søgaard Hansen/www.dinwebvejleder.dk

Annemette Søgaard Hansen/www.dinwebvejleder.dk Google Docs Dokumenter Indholdsfortegnelse Værktøjer... Side 3 Menuer... Side 5 Opgave... Side 8 Få adgang til filerne fra din computer... Side 16 Vejledende løsning... Side 17 GoogleDocs Dokumenter 2

Læs mere

Stine Dorry Meulengracht Madsen Rapport Multimedie og kommunikation

Stine Dorry Meulengracht Madsen Rapport Multimedie og kommunikation Portfolioudvikling I denne rapport vil du kunne læse om mit porfolios tilblivelse. Det skal give læseren indblik i mine designvalg og hele processen bag projektet. Hjemmesiden er kodet fra bunden i HTML

Læs mere

Dokumenter. Sider. efact CMS manual v. 1.0

Dokumenter. Sider. efact CMS manual v. 1.0 Dokumenter Dokumenter er stedet, hvor du opretter og vedligeholder dit indhold på hjemmesiden. Der kan uploades filer og billeder til brug på hjemmesiden, samt oprettes sider hvis indhold du redigerer

Læs mere

Outlook 2010 opsætning

Outlook 2010 opsætning Outlook 2010 opsætning Personlig Workflow Nå mere og arbejd mindre Personlig Workflow www.personligworkflow.com kontakt@personligworkflow.com Introduktion til Outlook 2010 guide Microsoft Outlook 2010

Læs mere

GRAFISK WORKFLOW LENA SØRENSEN

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

Læs mere

Grundforløbsprøve Projektbeskrivelse

Grundforløbsprøve Projektbeskrivelse Grundforløbsprøve Projektbeskrivelse Webintegrator Thomas á Rógvi 221191-2505 Indholdsfortegnelse Opgaven... 3 Tidsplan... 4 Målgruppe... 5 Layout... 6 Design... 7 Fonte... 7 Browser... 7 Bilag... 8 Det

Læs mere

Byg web sider. Introduktion:

Byg web sider. Introduktion: Introduktion: Du kender nu nogle enkle HTML tags, så nu er det på tide, at du kommer i gang med at lave din første side! Når du har nogle HTML-sider klar skal du have dem lagt op, så dine venner kan se

Læs mere

PRODUKTION OG WORKFLOW

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

Læs mere

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

Indhold. Case 1: Introduktion 3. Case 2: Vælg og indstil tema 12. Case 3: Sider og indlæg 17

Indhold. Case 1: Introduktion 3. Case 2: Vælg og indstil tema 12. Case 3: Sider og indlæg 17 1. udgave 2012 Udgivet af Softworld Kurser A/S Kopiering samt gengivelse af indholdet er ikke tilladt, medmindre der er givet skriftlig tilladelse herom. Copyright Softworld Kurser A/S Forfatter: Martin

Læs mere

REDESIGN AF PORTFOLIO 16. jan. 2015

REDESIGN AF PORTFOLIO 16. jan. 2015 REDESIGN AF PORTFOLIO 16. jan. 2015 Christoffer Møller Jarolics CPH Business Lyngby Multimediedesign Udviklingsprocessen af tilblivelsen af dette projekt redesign af portfolio, vil på de følgende sider

Læs mere

GRAFISK DESIGN CAMILLA BEYER

GRAFISK DESIGN CAMILLA BEYER GRAFISK DESIGN CAMILLA BEYER Dokumentation Brainstorm Opgaven Arbejdsproces Opgaven gik ud på at designe et logo til en grafisk - Brainstorm elev der søger elevplads. Der skal også designes visitkort,

Læs mere

Amara. Lav selv flash-film til SkoleIntra. Version: August 2012

Amara. Lav selv flash-film til SkoleIntra. Version: August 2012 Amara Lav selv flash-film til SkoleIntra Version: August 2012 Indholdsfortegnelse Hvem er Amara?...4 Hvor får jeg programmet fra?...4 Installer programmet...5 Første skridt...8 Layout...9 Type...11 Texts...12

Læs mere

Annemette Søgaard Hansen/www.dinwebvejleder.dk

Annemette Søgaard Hansen/www.dinwebvejleder.dk SKAT.dk side 1 af8 1) Gå ind på www.skat.dk I adresselinjen Tast borger og CTRL + ENTER (Internet Explorer) Eller tast www.skat.dk Du ser nu dette skærmbillede: 2) Klik på ordet Borger Her er en masse

Læs mere

MANUAL. Siteloom CMS

MANUAL. Siteloom CMS MANUAL Siteloom CMS www.hjerteforeningen.dk/cms Brugernavn: Password: 3. september, 2012 BASIS FUNKTIONER 1. Kalender... 4 1.a. Opret... 5 1.b. Rediger eller slet... 8 2. Sider... 10 2.a Opret side...

Læs mere

MANUAL. Siteloom CMS

MANUAL. Siteloom CMS MANUAL Siteloom CMS www.hjerteforeningen.dk/cms Brugernavn: Password: 13. marts, 2014 BASIS FUNKTIONER 1. Kalender... 4 1.a. Opret... 5 1.b. Rediger eller slet... 9 2. Sider...12 2.a. Opret side...13 2.b.

Læs mere

Portfolio Redesign Kamilla Klein 1. Semester eksamen

Portfolio Redesign Kamilla Klein 1. Semester eksamen 2014 Portfolio Redesign Kamilla Klein 1. Semester eksamen Lærene: Ditlev Skanderby Frederik Tang Ian Wisler- Poulsen Jesper Hinchely Merete Geidemann Lützen Morten Rold Thomas Hartmann Erhvervsakademiet

Læs mere

Budskab Denne nyhedsmails budskab er, at der er kommet nye kataloger ud og man kan se meget mere på hjemmesiden.

Budskab Denne nyhedsmails budskab er, at der er kommet nye kataloger ud og man kan se meget mere på hjemmesiden. Forståelse for grafisk produktion & workflow Opgavebeskrivelse Det er en nyhedsmail. De er en nyopsætning med inspiration fra tidligere mail med samme emne. Ansvar for opgaveløsning En designer fortæller

Læs mere

Vejledning til Socialstyrelsens nye supportsystem

Vejledning til Socialstyrelsens nye supportsystem Vejledning til Socialstyrelsens nye supportsystem Indhold Aktivering af bruger... 2 Sådan logger du på Supportsystemet... 3 Sådan opretter du en sag i supportsystemet... 4 Oversigt over igangværende samt

Læs mere

JEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN.

JEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN. JEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN. Grafisk design Grafisk design Opgaven Jeg har fået til opgave at re-designe Sells.dk. Sitet skal benytte elementer fra en kampagne, der tidligere er

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

Konstruktion af websites - 1. kursusgang Øvelse 1 opsætning af tekst

Konstruktion af websites - 1. kursusgang Øvelse 1 opsætning af tekst Konstruktion af websites - 1. kursusgang Øvelse 1 opsætning af tekst Lav ved hjælp af teksteditor og browser en webside, der indeholder elementer som den herunder - tilføj desuden din udgave af hjemmeside

Læs mere

Brugervejledning til hurtig start af EasyBusiness Online Indholdsfortegnelse:

Brugervejledning til hurtig start af EasyBusiness Online Indholdsfortegnelse: Brugervejledning til hurtig start af EasyBusiness Online Indholdsfortegnelse: 1. Hvordan du bliver tilsluttet EasyBusiness...2 2. Hvordan du foretager en søgning...2 3. Hvordan du gemmer og åbner en søgning...4

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

4. DEC 5. DEC 8. DEC 2014

4. DEC 5. DEC 8. DEC 2014 1. DEC I dag fik jeg opgavebeskrivelsen og fik et overblik over, hvad der skal laves, ved at gennemgå opgavebeskrivelsen, samt lave en brainstorm og PBS. Jeg er i gang med at finde et alternativ til programmet

Læs mere

FAKTA 3 INDLEDNING 4 KREATIV PROCES 4 INDLEDENDE FASE 4 DESIGNVALG 6 TYPOGRAFI 6 FARVER 6 LOGO 6 BRUGERGRÆNSEFLADE 6 BAGVEDLIGGENDE KODE 7

FAKTA 3 INDLEDNING 4 KREATIV PROCES 4 INDLEDENDE FASE 4 DESIGNVALG 6 TYPOGRAFI 6 FARVER 6 LOGO 6 BRUGERGRÆNSEFLADE 6 BAGVEDLIGGENDE KODE 7 FAKTA 3 INDLEDNING 4 KREATIV PROCES 4 INDLEDENDE FASE 4 DESIGNVALG 6 TYPOGRAFI 6 FARVER 6 LOGO 6 BRUGERGRÆNSEFLADE 6 BAGVEDLIGGENDE KODE 7 EKSPERTVURDERING 10 REDESIGN AF PROJEKTER 12 BANNERPROJEKT 12

Læs mere

Grafisk design. Produkt: Responsiv hjemmeside Klient: EUC Nordvestsjælland

Grafisk design. Produkt: Responsiv hjemmeside Klient: EUC Nordvestsjælland Grafisk design Produkt: Responsiv hjemmeside Klient: EUC Nordvestsjælland 06// Opgave EUC Nordvestsjælland ønskede at få en mere tidssvarende og simpel hjemmeside. Jeg fik til opgave at lave en prototype.

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

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

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

Læs mere

Siteloom manual for Comwells webredaktører

Siteloom manual for Comwells webredaktører Siteloom manual for Comwells webredaktører Generelt Hvad er SL: SiteLoom er redigeringsprogrammet bag comwell.com websitet, som gør det muligt for folk uden programmeringskundskaber, at redigere og tilføje

Læs mere

Procesbeskrivelse - Webprogrammering

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

Læs mere

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