Sensus. Grafisk design og tilgængelighed

Størrelse: px
Starte visningen fra side:

Download "Sensus. Grafisk design og tilgængelighed"

Transkript

1 Grafisk design og tilgængelighed Mange tilgængelighedsproblemer bliver skabt allerede i forbindelse med udviklingen af netstedets grafiske udtryk. Tilgængelige netsteder er ikke nødvendigvis ensbetydende med visuelt kedelige netsteder, og man skal under ingen omstændigheder forsøge at lave alternative (tekst)versioner for at tilfredsstille enkelte brugergruppers behov. Ved at tage en række simple forholdsregler kan man sikre at flest mulige mennesker får adgang til netstedet. F orholdsreglerne er baseret på et uddrag af de internationale retningslinjer for tilgængeligt webdesign fra W3C, og kan sammenfattes således: Netstedet må ikke være låst til en bestemt platform, skærmopløsning eller teknologi Netstedet skal fremstå enkelt og konsistent Netstedets indhold skal være præsenteret på en læselig form med en rimelig grad af kontrast Brugeren skal have mulighed for at ændre netstedets præsentation i forhold til egne præferencer Netstedets linktekster skal kunne læses udenfor deres kontekst Man bør undgå animationer, pop-ups og vandmærker Netstedets struktur/indhold skal være klart adskilt fra dets præsentation I det følgende er baggrunden for forholdsreglerne beskrevet, ligesom de enkelte punkter er forklaret nærmere. Baggrund Internettet er et dynamisk medium, og vi kan ikke gøre os særlig mange antagelser om målgruppen. Det eneste vi med sikkerhed ved er, at den ikke er ensartet. Sandsynligvis anvender brugeren en computer med en af de mere end forskellige browsere og browserversioner, som er i omløb. Men det kan lige så vel være, at brugeren anvender en PDA eller en SmartPhone, ligesom vi ikke kan være sikre på, at brugeren har en mus eller et andet pegeredskab. Hvis brugeren anvender en computer ved vi ikke om det er en Windows-PC, en Macintosh, en Linuxbaseret computer eller noget helt fjerde, ligesom vi ikke ved om brugeren har en meget stor skærm med høj opløsning eller en mindre skærm med lavere opløsning. Vi ved ikke om brugeren har alle sine sanser i behold, om vedkommende har sin fulde førlighed, eller om brugeren befinder sig i en situation, som gør det umuligt at anvende visse sanser. Eksempelvis ved vi ikke om brugeren er blind, døv eller læsesvag. Vi ved heller ikke om brugeren kører bil, og bruger en talestyret browser for ikke at skulle flytte blikket fra trafikken. Vi ved ikke hvilke skrifttyper og skriftstørrelser brugeren foretrækker og vi ved ikke om kontrasterne på netstedet passer brugeren. Vi ved ikke om brugernes browsere understøtter scripts; det vurderes at op mod 15% af samtlige brugere anvender browsere, som ikke understøtter scripts eller har slået scripts fra i deres browser af sikkerhedsmæssige eller andre årsager. Lås ikke til bestemte platforme, opløsninger eller teknologier Da vi ikke ved særlig meget om målgruppen er det en dårlig idé at antage at brugerne eksempelvis anvender en Windows-baseret computer med en af de seneste versioner af Microsoft Internet Explorer, at de bruger en mus og at deres skærm har en fast opløsning på fx 800*600 pixels. I stedet bør man anvende generelle, standardiserede teknologier og metaforer, som kan repræsenteres muligvis forskelligt på forskellige platforme og medier. Man bør endvidere anvende et flydende design (liquid design), som tilpasser sig den aktuelle opløsning både når der er tale om gængse opløsninger og når brugeren anvender en meget høj eller meget lav opløsning. I praksis betyder det bl.a., at man altid skal angive størrelser, placeringer og lig- 1

2 nende relativt (i pct eller em) i stedet for absolut (i pixels eller pt). Da netstedet også skal kunne anvendes af brugere som ikke kan eller ikke vil anvende en mus eller et andet pegeredskab, er det vigtigt at man kan nå samtlige dele af netstedet fra tastaturet. Dette gælder også mere komplekse elementer som menuer, undermenuer og formularer. Nedenstående taber viser eksempler på operativsystemer, skærmopløsninger, browsere og browserversioner, som et netsted kan komme ud for at skulle præsenteres på. Oversigten er naturligvis ikke komplet og billedet ændrer sig hele tiden i takt med udviklingen: Høj kontrast og læselig tekst Det er de færreste, som kan læse tekst i en meget lille skriftstørrelse med ringe kontrast. Alligevel er det ganske normalt, at netsteder anvender tekst i 7½ pt i en grå nuance på en grå baggrund. Det er de færreste, som kan læse tekst i en meget lille skriftstørrelse med ringe kontrast. Alligevel er det ganske normalt, at netsteder anvender tekst i 7½ pt i en grå nuance på en grå baggrund. Det anbefales, at anvende en skriftstørrelse på mindst 10 pt og at sikre, at der er en høj kontrast mellem skriftfarven og baggrundsfarven, fx sort tekst på en hvid, lys gul eller creme baggrund. Der synes at være konsensus om at skrifttyper Enkelt og konsistent Designet bør være så enkelt som muligt og uden forstyrrende alternativer. Man bør ikke anvende alt for mange forskellige metaforer til at opnå den samme effekt (fx forskellige typer menuer), ligesom man bør undgå redundante menupunkter og for mange menupunkter. De enkelte sider på netstedet skal være konsistente i deres udtryk og navigationen bør være konsistent. Faste ankerpunkter til sidernes bund og top, samt til forsiden hjælper brugeren med at navigere rundt på siderne. Ensartede menuer, brødkrummestier, alfabetiserede oversigter og sitemaps hjælper brugerne med at orientere sig og bør indarbejdes som faste dele af et netsted. uden seriffer (eksempelvis Verdana, Helvetica, Ariel, Tiresias) er de mest læsevenlige, især for læsesvage brugere. Disse skrifttyper ligner de bogstaver man lærer i skolen, og der er ingen forvirrende ornamentering på dem. Anvender man ikke en standard font, som findes på de fleste platforme, bør man angive en række alternativer i en fontfamilie. Giv brugeren kontrol - Udnyt browserens funktioner Selvom man har valgt skrifttyper, skriftstørrelser og kontraster med omhu vil der være brugere, som ønsker det anderledes. Der kan fx være ældre mennesker, som ikke længere 2

3 ser så godt og som derfor ønsker endnu større bogstaver. Eller det kan være mennesker med et decideret synshandicap, som ønsker endog meget store bogstaver og helt specielle farver, fx gul tekst på blå baggrund. Eller det kan være farveblinde, som har særlige krav til farvekombinationerne. Eller der kan være ordblinde, som foretrækker en ganske bestemt skrifttype. I alle disse tilfælde er det vigtigt, at give brugerne kontrol til at kunne ændre netstedets præsentation. Ligesom man ikke skal låse sig fast til en bestemt opløsning er det en dårlig idé, at låse præsentationen af netstedet fast til bestemte skrifttyper, skriftstørrelser og farvekombinationer. I stedet bør man lade det være op til brugeren ved hjælp af browserens indbyggede funktioner at ændre netstedets præsentation så det passer til vedkommendes præferencer. I praksis betyder det bl.a., at man altid skal angive størrelser, placeringer og lignende relativt (i pct eller em) i stedet for absolut (i pixels eller pt). Tilsvarende er der normalt ingen grund til at udvikle særlige funktioner på netstedet til eksempelvis udskrift, skalering af teksten eller oplæsning. Langt de fleste brugere vil være tilfredse og fortrolige med at anvende browserens indbyggede funktioner til udskrift og tekstskalering, og hvis de har behov for oplæsning vil de sandsynligvis have anskaffet et generelt hjælpemiddel, som virker på alle netsteder. Linktekster skal kunne læses udenfor deres kontekst Mange brugere med funktionsnedsættelser danner sig overblik over en side på et netsted ved at få oplæst de links, der findes på en side. Det gælder fx blinde og svagsynede mennesker. Derfor er det vigtigt, at netstedets linktekster giver mening når de læses udenfor deres normale kontekst på siden. Linktekster som Her, Klik her, Mere og Læs hele artiklen giver ingen mening udenfor deres (visuelle) kontekst. I stedet bør man anvende linktekster, som er sigende for de indhold de fører hen til, fx i form af overskrifter. Desuden bør man ikke anvende den samme linktekst til at henvise til forskellige sider. Undgå animationer, pop-ups, vandmærker Af hensyn til såvel den almindelige brugervenlighed som tilgængeligheden bør man undgå animationer, pop-up vinduer, vinduer som lukker automatisk og vandmærker. Animationer flytter brugerens fokus fra netstedets øvrige indhold og kan gøre netstedet uanvendeligt for fx læsesvage og ordblinde brugere, samt mennesker med kognitive handicaps. Pop-up vinduer og vinduer, som lukker automatisk, flytter brugerens fokus. De er irriterende for de fleste mennesker, og giver anledning til store problemer for fx blinde og svagsynede brugere. Vandmærker og andre udsmykninger bag netstedets indhold gør næppe læsbarheden højere for nogen brugergruppe. Adskil struktur/indhold og præsentation Mark-up sprog som HTML, XML og XHTML er udviklet til alene at beskrive indholdet og strukturen i dokumenter. Det er selve formålet med disse mark-up sprog: De anvendes til at beskrive hvorledes et dokument er struktureret, hvorledes de forskellige elementer i dokumentet forholder sig til hinanden og i hvilken rækkefølge elementerne kan, skal eller bør findes i do- 3

4 kumentet. Omvendt er de nævnte mark-up sprog ikke udviklet til at beskrive hvorledes dokumenter skal præsenteres for brugeren. I specifikationerne til de fleste mark-up sprog fremgår det klart, at man ikke må anvende sprogets strukturelementer til at opnå en bestemt typografisk præsentation. Eksempelvis må man ikke tagge en del af et dokument som en overskrift hvis der ikke netop er tale om en overskrift, men hvis formålet blot er at få den del af dokumentet til at fremstå med en bestemt skrifttype. Tilsvarende må man eksempelvis heller ikke anvende HTML-tabeller (som alene er beregnet til tabulær information struktureret i rækker og kolonner) til at præsentere tekst i spalter. Der er mange årsager til, at man ikke må blande struktur og indhold sammen med præsentation. De væsentligste er: Dokumenternes struktur anvendes i stor udstrækning til maskinel behandling af dokumenterne i forbindelse med formatering, transformation og endelig præsentation, og de fleste applikationer vil forudsætte at strukturelementer i dokumenter er anvendt korrekt. Eksempelvis vil den forkerte anvendelse af overskriftelementer, som er nævnt ovenfor, betyde, at det ikke kan lade sig gøre at generere indholdsfortegnelser automatisk (fx i et sitemap). Ligeledes vil det give anledning til problemer hvis man har anvendt tabeller til at præsentere tekst i tabeller da informationen i disse ikke kan lineariseres af en skærmlæser og ikke kan ombrydes hvis brugeren ønsker teksten i et andet format. Dokumenterne skal kunne præsenteres på en lang række forskellige medier (det er en af de væsentligste årsager til at anvende mark-up sprog), og man kan ikke forudsætte at visuel formatering vil give mening når et dokument skal præsenteres på et andet medie. At anvende et bestemt strukturelement til at opnå en bestemt visuel effekt kan måske give mening hvis et dokument præsenteres på en PC med en bestemt skærmopløsning, men kan give anledning til problemer eller være direkte uanvendelig hvis dokumentet præsenteres akustisk af en skærmlæser eller på en PDA med en lille skærm. Det kan være meget svært at opretholde og/eller ændre præsentationen af et helt netsted (eller andre samlinger dokumenter) hvis dokumenternes præsentation ikke er adskilt fra deres strukturelle indhold og hvis man ikke kan forudsætte, at de strukturelle elementer i dokumenterne alene anvendes til beskrivelse af deres struktur. De første versioner af HTML indeholdt meget få muligheder for at angive hvorledes et dokument skulle præsenteres for brugeren. Det betød, at mange webudviklere begyndte at anvende strukturelementer i HTML til at styre præsentationen, ligesom en række softwarehuse udviklede ikke-standardiserede udvidelser til HTML til styring af præsentationen. Selvom W3C siden har udviklet en række standarder for hvorledes præsentationen af dokumenter kan styres på en medieuafhængig måde og uden at anvende mark-up sprogenes strukturelementer, er denne praksis desværre fortsat. Det er stadig almindelig praksis at anvende strukturelle elementer i mark-up sprogene for at opnå en ønsket visuel effekt; dette på trods af, at Cascading Style Sheets (CSS1, CSS2, CSS3) netop giver mulighed for at anvende mark-upsprogene efter hensigten. Denne praksis har konsekvenser for den generelle kvalitet af netstederne, ligesom det giver sig udslag i nedsat tilgængelighed. Mange mennesker med funktionsnedsættelser er afhængige af hjælpemidler (fx skærmlæsere størrelsesprogrammer og punktskriftdisplays), som udnytter dokumenternes strukturelle elementer til at ombryde og præsentere indholdet i alternative formater. CSS er en generel mekanisme til at håndtere justering, afstand, positionering, fontstørrelser, farver og andre typografiske problemstillinger i et medie-uafhængigt format. CSS kan ikke blot anvendes sammen med HTML, men også andre mark-up sprog som XHTML og XML, og sikrer en fuldstændig adskillelse af struktur og indhold på den ene side og præsentation på den anden. Anvendelsen af CSS til håndtering af præsentationen af information på netsteder har en række meget betydelige fordele for tilgængeligheden, ligesom det som det oftest er tilfældet når 4

5 man tager hensyn til tilgængeligheden i designet har en række betydelige fordele for den generelle kvalitet og brugervenlighed. Sensus ApS Torvet 3-5, 2.tv. DK-3400 Hillerød Telefon: Web: Indhold og layout: Sensus ApS. Indholdet kan anvendes frit mod fuldstændig kildeangivelse Sensus ApS. Alle rettigheder forbeholdes. Version 1.2/01/2009 5

Tilgængelighedsmanual til CMS et for Københavns Kommunes hjemmeside

Tilgængelighedsmanual til CMS et for Københavns Kommunes hjemmeside Sensus ApS Torvet 3-5, 2.tv. DK-3400 Hillerød Telefon: +45 48 22 10 03 CVR nr.: DK11130976 www.sensus.dk sensus@sensus.dk Tilgængelighedsmanual til CMS et for Københavns Kommunes hjemmeside Version 1.2

Læs mere

ANALYSE AF WEBSTEDET WWW.BILFORHANDLER.DK

ANALYSE AF WEBSTEDET WWW.BILFORHANDLER.DK ANALYSE AF WEBSTEDET WWW.BILFORHANDLER.DK Denne rapport indeholder en primær analyse af webstedet www.bilforhandler.dk. Vi har kigget på: Det vigtige førstehåndsindtryk af webstedet Brugervenlighed Anvendte

Læs mere

1 Robbins, Jennifer N.: Learning Web Design, s. 41

1 Robbins, Jennifer N.: Learning Web Design, s. 41 I designarbejdet forbundet med at udvikle en hjemmeside, er det vigtigt at gøre sig nogle overvejelser over hvilken optimale skærmstørrelse man designer til, da dette har konsekvens for den efterfølgende

Læs mere

Tilgængelighedsmanual Århus kommunes hjemmeside

Tilgængelighedsmanual Århus kommunes hjemmeside Sensus ApS Torvet 3-5, 2.tv. DK-3400 Hillerød Telefon: +45 48 22 10 03 CVR nr.: DK11130976 www.sensus.dk sensus@sensus.dk Tilgængelighedsmanual Århus kommunes hjemmeside Version 1.4 Indhold 1 GRUNDLÆGGENDE...

Læs mere

Sensus. Introduktion til webtilgængelighed

Sensus. Introduktion til webtilgængelighed Introduktion til webtilgængelighed Tilgængelighed på Internettet er en forudsætning for, at alle har adgang til informationssamfundet. Formålet med denne artikel er at give en grundlæggende introduktion

Læs mere

GUIDEN / TILGÆNGELIG WEB FOR WEBUDVIKLERE

GUIDEN / TILGÆNGELIG WEB FOR WEBUDVIKLERE GUIDEN / TILGÆNGELIG WEB FOR WEBUDVIKLERE VÆRKTØJET TIL TILGÆNGELIG WEB CENTER FOR LIGEBEHANDLING AF HANDICAPPEDE INDHOLD / MAINSTREAMING AF HANDICAPOMRÅDET TILGÆNGELIGHED OG WEBDESIGN Brug CSS Brugen

Læs mere

GUIDEN / TEST AF HJEMMESIDER

GUIDEN / TEST AF HJEMMESIDER GUIDEN / TEST AF HJEMMESIDER VÆRKTØJET TIL TILGÆNGELIG WEB CENTER FOR LIGEBEHANDLING AF HANDICAPPEDE INDHOLD / MAINSTREAMING AF HANDICAPOMRÅDET INTRODUKTION TIL TEST LINKS Medarbejderen som eksperten Automatiserede

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

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

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

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

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

Peter Kragh Hansen. Microsoft PowerPoint 2013 DK. ISBN nr.: 978-87-93212-07-7

Peter Kragh Hansen. Microsoft PowerPoint 2013 DK. ISBN nr.: 978-87-93212-07-7 Peter Kragh Hansen Microsoft PowerPoint 2013 DK ISBN nr.: 978-87-93212-07-7 I n d h o l d s f o r t e g n e l s e PowerPoint 2013... 3 Præsentation... 4 Oprettelsen af præsentationer... 5 Skabeloner og

Læs mere

MANUAL - Joomla! Version 1

MANUAL - Joomla! Version 1 MANUAL - Joomla! Version 1 Indhold Retningslinjer for hjemmesiden... 3 Log ind... 3 Ret i en artikel, der allerede er oprettet... 4 Opret ny artikel... 8 a) Skriv direkte i tekstfelt... 9 b) Indsæt tekst

Læs mere

WBS. Inledning. Afsluttende projekt 1. sem

WBS. Inledning. Afsluttende projekt 1. sem MARK KRISTENSEN.DK Afsluttende projekt 1. sem Inledning I denne rapport kan du læse om den udviklingsproces, der ligger til grund for min nye portfolio, de metoder jeg har brugt, mine designvalg og designprincipper.

Læs mere

Vejledning. En tilgængelig softwareløsning - softwareapplikationer og operativsystemer. Tilgængelighed

Vejledning. En tilgængelig softwareløsning - softwareapplikationer og operativsystemer. Tilgængelighed Vejledning En tilgængelig softwareløsning - softwareapplikationer og operativsystemer En softwareløsning dækker her såvel softwareapplikationer som operativsystemer. Softwareløsninger er kendetegnet ved,

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

Microsoft. fra Word 2003

Microsoft. fra Word 2003 I denne vejledning Microsoft Word 2010 ser meget anderledes ud end Word 2003, og vi har derfor oprettet denne vejledning, så du hurtigere kan komme i gang med at bruge programmet. Læs videre for at få

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

POWERPOINT FONTE HELT SIMPELT

POWERPOINT FONTE HELT SIMPELT CLAUS HANDBERG POWERPOINT FONTE HELT SIMPELT www.brydrammen.dk - ch@visuspublishing.dk VisusPublishing Hybenvænget 5 7480 Vildbjerg Tlf. 31458200 All Rights Reserved FONTE HELT SIMPELT PowerPoint fonte

Læs mere

KAPITEL 1 Introduktion

KAPITEL 1 Introduktion KAPITEL 1 Introduktion ZoomText 9.1 er et specialdesignet computer program der hjælper svagsynede med at se skærmbilledet på computeren. Ved at benytte både skærmforstørrelse og skærmlæsning giver ZoomText

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

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

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

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

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

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

PowerPoint 2003. Kursusmateriale til FHF s kursister

PowerPoint 2003. Kursusmateriale til FHF s kursister PowerPoint 2003 Kursusmateriale til FHF s kursister Indholdsfortegnelse: Opgave 1 Hvad er en Præsentation?... 2 Opgave 2 vælg emne + opret dias... 3 Opgave 3 Indsæt objekter / billeder... 4 Opgave 4 Brugerdefineret

Læs mere

Et krav til portfolien var at det skulle udvikles fra bunden uden brug af CSS-frameworks, samt HTML og CSS skulle valideres uden fejl.

Et krav til portfolien var at det skulle udvikles fra bunden uden brug af CSS-frameworks, samt HTML og CSS skulle valideres uden fejl. Indledning Mit sidste projekt her på 1.semester gik ud på at jeg skulle lave et redesign af mit første portfolio, som jeg lavede i starten af semesteret. Formålet var at vise hvad jeg havde lært siden

Læs mere

Eksamensopgave 2012. Aarhusportalen. Melissa Emilie

Eksamensopgave 2012. Aarhusportalen. Melissa Emilie Eksamensopgave 2012 Aarhusportalen Melissa Emilie Indhold Indhold... 1 Aarhusportalen... 2 Projektbeskrivelse... 2 Hvem er kunden... 2 Målgruppe... 2 Hvad ønsker vi at opnå... 2 Temaer... 2 Tidsplan...

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

Poster design. Meningen med en poster

Poster design. Meningen med en poster Poster design At præsentere et naturvidenskabelig emne er ikke altid lige nemt. Derfor bruges ofte plakater, såkaldte posters, til at fremvise forskning på fx messer eller konferencer. Her kan du finde

Læs mere

GUIDEN / TILGÆNGELIG WEB FOR WEBREDAKTØRER

GUIDEN / TILGÆNGELIG WEB FOR WEBREDAKTØRER GUIDEN / TILGÆNGELIG WEB FOR WEBREDAKTØRER VÆRKTØJET TIL TILGÆNGELIG WEB CENTER FOR LIGEBEHANDLING AF HANDICAPPEDE INDHOLD / MAINSTREAMING AF HANDICAPOMRÅDET Introduktion Fasthold navigationsstrukturen

Læs mere

Sådan indlægges nyheder på DSqF s hjemmeside trin for trin

Sådan indlægges nyheder på DSqF s hjemmeside trin for trin Sådan indlægges nyheder på DSqF s hjemmeside trin for trin Systemkrav For at kunne bruge Composite kræves: Windows 95 eller nyere (bemærk - kun Windows kan bruges) Browseren Internet Explorer 6.0 eller

Læs mere

Kunsten på Silkeborg Højskole - en online kunstregistrant

Kunsten på Silkeborg Højskole - en online kunstregistrant GRAFISK DESIGN Design af responsiv hjemmeside til Silkeborg Højskoles nye kunstregistrant. Oprettelse af ny side på Silkeborg Højskoles primære hjemmeside. Kunsten på Silkeborg Højskole - en online kunstregistrant

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

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

få en ny og bedre hjemmeside på få minutter Quick guide Del denne quick guide med alle som har glæde af en ny og bedre hjemmeside

få en ny og bedre hjemmeside på få minutter Quick guide Del denne quick guide med alle som har glæde af en ny og bedre hjemmeside få en ny og bedre hjemmeside på få minutter Quick guide Del denne quick guide med alle som har glæde af en ny og bedre hjemmeside 1 Alle har ret og råd til en professionel hjemmeside på få minutter GoMinisite

Læs mere

GUIDEN / BAGGRUNDSVIDEN OM TILGÆNGELIG WEB

GUIDEN / BAGGRUNDSVIDEN OM TILGÆNGELIG WEB GUIDEN / BAGGRUNDSVIDEN OM TILGÆNGELIG WEB VÆRKTØJET TIL TILGÆNGELIG WEB CENTER FOR LIGEBEHANDLING AF HANDICAPPEDE INDHOLD / MAINSTREAMING AF HANDICAPOMRÅDET ARBEJDSPROCESSEN MOD TILGÆNGELIG WEB Introduktion

Læs mere

Yosef Saleh, Ilyas Tulumcu Oguzhan Polat, Mohammad Kaddoura Kom/IT C Kl. 1.2

Yosef Saleh, Ilyas Tulumcu Oguzhan Polat, Mohammad Kaddoura Kom/IT C Kl. 1.2 1/ Indholdsfortegnelse Indledning... 3 Dokumentation... 4 Hjemmeside og logo design... 14 Valg af skrifttype... 15 AIDA... 16 Arbejdsroller og opgaver... 17 Logbog for vores proces (Ugevis)... 19 Konklusion...

Læs mere

Portfolioudvikling. Line la Fontaine. Multimediedesigner

Portfolioudvikling. Line la Fontaine. Multimediedesigner Portfolioudvikling Line la Fontaine Multimediedesigner Indholdsfortegnelse - Designvalg s. 1-9 - Målgruppe s. 1 - Wireframes/skitser s. 1-5 - Informationsarkitektur s. 6-7 - Farver s. 8 - Typografi s.

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

kollegiekokkenet.tmpdesign.dk Side 1

kollegiekokkenet.tmpdesign.dk Side 1 kollegiekokkenet.tmpdesign.dk Side 1 Indholdsfortegnelse Forord 3 Problemformulering 4 Udviklingsmetode 5 Tidsplan 6 Målgruppe 7 Design brief 8 Logo 10 Typografi og farve 11 Navigationsdiagram 12 Usecase

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

PORTFOLIO SEBASTIAN NYHOLM. Eksamensprojekt. 1. Semester

PORTFOLIO SEBASTIAN NYHOLM. Eksamensprojekt. 1. Semester PORTFOLIO SEBASTIAN NYHOLM Eksamensprojekt 1. Semester Indledning Dette projekt gik ud på at designe og udvikle sit eget portfolio, hvor indhold fra tidligere projekter, læring, brugerteste og begrundelse

Læs mere

Vejledning i brug af materialet. Navigation. Materialet er beregnet til selvstudium. Det betyder, at du selv bestemmer:

Vejledning i brug af materialet. Navigation. Materialet er beregnet til selvstudium. Det betyder, at du selv bestemmer: Vejledning i brug af materialet Materialet er beregnet til selvstudium. Det betyder, at du selv bestemmer: Hvor og hvornår du vil gennemgå stoffet. I hvilket tempo du vil læse stoffet - du har dog maks.

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

1. Større opgaver i word

1. Større opgaver i word Indholdsfortegnelse 1. Større opgaver i word...1 1.1. Typografier... 1 1.1.1. Normal... 1 1.1.2. Overskrifter... 5 1.2. Dispositionsvisning... 6 1.3. Indholdsfortegnelse... 6 1.4. Krydshenvisninger...

Læs mere

Projekt 5 - Porfolio Redesign

Projekt 5 - Porfolio Redesign Projekt 5 - Porfolio Redesign 1 semester - Copenhagen Business School Business School. 1/20 Indholdsfortegnelse Projektbeskrivelse...side 3 Mindmap...side 4 Project Breakdown Structure...side 5 Work Breakdown

Læs mere

Mindmapping med FreeMind. En Introduktion til programmet FreeMind

Mindmapping med FreeMind. En Introduktion til programmet FreeMind En Introduktion til programmet FreeMind Jan Leffers 2006 Indholdsfortegnelse Indledning...2 Hvad er et mindmap...2 Mindmap guidelines...3 Download og installation...3 Kom hurtigt i gang...4 Det første

Læs mere

1. SCREENING OG BAGGRUND

1. SCREENING OG BAGGRUND 1. SCREENING OG BAGGRUND BL Danmarks Almene Boliger har på forvaltningskonferencen d. 22. august 2012 lanceret konkurrencen Bedst til bolig på nettet. Bedst til bolig på nettet baserer sig på samme overordnede

Læs mere

Skifte til Excel 2010

Skifte til Excel 2010 I denne vejledning Microsoft Excel 2010 ser meget anderledes ud end Excel 2003, og vi har derfor oprettet denne vejledning, så du hurtigere kan komme i gang med at bruge programmet. Læs videre for at få

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

fontvalg Store og små bogstaver og tal fra Baron Neue Store og små bogstaver, tal og ligaturer fra Corbel

fontvalg Store og små bogstaver og tal fra Baron Neue Store og små bogstaver, tal og ligaturer fra Corbel typografi I kernefagligheden typografi har jeg valgt at lave et magasin. Magasinet omhandler Aarhus Festuge og indeholder artikler og billedemateriale jeg har fået fra Aarhus Festuge. Til dette har jeg

Læs mere

Dette dokument beskriver SUMOshop Backend v3, med fokus på ændringer ift. v2.

Dette dokument beskriver SUMOshop Backend v3, med fokus på ændringer ift. v2. 1 SUMOshop Backend v3 Dette dokument beskriver SUMOshop Backend v3, med fokus på ændringer ift. v2. Backend v3 er primært en visuel opdatering i et mere rent og moderne design. Hertil er der en række helt

Læs mere

Elevvejledning til SkoleKomNet - Min egen hjemmeside

Elevvejledning til SkoleKomNet - Min egen hjemmeside Indledning...1 Sådan får du adgang...2 Dit KlasseWeb skrivebord Overblik...2 Dit arbejdsområde...3 Din hjemmeside på nettet...3 Sådan laver du en hjemmeside i 4 trin...3 Trin 1 Dit personlige billede på

Læs mere

Silkeborg Review Mine sider

Silkeborg Review Mine sider Silkeborg Review Mine sider Datagrundlag Det er vigtigt, at de informationer man viser kan hentes let (hurtigt) fra bibliotekssystemet eller Brønden. Det vil betyde rigtig meget for hastighed i præsentationen

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

Indholdsfortegnelse. Forord

Indholdsfortegnelse. Forord Indholdsfortegnelse Forord i Indholdsfortegnelse iii Indledning ix 1. Introduktion til HTML 1 Websider laves med HTML 2 Websider læses med en browser 2 Browserspecifikke markører 3 HTML-dokumentet 4 Hvad

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

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

Afsluttende opgave 2009 Kommunikation/IT

Afsluttende opgave 2009 Kommunikation/IT Afsluttende opgave 2009 Kommunikation/IT Tema: Kulløse Miljømesse Rapport af: Jacob Almann Tinnesen, Oliver Mørk og Oscar Helmersen Roskilde Tekniske Gymnasium Klasse 1.1 Afleveret: 24-04-2009 Side 1 af

Læs mere

Manual til WordPress CMS

Manual til WordPress CMS Manual til WordPress CMS 1. Log ind på din Wordpress-side For at arbejde på din hjemmeside skal du først logge ind på administrationsdelen. Muligvis har du et direkte link på siden. Ellers er adressen

Læs mere

Den Talende Bog. version 4.0. Mikro Værkstedet A/S

Den Talende Bog. version 4.0. Mikro Værkstedet A/S Den Talende Bog version 4.0 Mikro Værkstedet A/S Den Talende Bog : version 4.0 Mikro Værkstedet A/S Revision 1.42, 7. maj 2007 Indholdsfortegnelse Den Talende Bog... v 1. Kom godt i gang... 1 1.1. Hjælp...

Læs mere

Projekt i Programmering C Menu til hjemmeside.

Projekt i Programmering C Menu til hjemmeside. Projekt i Programmering C Menu til hjemmeside. 10-12-2004 Holstebro HTX Bent Arnoldsen Synopsis. Projektet her er en menu til hjemmesider, som er lavet så den er let at tilrette, når man tilføjer eller

Læs mere

Manual til Dynamicweb Februar 2010

Manual til Dynamicweb Februar 2010 Manual til Dynamicweb Februar 2010 Login... 2 Skabeloner og formater... 3 Filarkivet... 4 Lav en PDF... 5 Opret en ny side... 7 Navngiv siden... 9 Aktiver siden... 9 Sorter sider... 9 Flyt siden... 11

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

Produkt. Index side GRAFISK DESIGN

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

Læs mere

GRAFISK 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

Silkeborg Review Mine sider

Silkeborg Review Mine sider Silkeborg Review Mine sider Med tilføjelse af lister er der nu review af denne side også. Kommentarerne for lister dækker dermed også den visning, der er på forsiden af lister og interesser, ligesom visning

Læs mere

Internet vs WWW. Internettet er IKKE det samme som www. Internettet Er et netværk af computere Gør det muligt af dele information

Internet vs WWW. Internettet er IKKE det samme som www. Internettet Er et netværk af computere Gør det muligt af dele information web som medie Internet vs WWW Internettet er IKKE det samme som www. Internettet Er et netværk af computere Gør det muligt af dele information Internet protokoller (forskellige måder at udveksle information

Læs mere

Sensus. Tilgængelighed i ESDH-systemer. Kortlægning. udarbejdet af Sensus ApS for Digitaliseringsstyrelsen. Specialister i tilgængelighed

Sensus. Tilgængelighed i ESDH-systemer. Kortlægning. udarbejdet af Sensus ApS for Digitaliseringsstyrelsen. Specialister i tilgængelighed Kortlægning Tilgængelighed i ESDH-systemer udarbejdet af Sensus ApS for Digitaliseringsstyrelsen Dato: 9. juli 2013 Sensus ApS Torvet 3-5, 2.tv. DK-3400 Hillerød Telefon: +45 48 22 10 03 Email: sensus@sensus.dk

Læs mere

IsenTekst Indhold til Internettet. Manual til Wordpress.

IsenTekst Indhold til Internettet. Manual til Wordpress. 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

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

Heldigvis har systemet indbygget en hjælp, som man kan benytte, hvis denne vejledning ikke berører det opståede problem.

Heldigvis har systemet indbygget en hjælp, som man kan benytte, hvis denne vejledning ikke berører det opståede problem. Indhold Introduktion...2 Hjælp...2 Office knappen...2 Menulinjen...3 Fast værktøjslinje Hurtig adgang...3 Menupunkter...4 Startside...4 Indsæt...5 Sidelayout...5 Referencer...6 Forsendelser...6 Gennemse...6

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

Redaktørvejledning for www.bredstrup-pjedsted.dk Skriv en artikel

Redaktørvejledning for www.bredstrup-pjedsted.dk Skriv en artikel Arbejdsgang - Skriv artiklens tekst - Gør billeder klar - Log-in på hjemmesiden - Opret ny artikel - Vælg kategori - Skriv overskrift - Indsæt tekst - Tilføj billeder - Gennemgå artiklens indstillinger

Læs mere

Hjemmeside redesign af Dansk Jagt- og Skovbrugsmuseum

Hjemmeside redesign af Dansk Jagt- og Skovbrugsmuseum Hjemmeside redesign af Dansk Jagt- og Skovbrugsmuseum Usability dokumentation Lavet af Sarina, Maria og René MulB-13 22.11.2013 I forbindelse med ekspertvurderingstests udarbejdes som hovedregel altid

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

Århus Kommunes nye hjemmeside - en ny side af Århus Kommune! Århus Kommune Projekt Ny Hjemmeside Borgmesterens Afdeling

Århus Kommunes nye hjemmeside - en ny side af Århus Kommune! Århus Kommune Projekt Ny Hjemmeside Borgmesterens Afdeling Århus Kommunes nye hjemmeside - en ny side af Århus Kommune! Århus Kommune Projekt Ny Hjemmeside Borgmesterens Afdeling Projektplan Århus Kommune Projekt Ny Hjemmeside Borgmesterens Afdeling Opstart Konceptudvikling

Læs mere

Gratis reservationssystem på Internettet

Gratis reservationssystem på Internettet Gratis reservationssystem på Internettet www.bookingportal.com Introduktion Valuenetics a/s introducerer nu version 2, af sit bookingsystem til sportsklubber, foreninger, virksomheder og private. Systemet

Læs mere

3 usability-tests. med udgangspunkt i Køge Boldklubs web site. Gangstertest. Ekspertvurdering. Kortsortering. Side 1

3 usability-tests. med udgangspunkt i Køge Boldklubs web site. Gangstertest. Ekspertvurdering. Kortsortering. Side 1 3 usability-tests Gangstertest Ekspertvurdering Kortsortering med udgangspunkt i Køge Boldklubs web site Side 1 Køge Boldklubs web site Side 2 Gangstertest I gangstertesten har testpersonen fået stillet

Læs mere

Dit velkendte Windows, bare bedre. Din introduktion til Windows 8.1 til virksomheder

Dit velkendte Windows, bare bedre. Din introduktion til Windows 8.1 til virksomheder Dit velkendte Windows, bare bedre. Din introduktion til Windows 8.1 til virksomheder Opdag startskærmen. Startskærmen indeholder alle dine vigtigste oplysninger. Dynamiske felter sørger for, at du altid

Læs mere

DIGITAL SELVBETJENING OG HANDICAP - vejledning til frontpersonale

DIGITAL SELVBETJENING OG HANDICAP - vejledning til frontpersonale DIGITAL SELVBETJENING OG HANDICAP - vejledning til frontpersonale Din kontakt med det offentlige starter på nettet INDHOLDSFORTEGNELSE Indledning 4 1. Synshandicap 6 Svagsynethed 6 Kompenserende hjælpemidler

Læs mere

Multimediedesigner. Vedvarende. energi

Multimediedesigner. Vedvarende. energi Multimediedesigner Vedvarende energi Eksamensprojekt 2. sem. maj. 2014 - jun. 2014 Problemstilling Vedvarende energi er en samlebetegnelse for bioenergi, vindenergi, solenergi og andre teknologier, der

Læs mere

En blog med dansk brugerflade. Opret en Smartlog konto Gå til http://www.smartlog.dk/ Opret en konto ved at skrive din e-mailadresse

En blog med dansk brugerflade. Opret en Smartlog konto Gå til http://www.smartlog.dk/ Opret en konto ved at skrive din e-mailadresse Blogs Om blogs http://www.it-borger.dk/den-nye-it-verden/internet/blogs Om at oprette blogs http://www.it-borger.dk/laer-om-it/internet/nar-du-vil-pa-nettet/blogs/sadan-laver-du-en-blog Råd når du laver

Læs mere

Når du har logget dig ind, ser du Randers Kommunes byvåben midt på siden. I venstre side er der en række mapper:

Når du har logget dig ind, ser du Randers Kommunes byvåben midt på siden. I venstre side er der en række mapper: DXP vejledning Generelt: DXP er et værktøj til at fremstille præsentationsmaterialer (foldere, brochurer, løbesedler mv.) DXP egner sig kun til mindre brochurer og lign., da den største skabelon kan rumme

Læs mere

GRAFISK DESIGN SVENDEPRØVE 2013. Redesign & kodning af website PETER HOLM SVENDEPRØVE 2013 / 5

GRAFISK DESIGN SVENDEPRØVE 2013. Redesign & kodning af website PETER HOLM SVENDEPRØVE 2013 / 5 NAVN PÅ OPGAVEN KERNEOMRÅDE SVENDEPRØVE 2013 Redesign & kodning af website PETER HOLM SVENDEPRØVE 2013 / 5 Beskrivelse af opgaven I min fritid modtog jeg en opgave, som bestod i, at redesigne og kode et

Læs mere

Vejledning for opdatering af hjemmesiden opbygget med. KlubCMS

Vejledning for opdatering af hjemmesiden opbygget med. KlubCMS Vejledning for opdatering af hjemmesiden opbygget med KlubCMS Indholdsfortegnelse Indhold Indholdsfortegnelse... 2 Indledning... 3 Lidt generelt om KlubCMS... 3 Sideopbygning:... 4 Brugere/Brugergrupper...

Læs mere

BRUGERVENLIGT RESPONSIVT WEBDESIGN. EyeReply Guidelines !!! EyeReply! Improve your visual reach. EyeReply ApS - Oktober 2014

BRUGERVENLIGT RESPONSIVT WEBDESIGN. EyeReply Guidelines !!! EyeReply! Improve your visual reach. EyeReply ApS - Oktober 2014 EyeReply Guidelines BRUGERVENLIGT RESPONSIVT WEBDESIGN EyeReply ApS - Oktober 2014 Side 1 RESPONSIVT DESIGN - HVAD KRÆVER DET? GRUNDLÆGGENDE FUNKTIONALITET DER SKAL VÆRE PÅ PLADS Grids der tilpasser sig

Læs mere

GRAFISK DESIGN DET DIGITALE PRODUKT - DESIGN AF MIN PRIVATE HJEMMESIDE

GRAFISK DESIGN DET DIGITALE PRODUKT - DESIGN AF MIN PRIVATE HJEMMESIDE GRAFISK DESIGN DET DIGITALE PRODUKT - DESIGN AF MIN PRIVATE HJEMMESIDE Det var på tide med en ny hjemmeside til privat brug. Jeg valgte at starte helt fra bunden i stedet for at ændre på noget eksisterende.

Læs mere

Lyngby Svømmeklub Hjemmeside Guide. Indholdsfortegnelse

Lyngby Svømmeklub Hjemmeside Guide. Indholdsfortegnelse Indholdsfortegnelse Indledning... 2 Hjemmeside struktur... 3 Rettigheder... 4 Opret Nyhed... 6 Opret Kalender Event... 7 Opret Arrangement... 9 Fast side... 10 Forside... 11 Tekst... 11 Billeder... 11

Læs mere

Kapitel 13 Arbejde med Typografier:

Kapitel 13 Arbejde med Typografier: Kom i gang med Kapitel 13 Arbejde med Typografier: Introduktion til Typografier OpenOffice.org Rettigheder Dette dokument er beskyttet af Copyright 2005 til bidragsyderne som er oplistet i afsnittet Forfattere.

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

Pris: 149 kr. ex. moms. Version 7.0. InternetService A/S. Side 1 af 63

Pris: 149 kr. ex. moms. Version 7.0. InternetService A/S. Side 1 af 63 Version 7.0 InternetService A/S Pris: 149 kr. ex. moms Side 1 af 63 InternetService A/S // Jernbanegade 23 B // Postboks 621 // DK 4000 Roskilde // T: 7027 8910 // F: 7027 8911 // CVR: 2522 2369 Indeks

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