foto // billeder fra hjemmesiden Websiden // feriebolig-i-toscana.dk

Størrelse: px
Starte visningen fra side:

Download "foto // billeder fra hjemmesiden Websiden // feriebolig-i-toscana.dk"

Transkript

1 GRAFISK DESIGn

2 Webdesign Min chef ville gerne have lavet en webside til firmaets udlejningshus i Italien. Huset på 200 m² er et traditionelt toskansk landhus i tre etager og ligger i gåafstand fra middelalderlandsbyen Castelvecchio. Landstedet er et herligt udgangspunkt for kulturelle oplevelser i Toscana og rummer alle moderne faciliteter til den rene afslapningsferie. OPGAVEN Kravet til indhold og design af websiden tog udgangspunkt i drømmen om at renovere et gammelt landsted i Toscana. Siden skulle være stilren og æstetisk i sin opbygning, men have en italiensk romantisk stemning. foto // billeder fra hjemmesiden Websiden // feriebolig-i-toscana.dk

3 overvejelser MÅlGrUPPE De landlige omgivelser og husets hyggelige stil henvender sig til familier som ønsker samvær og frihed. Husets størrelse gør at målgruppen har råd til en lidt mere eksklusiv ferie og måske går med drømmen om selv at købe hus i toscana. Hvad skal websiden signalere? Et stilrent og eksklusivt landsted En ægte italiensk oplevelse En afslappet og romantisk ferie DESiGN Det var vigtigt, at huset var det sælgende element på siden. Siden skulle være enkel, informativ og fremhæve huset. billederne skulle være romantiske og vise husets afslappede og private miljø. Hvordan blev websiden enkel og stadig informativ? brugen af gestaltlove i webdesign skaber overblik for brugeren og sørger for, at design og funktionalitet ikke modarbejder hinanden. Gestaltlovene handler om perception, og lovene beskriver, hvordan vi sanser og opfatter sammenhænge i omverdenen. Loven om figur og baggrund Ved at lave baggrunden hvid og teksten let ville billederne være det første, man ser, når man kommer ind på siden. Loven om nærhed Ved at placere de små thumbnails tæt på det store billede ville det være nemmere for brugeren at opfatte deres fælles funktion. Loven om lukkethed Streger, som indrammer og markerer de forskellige områder, ville gøre det nemmere for brugeren at få overblik over de informationer, der fandtes på siden. foto // huset set udefra om aften grafik // grundplanstegning af huset set fra siden

4 fremgangsmåde Jeg valgte at give tekst og billede samme mængde plads på siden og delte siden i to spalter. Jeg ville gerne have mulighed for at placere et billedgalleri som et fast element på hver side. Headeren og menuen valgte jeg derfor at spejle under de to spalter, så der blev plads til thumbnails og billedtekst. til hvert billede i galleriet bruges ét stort billede på 435x325px og 2 små billeder på 62x47px, hvor det ene har et gennemsigtigt hvidt lag. KoDNiNG Siden består af en div: head, menu, content, left, right, footer og galleri. Det store billede ligger i right. billedteksten ligger i footer, og de små billeder ligger i galleri. Alle billeder har fået et name-tag, de små billeder har et bogstav og det store billede blev kaldt target. Jeg har tildelt de små billederne handlinger, så de fungerer som links. Hvis man holder musen over et lille billede, bliver det skiftet ud med et uden et hvidt lag, og når man klikker på billedet skiftes det store billede, og der kommer en billedtekst frem. i Dreamweavers behaviors-palet har hvert lille billede følgende handlinger: onclick - Set text of Container Container: div footer New HtMl: billedtekst onclick - Swap image image: image target Set source to: Det store billede der skal vises i stedet for target onmouseout - Swap image image: image lille billede Set source to: Når musen er væk vises det hvide lille billede onmouseover - Swap image image: image lille billede Set source to: Når musen holdes over vises det skarpe lille billede ØveRst // inde fra huset venstre // siden med optegnet div bokse HØjRe // behaviors-paletten i Dreamweaver som viser de handlinger, det enkelte billede har nederst // det materiale som bruges til et billede i galleriet og handlingen onclick, hvor det store billede target bliver skiftet ud med det billede, man trykker på

5 Websiden // Feriebolig-i-toscana.dk Teknisk foto

Lav en hjemme side der kan sælge fly billetter til en stor i Europa.

Lav en hjemme side der kan sælge fly billetter til en stor i Europa. EKSAMENS OPGAVE Lav en hjemme side der kan sælge fly billetter til en stor i Europa. Det første jeg startede ud med var at brainstorme hvad det var jeg skulle bruge i min side da jeg nu ved hvad den skal

Læs mere

I denne manual kan du finde en hurtig introduktion til hvordan du:

I denne manual kan du finde en hurtig introduktion til hvordan du: VORES NORDSJÆLLAND HURTIGT I GANG MANUAL 01: Bruger HVAD INDEHOLDER DENNE MANUAL? I denne manual kan du finde en hurtig introduktion til hvordan du: 1. Finder Vores Nordsjælland hjemmesiden 2. Opretter

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

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

Konceptbeskrivelse Gruppe 3

Konceptbeskrivelse Gruppe 3 Konceptbeskrivelse Gruppe 3 Konceptbeskrivelse: Kantinen Titel på kanal: "Kantinen". Kanalen "Kantinen" skal tage fat på forskellige emner omkring Mediehøjskolens kantine. Disse emner er blandt andet;

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

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

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

Fase Forklaring Navigation. Mappen skal indeholde alle elementer til dit site.

Fase Forklaring Navigation. Mappen skal indeholde alle elementer til dit site. 1 Opstart af et site Opret hovedmappen Opret grafikmappen Opret dit site Mappen skal indeholde alle elementer til dit site. Opret en mappe indeni den første og kald den grafik. Heri lægges alle dine grafikfiler.

Læs mere

Programvalg Dreamweaver CC, html Photoshop CC 2015

Programvalg Dreamweaver CC, html Photoshop CC 2015 Grafisk design Opgaven Opgaven er fiktiv. Denne hjemmeside skal ses som en lille appetitvækker. Hvad er Troldhede og hvad kan man finde i naturen, der er rundt om byen? Jeg har selv stået for design af

Læs mere

Billeder på hjemmeside

Billeder på hjemmeside Billeder på hjemmeside Indholdsfortegnelse Emne 1. Billedredigering (Microsoft Picture Manager) Side 3 a. Komprimer billeder b. Beskæring af billeder 3 9 2. Billeder og tekst ved hjælp af en skabelon (Template

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

Sådan redigerer du en hjemmeside front-end

Sådan redigerer du en hjemmeside front-end Brugermanual til din boligafdelings hjemmeside Sådan redigerer du en hjemmeside front-end Indhold Introduktion... 2 Log på hjemmesiden og redigér front-end... 3 Rediger en side... 7 Opret ny side... 10

Læs mere

Produktdoku. Michelle Eistrup Grundforløbsprojekt juni 2011

Produktdoku. Michelle Eistrup Grundforløbsprojekt juni 2011 Produktdoku. Michelle Eistrup Grundforløbsprojekt juni 2011 Afsender Jeg har valgt, at afsenderen skal være Herningsholm Erhvervsskole, da de har et projekt igang, der omhandler motion og trivsel. Hvis

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

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

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

KT OR LOW PRODUKTION // WORKFLOW

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

Læs mere

Grafisk 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

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

Mediegrafiker Dan Klessen 2011. Grafik og billedbehandling

Mediegrafiker Dan Klessen 2011. Grafik og billedbehandling Grafik og billedbehandling Grafik og billedbehandling I denne opgave inden for billedredigering, viser jeg før og efter billede, hvilke værktøjer jeg har brugt og hvad billedet skal bruges til. Billedet

Læs mere

Et forløb er en beskrivelse af et undervisningsforløb, som en klasse har gennemført.

Et forløb er en beskrivelse af et undervisningsforløb, som en klasse har gennemført. Indholdsfortegnelse Undervisningsressourcer... 2 Adgang... 2 Forløb... 3 Opret... 3 Rediger... 4 Slet... 4 Fag... 4 Emner... 4 Galleri... 5 Rediger... 5 Slet... 6 Undervisningsressourcer Undervisningsressourcer

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

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

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

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

GRAFISK DESIGN. webdesign af pl.dk

GRAFISK DESIGN. webdesign af pl.dk Webdesign af pl.dk Opgavebeskrivelse Bold.dk og 6 eren har slået sig sammen for at skabe Danmarks største Premier League fodboldportal, PL.dk. Hjemmesiden skal indeholde mange informationer, og samtidig

Læs mere

GRAFISK WORKFLOW REDESIGN AF HJEMMESIDE

GRAFISK WORKFLOW REDESIGN AF HJEMMESIDE GRAFISK WORKFLOW REDESIGN AF HJEMMESIDE 2 REDESIGN AF FUTURECOM BUSINESS SOLUTIONS HJEMMESIDE OPGAVEN Den gamle hjemmeside skulles redesignes da den daværende hjemmeside var forældet (indhold og udseende)

Læs mere

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

GRAFISK DESIGN. Hjemmeside GRAFISK DESIGN Hjemmeside AFSENDER Dansk design ANSVAR FOR OPGAVELØSNING Jeg har haft ansvaret for at opgaven er blevet løst, og at den har overholdt de krav som jeg selv har stillet til den skal opfylde,

Læs mere

Portfolie Redesign. Forord. Det tekniske. Tema ide. Css. opløsning.

Portfolie Redesign. Forord. Det tekniske. Tema ide. Css. opløsning. Portfolie Redesign dette er en gennemgang af opbyggelse af mit portfolie, med samtilige begrunderlser af design valg. Forord Min portfolie hjemmeside er fra start af ment som et startplatform og ikke et

Læs mere

Designmanual. Bilag 04

Designmanual. Bilag 04 Designmanual Tekst logo: Gruppens logo er RER (står for Red Eyed Rabbit). Det er enkelt og stilrent, men samtidig lidt rustikt, hvilket kendetegner gruppen godt, med den mørkere lidt alternative stil.

Læs mere

COPENHAGEN. Opgaven. Kunden. Målgruppe. Layout 1. GRAFISK DESIGN // METTE-MARIE RANDSKOV

COPENHAGEN. Opgaven. Kunden. Målgruppe. Layout 1. GRAFISK DESIGN // METTE-MARIE RANDSKOV COPENHAGEN Opgaven Kunden The Organic Bakery er en voksende bagerkæde i Storkøbenhavn med hovedsæde på Østerbro. Bageriet beskæftiger sig med økologisk bagværk, herunder brød og kager. Det, de er mest

Læs mere

Afsnitstyper Susanne V. Andersen

Afsnitstyper Susanne V. Andersen Webbyggeren som videndelingsværktøj Afsnitstyper Susanne V. Andersen Webbyggeren som videndelingsværktøj 2005 Programdatateket 1. oplag, november 2005 ISBN 87-984429-5-3 Forfatter: Susanne V. Andersen

Læs mere

Vejledning i brug af hjemmeside og intranet

Vejledning i brug af hjemmeside og intranet Vejledning i brug af hjemmeside og intranet Side 1 Vejledning i brug af hjemmeside og intranet 1 Indledning... 2 2 Hjemmesiden... 3 2.1 Kolonnen i venstre side... 3 2.1.1 Øverst... 3 2.1.2 I midten...

Læs mere

JB Plastic A/S. 3.Projekt - Rapport. MUL B - Gruppe E1 & E2

JB Plastic A/S. 3.Projekt - Rapport. MUL B - Gruppe E1 & E2 JB Plastic A/S 3.Projekt - Rapport MUL B - Gruppe E1 & E2 Indholdsfortegnelse JB PLASTIC A/S... 3 WBS... 3 TANKER VEDRØRENDE DESIGN AF LOGO... FEJL! BOGMÆRKE ER IKKE DEFINERET. LETTERHEAD... 5 ANDRE IDÉER

Læs mere

WordPress manual..hjerteforeningen.dk/wp-admin. Brugernavn: Password:

WordPress manual..hjerteforeningen.dk/wp-admin. Brugernavn: Password: WordPress manual.hjerteforeningen.dk/wp-admin Brugernavn: Password: April, 2015 Generelt Du kan benytte WordPress fra alle platforme. Det vil sige, du kan redigere jeres hjemmeside fra din computer, din

Læs mere

Skærmlayout på websiden

Skærmlayout på websiden Skærmlayout på websiden Af Kaj Søndergaard En bog i et flot layout er dejlig at få i hånden. Man får lyst til at bladre i bogen for at finde ud af om indholdet ser ud til at være værd at ofre tid på. Hvis

Læs mere

Vejledning til Photofiltre nr. 105 Side 1

Vejledning til Photofiltre nr. 105 Side 1 Side 1 Denne vejledning er et smalt grafikbillede man kan bruge i toppen af en mail lavet i PhotoFiltre 7 hvor man nu kan arbejde i lag. Med PhotoFiltre 7 er det nu endnu nemmere at sammensætte grafik

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

Vejledning til Photofiltre nr. 108 Side 1. Lave visitkort i dankort størelse med eget foto

Vejledning til Photofiltre nr. 108 Side 1. Lave visitkort i dankort størelse med eget foto Side 1 I denne vejledning vises hvordan man kan lave visitkort, på samme måde som der blev lavet bordkort. Vi vil her som baggrund bruge et af vores egne foto. Opsætningen foregår i LibreOffice Draw og

Læs mere

Vejledning til Photofiltre nr. 119 Side 1

Vejledning til Photofiltre nr. 119 Side 1 Side 1 Hvis man kan li' at sidde og sammensætte grafik kan man bl. Lave sit eget lille logo med eget foto og tekst. Det kan bruges på f.eks. brevpapir når man skriver i Word. Find billedet frem du vil

Læs mere

Arbejde med 3D track motion

Arbejde med 3D track motion Arbejde med 3D track motion Gary Rebholz I sidste måneds Tech Tip artikel gennemgik jeg det grundlæggende i track motion. Selv om vi ikke gennemgår alle værktøjer i Track Motion dialog box vil du alligevel

Læs mere

GRAFISK DESIGN RESPONSIV WEBSHOP MED ET FARVETWIST

GRAFISK DESIGN RESPONSIV WEBSHOP MED ET FARVETWIST GRAFISK DESIGN RESPONSIV WEBSHOP MED ET FARVETWIST Hjemmesidedesign og udvikling www.mads-pj.dk/clothesly MADS PADKÆR JØRGENSEN - GRAFISK DESIGN Side 1 af 13 DOKUMENTATION OPGAVE Opgaven jeg stillede mig

Læs mere

5 ARBEJDE MED EDITOREN

5 ARBEJDE MED EDITOREN 5 ARBEJDE MED EDITOREN Editor (eller Rich Tekst Editor) er et indbygget indholdsredigerings værktøj, hvor man uden nogen kendskab til HTML kodning kan skrive tekst, indsætte billeder, videoer og links.

Læs mere

Udarbejdelse af grafisk mockup med efterfølgende styling. Tilbud. Oprettelse af site. Kr. 1.500,00. 1. deltager (kan fravælges) Kr. 3.

Udarbejdelse af grafisk mockup med efterfølgende styling. Tilbud. Oprettelse af site. Kr. 1.500,00. 1. deltager (kan fravælges) Kr. 3. PentaCon CMS Responsive sider WYSIWYG editor Skabelon til standard tekstside med overskrift og 1 billede Skabelon til standard tekstside med overskrift og 3 billeder Slideshow på forsiden Nyhedsruller

Læs mere

Hardeknud gruppe. Brugermanual. Tilegnet redaktører af gruppeweb hjemmeside

Hardeknud gruppe. Brugermanual. Tilegnet redaktører af gruppeweb hjemmeside Hardeknud gruppe Brugermanual Tilegnet redaktører af gruppeweb hjemmeside Indhold Indledning... 4 Om denne brugermanual... 4 Formålet med Gruppeweb... 4 Hjemmesidens opbygning... 4 Redaktører... 5 Log

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

Vejledning til online ansøgning om lokaler i Netbooking

Vejledning til online ansøgning om lokaler i Netbooking Vejledning til online ansøgning om lokaler i Netbooking Det er nu muligt at booke lokaler i Høje-Taastrup Kommune via Internettet og kommunens hjemmeside. Du får adgang til siden ved at følge nedenstående

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

Vejledning til fotosjov med et billede Side 1

Vejledning til fotosjov med et billede Side 1 Side 1 Disse 2 billeder kan du downloade på min hjemmeside. Med dette foto sjov lærer man hvor meget fotoprogrammet OGSÅ kan, foruden at redigere foto i. Så hvis du kører fast og har prøvet at efterligne

Læs mere

ErhvervsAkademi Sjælland. Visuel identitet og designretningslinjer

ErhvervsAkademi Sjælland. Visuel identitet og designretningslinjer ErhvervsAkademi Sjælland Visuel identitet og designretningslinjer Indholdsfortegnelse Formål 2 Værdierne bag EASJ s visuelle identitet 2 - Fællesskab 2 - Mangfoldighed 2 - Udvikling 2 Elementer i logoet

Læs mere

Mille Blomstercup. Cupcake blogger

Mille Blomstercup. Cupcake blogger Mille Blomstercup Cupcake blogger Indhold Brancheanalyse Porter s 5 Forces Målgruppeanalyse Spørgeskemaundersøgelse Kommunikationsmål AIDA Moodboards Designvalg Blog/website Brancheanalyse Porters 5 forces

Læs mere

Microsoft Word 2003 - fremgangsmåde til Blomsterhuset Side 1 af 11

Microsoft Word 2003 - fremgangsmåde til Blomsterhuset Side 1 af 11 Microsoft Word 2003 - fremgangsmåde til Blomsterhuset Side 1 af 11 Åbn Word 2003 Skriv: Blomsterhuset A/S - tryk enter en gang Skriv: Blomster for alle - tryk enter 5 gange Skriv: I anledning af at - tryk

Læs mere

Vejledning i brug af hjemmeside og intranet

Vejledning i brug af hjemmeside og intranet Vejledning i brug af hjemmeside og intranet Side 1 Vejledning i brug af hjemmeside og intranet 1 Indledning... 2 2 Hjemmesiden... 3 2.1 Kolonnen i venstre side... 3 2.1.1 Øverst... 3 2.1.2 I midten...

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

Indholdsfortegnelse: Forord Logo Farver Skrifttyper Billeder Opsætning. Forord:

Indholdsfortegnelse: Forord Logo Farver Skrifttyper Billeder Opsætning. Forord: Designmanual Indholdsfortegnelse: 3 Forord Logo Farver Skrifttyper Billeder Opsætning 3 4 6 8 10 11 Forord: Denne designmanual indholder retninglinjer i forbindelse med partiet Midterpartiet. Heri beskrives

Læs mere

I gang med Adobe Muse CC

I gang med Adobe Muse CC I gang med MUSE Muse er et program fra Adobe til fremstilling af websites, for de som ikke ønsker at arbejde med koder. De fremstillede websites baserer sig naturligvis på HTML, CSS, Javascript mm., du

Læs mere

Prøve i Dansk 1. Skriftlig del. Læseforståelse 1. Maj-juni 2012. Tekst- og opgavehæfte. Delprøve 1: Opgave 1 Opgave 2 Opgave 3

Prøve i Dansk 1. Skriftlig del. Læseforståelse 1. Maj-juni 2012. Tekst- og opgavehæfte. Delprøve 1: Opgave 1 Opgave 2 Opgave 3 Prøve i Dansk 1 Maj-juni 2012 Skriftlig del Læseforståelse 1 Tekst- og opgavehæfte Delprøve 1: Opgave 1 Opgave 2 Opgave 3 Hjælpemidler: ingen Tid: 60 minutter Udfyldes af prøvedeltageren Navn CPR-nummer

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

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

Vejledning til Photofiltre nr. 120 Side 1

Vejledning til Photofiltre nr. 120 Side 1 Side 1 De fleste værktøjer i fotoprogrammet Photofiltre 7 er kun aktive når der er åbnet et billede i programmet. Sådan er det også med tryllestaven. Og hvad kan man så bruge tryllestaven til. Den er beregnet

Læs mere

Vejledning til Photofiltre nr. 118 Side 1

Vejledning til Photofiltre nr. 118 Side 1 Side 1 I stedet for blot at sende en mail med kun hvid baggrund, kan man pynte mail'en lidt op - f.eks. ved at indsætte en personlig billedcollage med tekst i toppen af mail'en inden man begynder at skrive.

Læs mere

Administrator manual

Administrator manual Revision 1 Administrator manual INDHOLD LOG IND 1 OVERBLIK 1 ARBEJDSRUM 1 MEDARBEJDERE 2 OPRET NY MEDARBEJDER 2 TRIN 1 AF 4: NAVN OG OPLYSNINGER 2 TRIN 2 AF 4: LEGITIMATION 2 TRIN 3 AF 4: EFFEKTIVITETSNIVEAU

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

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

Betinget formatering med fremhævning af celler der passer overens med betingelser

Betinget formatering med fremhævning af celler der passer overens med betingelser BETINGET FORMATERING Betinget formatering er en af de funktionaliteter i Excel 2007 som indeholder væsentlige ændringer, den er blevet mere grafisk og der kan skabes bedre visuelle effekter der kan anvendes

Læs mere

Redesign af website. Gruppe 27: Fanøfærgen. Website: Feelgood Bakery. Link til redesign: http://madsklarlund.dk/feelgoodbakery/

Redesign af website. Gruppe 27: Fanøfærgen. Website: Feelgood Bakery. Link til redesign: http://madsklarlund.dk/feelgoodbakery/ Redesign af website Gruppe 27: Fanøfærgen Website: Feelgood Bakery Link til redesign: http://madsklarlund.dk/feelgoodbakery/ Dagmar Büchert Julie Otzen Mads Klarlund Mathias Duhn Larsen 2. Koncept & idé

Læs mere

Manual til Wordpress. 1. Log ind på din Wordpress-side. Indhold:

Manual til Wordpress. 1. Log ind på din Wordpress-side. Indhold: Manual til Wordpress Sådan opdaterer du din hjemmeside i Wordpress: Dette er en manual til de mest grundlæggende ting, så du selv kan redigere indholdet eller tilføje nyt på din hjemmeside. Guiden er skrevet

Læs mere

Style & Experience project

Style & Experience project Style & Experience project Erhvervsakademiet Lillebælt, MMD, Web B, Gruppe 7. Mette Gry Schmidt, Anders Kristian Jepsen, Thomas Sølvbjerg, Jakob Thage og Admira Sehic Anslag 19.606 URL: http://thom441e.mmd.eal.dk/bazar/bazar1.html

Læs mere

Picasa Brugerflade Den øverste linie kaldes for menulinien eller kommandolinien. Alle menuer kan man finde her

Picasa Brugerflade Den øverste linie kaldes for menulinien eller kommandolinien. Alle menuer kan man finde her Picasa Brugerflade Den øverste linie kaldes for menulinien eller kommandolinien. Alle menuer kan man finde her Linien er bygget op på samme måde som i andre Windows programmer f.eks. Word, Excel Klik på

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

SIDEN PÅ WORDPRESS.COM

SIDEN PÅ WORDPRESS.COM WordPress WordPress er et fantastisk program til blog og til hjemmesider, hvor du gerne vil kunne rette via din browser. WordPress er meget udbredt og det er derfor nemt at finde fora, templates og hjælp

Læs mere

3 OPRETTELSE AF SIDER

3 OPRETTELSE AF SIDER 3 OPRETTELSE AF SIDER En af VuptiWebs styrker er muligheden for at oprette forskellige sidetyper og - ikke mindst - sider, som automatisk henter data fra vores administrationsprogram (DOFPro). I første

Læs mere

Lav din egen forside i webtrees

Lav din egen forside i webtrees Lav din egen forside i webtrees Du behøver ikke at kunne kode eller gøre noget advanceret for at designe din helt egen forside i webtrees. Alt du skal gøre er bare at gøre brug af den indbygget editor.

Læs mere

xgalleri Mulige filtyper Installation web-version

xgalleri Mulige filtyper Installation web-version xgalleri xgalleri opstod ud fra ønsket om at lægge en større samling billeder på nettet. Der findes mange programmer, som kan bruges til at lægge datafiler på nettet; men de fungerer typisk på den måde,

Læs mere

Max. 1280 pixels i bredden eller max. 800 pixels i højden.

Max. 1280 pixels i bredden eller max. 800 pixels i højden. Hej alle. Vi har nu fået vort billedgalleri op at køre og det er klar til at modtage jeres fotos, som I nu kan uploade. For at alt skal se ens og pænt ud og ikke fylde for meget, beder vi jer om at de

Læs mere

PROJEKT #3 WEBDESIGN I SAMARBEJDE MED MAK. Akvavitten.dk Andreas Schultz, Cecilie Kogi Carlsen, Lif Kaas Neergaard og Ninette Andersen

PROJEKT #3 WEBDESIGN I SAMARBEJDE MED MAK. Akvavitten.dk Andreas Schultz, Cecilie Kogi Carlsen, Lif Kaas Neergaard og Ninette Andersen PROJEKT #3 WEBDESIGN I SAMARBEJDE MED MAK Akvavitten.dk Andreas Schultz, Cecilie Kogi Carlsen, Lif Kaas Neergaard og Ninette Andersen Design brief Vores opgave i dette projekt har været at designe et website

Læs mere

Typografi og ombrydning

Typografi og ombrydning Typografi og ombrydning Dokumentation Svendeprøve Juni 2015 - Pia Søgaard Kunde: Tr apholt Opgave: Magasin om Arne Jacobsen & sommerhuset Programmer: Indesign, illustrator og photoshop Farverum: CMYK OPSTART

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

Brug af gallerier på fotorammenviborg.dk

Brug af gallerier på fotorammenviborg.dk Brug af gallerier på fotorammenviborg.dk En lille vejledning fra Margaret Skovsen Åbn din browser*) og tast navnet på dit galleri. Det vil typisk være af typen xxx.fotorammenviborg.dk eller xxxy.fotorammenviborg.dk,

Læs mere

www.mdalgaard.dk/abc/

www.mdalgaard.dk/abc/ www.mdalgaard.dk/abc/ udarbejdet af Peter Schindler Michael Dalgaard Stefan Skjerning Erhvervsakademiet København Nord, Multimediedesigner, 3. semester, tr08mul01 Indholdsfortegnelse Indledning... side

Læs mere

OPGAVEN PROGRAMVALG. Jeg har brugt Illustrator til at lave logo og ikoner.

OPGAVEN PROGRAMVALG. Jeg har brugt Illustrator til at lave logo og ikoner. GRAFISK DESIGN OPGAVEN Min kæreste er medstifter af en vinloge. Medlemmerne af logen kunne godt tænke sig et sted, hvor de bl.a. kunne få et overblik over, hvilke vine de har bedømt og hvornår næste loge

Læs mere

KOM GODT FRA START MED DIN HJEMMESIDE

KOM GODT FRA START MED DIN HJEMMESIDE KOM GODT FRA START MED DIN HJEMMESIDE Følg denne guide inden du kontakter din webdesigner Hvad kan du gøre for at få den hjemmeside, du drømmer om? At få designet eller selv designe en hjemmeside er en

Læs mere

Active Builder - Brugermanual

Active Builder - Brugermanual Active Builder - Brugermanual Version: Release 2.0 Sprog: Dansk Copyright 2014 - Talk Active ApS INDHOLDSFORTEGNELSE INDHOLDSFORTEGNELSE... 2 1. HURTIGT OVERBLIK... 4 1.1 Vælg URL:... 4 1.2 Vælg en skabelon:...

Læs mere

Du skal så lige først hente en fil en såkaldt maske der hedder PF-Snowflake

Du skal så lige først hente en fil en såkaldt maske der hedder PF-Snowflake Side 1 Man kan selv lave f.eks. julekort med sne på, samt andet pynt. Har du et flot vinterbillede med sne på kan du lave det endnu flottere. Billedet jeg bruger er reduceret til 900 x 600 pixels Du skal

Læs mere

Vejledning til den skrevne patientinformation i Hospitalsenheden Vest

Vejledning til den skrevne patientinformation i Hospitalsenheden Vest Vejledning til den skrevne patientinformation i Hospitalsenheden Vest November 2015 /Kommunikation Inden du går i gang: Er det første gang, du skal bruge den fælles skabelon for den skrevne patientinformation

Læs mere

JAN MØLLER JD DESIGN CMK

JAN MØLLER JD DESIGN CMK JAN MØLLER JD DESIGN CMK INDHOLDSFORTEGNELSE Sitemap:... 3 Valg af farver:... 3 Skitser:... 4 Forside:... 4 Produkter:... 5 Kontakt/Bestil:... 6 Galleri:... 7 Info:... 8 Målgruppe:... 9 Persona:... 9 Produkter:...

Læs mere

Indre Missions. Vejledning til TYPO3

Indre Missions. Vejledning til TYPO3 Indre Missions Vejledning til TYPO3 Manual til Typo3 på IM's server 1. Udgave, januar 2010 Daniel Damm, IT afdelingen, Indre Missions Hus Indholdsfortegnelse Indledning...5 Præsentation af begrebet CMS...6

Læs mere

Photofiltre nr. 85 Lave grafikbillede hvor vi bruger plugins side 1

Photofiltre nr. 85 Lave grafikbillede hvor vi bruger plugins side 1 Lave grafikbillede hvor vi bruger plugins side 1 Vi skal nu sammensætte et grafikbillede hvor vi bruger 2 plugins som kan hentes på min hjemmeside www.pensionistedb.dk under Photofiltre. Denne hedder Image

Læs mere

Conventus Instruktør brugervejledning

Conventus Instruktør brugervejledning Conventus Instruktør brugervejledning Du får nu mulighed for at benytte nogle af de faciliteter, som er tilgængelige i Conventus. F.eks. vil det være muligt for dig at følge med i, hvem der er tilmeldt

Læs mere

GRAFISK DESIGN. Webdesign til fodboldportal

GRAFISK DESIGN. Webdesign til fodboldportal Webdesign til fodboldportal REDEGØRELSE Opgavebeskrivelse Bold.dk og 6 eren har slået sig sammen for at skabe Danmarks største Premier League fodboldporta, pl.dk. Hjemmesiden skal indeholde rigtig mange

Læs mere

Af Theis Hansen og Morten Hedetoft, 1.3

Af Theis Hansen og Morten Hedetoft, 1.3 Af Theis Hansen og Morten Hedetoft, 1.3 Typografier: Typografier er er punkt inden for design, som omfatter skrifttyper, linjeafstand/opsætning og linjeafstand altså en hel masse inden for skrift eller

Læs mere

Indhold. 1. Adgang og afslutning

Indhold. 1. Adgang og afslutning 1 Indhold 1. Adgang og afslutning 2. Menupunkter 3. Tekst 4. Billeder 5. Video 6. Lyd 7. Bannere 8. Bokse 9. Dokumenter 10. Links 11. Iframe 12. Markedspladsen 13. Nyheder 14. Job 15. Kalender 16. Selvbetjeningsbjælken

Læs mere

Brugervejledning Joomla

Brugervejledning Joomla Brugervejledning Joomla Denne brugervejledning vil guide dig gennem de funktioner, som du skal bruge for at redigere indhold på dit website. Indholdsfortegnelse LOG- IN:... 2 OPRET ARTIKEL:... 3 INDSÆT

Læs mere

Sådan opdaterer og vedligeholder du din hjemmeside i Wordpress.

Sådan opdaterer og vedligeholder du din hjemmeside i Wordpress. Wordpress manual Sådan opdaterer og vedligeholder du din hjemmeside i Wordpress. Dette er en manual til de mest grundlæggende ting og funktioner i Wordpress, så du selv kan redigere indholdet eller tilføje

Læs mere

Selv om websites er yderst forskellige i deres fremtræden, så kan de stort set alle sammen passes ind i den skabelon som er illustreret herunder:

Selv om websites er yderst forskellige i deres fremtræden, så kan de stort set alle sammen passes ind i den skabelon som er illustreret herunder: Design en praktisk guide. Et design udtrykker dit websites grafiske udseende, lige fra hvilke skrifttyper der anvendes op til hvor navigationen er placeret og hvilke interaktive elementer der skal benyttes.

Læs mere