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

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

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

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

Nolde Museet. I gang med Dreamweaver. Opgave. Opgavebeskrivelse. Layout. Mål og CSS

Nolde Museet. I gang med Dreamweaver. Opgave. Opgavebeskrivelse. Layout. Mål og CSS Opgavebeskrivelse Lav en webside om i Sønderjylland. Opgaven fører dig igennem de basale ting, hvad angår opbygningen af en side med CSS. Der er ikke tale om et komplet site, men du kan bruge opgaven som

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

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

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

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

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

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

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

Grafisk produktion og workflow

Grafisk produktion og workflow Grafisk produktion og workflow Helle Nicolaysen, mediegrafiker, 3. hovedforløb Introduktion Bylderup-Bov Rideklub har en hjemmeside, bestående af en template, hvor designet er fastlagt. Jeg er i kontakt

Læs mere

Vejledning om brug af GE WEB Indberetning af vandmængder for enkeltanlæg

Vejledning om brug af GE WEB Indberetning af vandmængder for enkeltanlæg Vejledning om brug af GE WEB Indberetning af vandmængder for enkeltanlæg Login Åben linket på Horsens Kommunes hjemmeside eller gå ind på www.vandindberetning.horsens.dk I webløsningen kan der indberettes

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

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

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

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

Vejledning om brug af GE WEB Indberetning af vandmængder for almene vandværker

Vejledning om brug af GE WEB Indberetning af vandmængder for almene vandværker Vejledning om brug af GE WEB Indberetning af vandmængder for almene vandværker Login Åben linket på Horsens Kommunes hjemmeside eller gå ind på www.vandindberetning.horsens.dk I webløsningen kan der indberettes

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

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

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

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

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

Det øverste symbol er en rød pil og kaldes Segment Mode og fungere i princippet lige som den røde overwrite pil.

Det øverste symbol er en rød pil og kaldes Segment Mode og fungere i princippet lige som den røde overwrite pil. SMART TOOLS Se video på www.vj-dk.dk Smart Tools er et nyt værktøj i version 5 af Avids Media Composer. Det er opbygget som et Drag & Drop - værktøj, så du kan flytte rundt med klippene på tidslinjen ved

Læs mere

Responsive design Der er ingen breaking points på hjemmesiden. Det er et astatic website, da det ikke er responsivt.

Responsive design Der er ingen breaking points på hjemmesiden. Det er et astatic website, da det ikke er responsivt. Gruppe 11 Asta, Björk, Marie-Louise, Sofie. http://arice.dk/scherninghtml/forside1.html Husk at trykke på den første ørering inde under smykker. Brug venligst inspectoren når i tjekker tablet og mobil

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

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

INSTALLATIONS GUIDE. Online harddisk (Chili Cloud) TIL PC OG MAC FIBERBREDBÅND TV TELEFONI

INSTALLATIONS GUIDE. Online harddisk (Chili Cloud) TIL PC OG MAC FIBERBREDBÅND TV TELEFONI INSTALLATIONS GUIDE Online harddisk (Chili Cloud) TIL PC OG MAC FIBERBREDBÅND TV TELEFONI INDHOLD PC...4 Mac...18 PC Sådan installerer du Chili Cloud på PC Åbn den mail du har modtaget med Chili Cloud

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

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

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

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

Sætte et nyhedsbrev eller julebrev op i Draw Hvor du også bruger Photofiltre 7 side 1

Sætte et nyhedsbrev eller julebrev op i Draw Hvor du også bruger Photofiltre 7 side 1 side 1 Denne vejledning skal vise hvordan man kan lave et julebrev - det kan også være et nyhedsbrev. Fremgangsmåden er den samme Opsætningen foregår i LibreOffice Draw Men hvor man også bruger Photofiltre

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 3. Hovedforløb

Grafisk workflow 3. Hovedforløb Grafisk workflow 3. Hovedforløb 3. Hovedforløb Grafisk workflow Dreamweaver Opgavebeskrivelse Højbakkegaard har brug for en hjemmeside, som kan vise hvad gården har at byde på, deres unikke vine og faciliteter

Læs 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

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

Installations guide. Online harddisk (Chili Cloud) til PC og Mac

Installations guide. Online harddisk (Chili Cloud) til PC og Mac Installations guide Online harddisk (Chili Cloud) til PC og Mac 2 Indhold PC installations guide 04 Sådan administrerer du Chili Cloud 11 Gendan filer der er blevet slettet 16 Mac installations guide 18

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

ActiveBuilder Brugermanual

ActiveBuilder Brugermanual ActiveBuilder Brugermanual Forfatter: TalkActive I/S Dato: Juni 2004 Version: R. 1.01 Sprog: Dansk Copyright 2004 - Talk Active - all rights reserved. Indhold: 1. INDLEDNING...2 2. QUICK-START...3 3. OPBYGNINGEN

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

Grafisk Design. Svendeprøve Portfolio Anja Jelstrup Jensen, Kailow

Grafisk Design. Svendeprøve Portfolio Anja Jelstrup Jensen, Kailow Grafisk Design Svendeprøve Portfolio Anja Jelstrup Jensen, Kailow Gammelt layout Nyt layout 6 Grafisk Design Kunden Mindfullife er en forskningsinvolveret uddannelsesvirksomhed indenfor mindfulness-baseret

Læs 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

INSTALLATIONS GUIDE. Online harddisk (Chili Cloud) TIL PC OG MAC FIBERBREDBÅND TV TELEFONI

INSTALLATIONS GUIDE. Online harddisk (Chili Cloud) TIL PC OG MAC FIBERBREDBÅND TV TELEFONI INSTALLATIONS GUIDE Online harddisk (Chili Cloud) TIL PC OG MAC FIBERBREDBÅND TV TELEFONI INDHOLD PC...4 Mac...18 PC Sådan installerer du Chili Cloud på PC Åbn den mail du har modtaget med Chili Cloud

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

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

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

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

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

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

Fase Forklaring Navigation. Opret en div til feltet hvorpå scrollbaren ønskes placeret. Giv div'en mål og position absolut. Vælg Overflow: auto.

Fase Forklaring Navigation. Opret en div til feltet hvorpå scrollbaren ønskes placeret. Giv div'en mål og position absolut. Vælg Overflow: auto. 1 Scrollbar Åbn index.html Der skal være en side åben. Indsæt en div: scroll Opret en div til feltet hvorpå scrollbaren ønskes placeret. Definér div'en Giv div'en mål og position absolut. Vælg Overflow:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Opgavebeskrivelse. Opgaveløsningen

Opgavebeskrivelse. Opgaveløsningen Opgavebeskrivelse Opgaven er et redesign af en hjemmeside til Tistrup Festuge. Opgaven er en fritidsopgave, udarbejdet for udvalget bag Tistrup Festuge. Da man i de seneste år, har ændret en del på konceptet

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

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

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

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

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

Vejledning om brug af GE WEB Indberetning af vandmængder for almene vandværker

Vejledning om brug af GE WEB Indberetning af vandmængder for almene vandværker Vejledning om brug af GE WEB Indberetning af vandmængder for almene vandværker Login Åben linket på Skanderborg Kommunes hjemmeside eller gå ind på https://vandindberetning.skanderborg.dk Indtast Brugernavn

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

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

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

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

Hjemmesidemanual for Østkredsen

Hjemmesidemanual for Østkredsen Hjemmesidemanual for Østkredsen Version 0.1 Historik: 01-09-2007 0.1: Dokument oprettet af Flemming Bruun Indhold Indledning...2 Administration...3 Logge på siden...3 Logge af siden...3 Ret navn og kodeord...3

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

Projekt redesign af Kyoto.dk Hold A - gruppe 20

Projekt redesign af Kyoto.dk Hold A - gruppe 20 Projekt redesign af Kyoto.dk Hold A - gruppe 20 INDHOLD I RAPPORTEN Analyse, persona og idégenerering Wireframes og styletiles Layoutdiagrammer Uddrag af kode Evaluering s feedback Reflektion og reslutat

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

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