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

Gitte Smed, Styrelsen for biblioteker og medier. Midtvejstest af tilgængeligheden til nyt netsted

Gitte Smed, Styrelsen for biblioteker og medier. Midtvejstest af tilgængeligheden til nyt netsted Sensus ApS Langesvej 34 DK-3400 Hillerød Telefon: +45 48 22 10 03 Telefax: +45 48 22 10 04 www.sensus.dk sensus@sensus.dk Til: To: Kopi: Copy: Fra: From: Dato: Date: Emne: Subject: Gitte Smed, Styrelsen

Læs mere

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

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

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

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

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

1 af 5. Nogle. Word. funktioner. Mvh otto. Indhold. Fortryd

1 af 5. Nogle. Word. funktioner. Mvh otto. Indhold. Fortryd 1 af 5 Nogle funktioner til tekstbehandling i Meningen med vejledningen her er at kursisterne i forbindelse med større skriftlige opgaver f.eks. Historieopgaven, Mini SSO, Større Skriftlig Opgave (SSO)

Læs mere

Denne rapport har til formål at redegøre for tilblivelsen af hjemmesiden beliggende på domænet, http://www.technofil.dk. Der refereres fra nu af blot

Denne rapport har til formål at redegøre for tilblivelsen af hjemmesiden beliggende på domænet, http://www.technofil.dk. Der refereres fra nu af blot Denne rapport har til formål at redegøre for tilblivelsen af hjemmesiden beliggende på domænet, http://www.technofil.dk. Der refereres fra nu af blot til hjemmesiden. Mine indledende tanker bag hjemmesiden

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

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

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

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

Her ses et screenshot af websitet solsystemet i menuen Merkur. Baggrundsbillede skal være static så resten af siden skal man scrolle ned for at se.

Her ses et screenshot af websitet solsystemet i menuen Merkur. Baggrundsbillede skal være static så resten af siden skal man scrolle ned for at se. Solsystemet lavet af Jesper Kjær Webintegrator i Kastrup Tekniske Skole Grundforløbsprøve 2014 Opgave: Vores solsystem Onsdag 23 april til onsdag 7 maj Her ses et screenshot af websitet solsystemet i menuen

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

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

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

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

Michella+Serritzlew+Jacobsen+

Michella+Serritzlew+Jacobsen+ Designmanual+ Afsluttende+projekt+1.+Semester++ Michella+Serritzlew+Jacobsen+ CopenhagenBusinessAcademy 1.Semester MichellaSerritzlewJacobsen MULB Indholdsfortegnelse PBS...3 WBS...3 Brainstorm...4 Wireframes...5

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

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

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

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

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

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

Læs mere

GRAFISK 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

Hvad bør du vide om layout og typografi

Hvad bør du vide om layout og typografi Hvad bør du vide om layout og typografi Når man vil lave en tekst, som andre skal læse, er det vigtigt at vælge en skrifttype, der er motiverende og inspirerende at læse for målgruppen. Derfor bør man

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

Grafisk produktion & workflow

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

Læs mere

Se hjemmesiden på:

Se hjemmesiden på: Se hjemmesiden på: www.share-connect.dk Dokumentation Opgavebeskrivelse Det lokale erhvervsnetværk, Share & Connect skulle have designet og programmeret sin nye hjemmeside, hvor de ville kunne have mulighed

Læs mere

Release notes Januar 2014

Release notes Januar 2014 Release notes Januar 2014 Det er vigtigt, I sletter midlertidige filer i jeres browser efter et nyt release af borger.dk, for at browseren ikke stadig anvender ældre komponenter herfra. For OPIS redaktører

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

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

TalkingWeb til ipad / Android

TalkingWeb til ipad / Android TalkingWeb til ipad / Android Kort instruktion til Appen TalkingWeb til ipad side 1-13 Kort instruktion til Appen TalkingWeb til Android - side 13-21 Web browser til oplæsning med ordmarkering på Internettet

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

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

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

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

Surf på nettet med din stemme!

Surf på nettet med din stemme! Surf på nettet med din stemme! Indtal.dk er en begrænset dansk talegenkender, der sætter bevægelseshæmmede i stand til at navigere på nettet. Med talegenkenderen er det fx muligt at udfylde selvangivelsen

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

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

Hjemmesidens layout. Sitecore Foundry maj Version 1.2

Hjemmesidens layout. Sitecore Foundry maj Version 1.2 Sitecore Foundry 3.0 Hjemmesidens layout 31. maj 2012 - Version 1.2 Pentia A/S Store Kongensgade 66, Baghuset 1264 København K Telefon: 7023 3330 E-mail: info@foreningssite.dk Indholdsfortegnelse Indledning...

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

Vi er ikke som de andre. FARVEOPLÆG OG MOCKUP PÅ IDENTITET

Vi er ikke som de andre. FARVEOPLÆG OG MOCKUP PÅ IDENTITET Vi er ikke som de andre. FARVEOPLÆG OG MOCKUP PÅ IDENTITET 02 Indledning. Dette oplæg indeholder oversigt over farvevalg og -symbolik Fleggaard Leasing samt relaterede forretningsområder, herunder Fleggaard

Læs mere

Dokumentation. Karen-Louise Fejerskov

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

Læs mere

Grafisk 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

Elev-manual til Køreklar e-læring

Elev-manual til Køreklar e-læring Version 2.0 September 2016 Elev-manual til Køreklar e-læring Nyt Juridisk Forlag Gothersgade 137 1123 København K 39 13 55 00 koreklar@koreklar.dk 2 Indhold 1. Første gang du logger dig på Køreklar e-læring...

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

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

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

Formatering af tekst, JCE Editor, Joomla

Formatering af tekst, JCE Editor, Joomla Formatering af tekst, JCE Editor, Joomla skrevet af Inge Vittrup Paragraph anvender du ved almindelige sætninger. Heading 1 er hovedoverskrift med største skrift. Heading 2 er overskrift til en artikel

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

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

Brugervejledning. Miljøministeriet M65. Opdateret den 27. oktober 2011

Brugervejledning. Miljøministeriet M65. Opdateret den 27. oktober 2011 Brugervejledning Miljøministeriet M65 Opdateret den 27. oktober 2011 Indholdsfortegnelse Introduktion... 3 Opret et nyt dokument... 3 Før du starter... 4 Om at arbejde med typografier:... 5 Menu: M65 -

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

WagnerGUIDE. - en beskrivelse -

WagnerGUIDE. - en beskrivelse - WagnerGUIDE - en beskrivelse - Generelt Den grundlæggende idé med webprogrammet WagnerGUIDE er at give brugeren et overblik over området, viden om, hvor brugeren befinder sig og præcis information om biblioteket,

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

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

BONUSINFORMATIONER i forbindelse med emnet Billeder og grafik

BONUSINFORMATIONER i forbindelse med emnet Billeder og grafik BONUSINFORMATIONER i forbindelse med emnet Billeder og grafik Dette dokument indeholder yderligere informationer, tips og råd angående: Tabelfunktionen SmartArtfunktionen Billedfunktionen Samt en ekstra

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

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

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

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

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

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

BEDSTE BOLIGORGANISATION PÅ NETTET KRITERIER: NAVIGATION

BEDSTE BOLIGORGANISATION PÅ NETTET KRITERIER: NAVIGATION KRITERIER: NAVIGATION Der er ingen søgeboks på hjemmesidens forside 0 p. i hele spg. 1.1 Søgefunktionen testes med tre søgeord, der er relevante for den pågældende hjemmeside 1.1 Når man benytter søgeboksen

Læs mere

Mini Afsluttende Projekt

Mini Afsluttende Projekt Mini Afsluttende Projekt Tobias Sønderskov Hansen og Lau Lund Leadbetter Roskilde Tekniske Gymnasium Klasse 2.4 - IT 2013 Side 1 af 18 Indholdsfortegnelse Indledning... 3 Mindmap... 3 User Stories... 4

Læs mere

Om styles / typografier / typografiark / stylesheets

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

Læs mere

Vejledning i redigering af apotekets hjemmeside

Vejledning i redigering af apotekets hjemmeside i redigering af apotekets hjemmeside It-afdelingen Januar 2007 INDHOLDSFORTEGNELSE FEJL! BOGMÆRKE ER IKKE DEFINERET. 1 INTRODUKTION 3 2 ADMINISTRATION 4 3 OPBYGNING 4 SIDER 5 FIL ARKIV 6 ARTIKLER 7 ØVRIGE

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

HVAD DU BØR VIDE OM ELEKTRONISKE PUBLIKATIONER PÅ NETTET. Nye regler for net-publikationers tilgængelighed

HVAD DU BØR VIDE OM ELEKTRONISKE PUBLIKATIONER PÅ NETTET. Nye regler for net-publikationers tilgængelighed HVAD DU BØR VIDE OM ELEKTRONISKE PUBLIKATIONER PÅ NETTET Nye regler for net-publikationers tilgængelighed Net-publikationer skal være tilgængelige Mere end 600.000 danskere har ét eller flere handicap,

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

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

Redaktørmanual TYPO3 Version 6.2

Redaktørmanual TYPO3 Version 6.2 Redaktørmanual TYPO3 Version 6.2 www.t3cms.dk TYPO3 Manual Version 6.2 Side 1 af 20 T3CMS Tlf: 70 25 00 22 Indholdsfortegnelse Generel info om TYPO3 3 Rediger din side 4-6 Indsættelse af links 7 Indsæt

Læs mere

8. Webdesign. Grundlæggende Grafisk design Stefan Grage & Klaus Bjerager Tirsdag 5. april

8. Webdesign. Grundlæggende Grafisk design Stefan Grage & Klaus Bjerager Tirsdag 5. april 8. Webdesign Grundlæggende Grafisk design Stefan Grage & Klaus Bjerager Tirsdag 5. april Kursusplan 5. apr. 12. apr. 18. apr. 9. Webdesign / Opg. 7: website K: Usability, s. 36-39 K: Smukkere grafisk design,

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 Design rapport Kom/IT

Grafisk Design rapport Kom/IT Grafisk Design rapport Kom/IT Filip Olsen & Frederik Bøgh Indholdsfortegnelse Teoriafsnit Form og farver... 1 Grundfarver... 1 Komposition og layout... 2 Praktisk Folder til teknologiprojektet Bæredygtig

Læs mere

Grafisk produktionsforståelse

Grafisk produktionsforståelse 04 Grafisk produktionsforståelse Design og koding af steentrae.dk 24 Svendeprøveportfolio Steentrae.dk Responsivt website med CMS I forlængelse af min Grafisk design-del, har jeg her valgt at fokusere

Læs mere

Designmanual Det Nationale Institut for Kommuners og Regioners Analyse og Forskning

Designmanual Det Nationale Institut for Kommuners og Regioners Analyse og Forskning Opdateret 20. 09. 2012 Designmanual Det Nationale Institut for Kommuners og Regioners Analyse og Forskning Velkommen På de følgende sider finder du KORAs designprogram. Med det ved hånden er du i stand

Læs mere

#01 #02 WHITEPAPER WHITEPAPER VIRKER SPECIAL-FONTE I WORD OG POWERPOINT? HVORDAN LAYOUTER MAN DEN PERFEKTE POWERPOINT SKABELON?

#01 #02 WHITEPAPER WHITEPAPER VIRKER SPECIAL-FONTE I WORD OG POWERPOINT? HVORDAN LAYOUTER MAN DEN PERFEKTE POWERPOINT SKABELON? VIRKER SPECIAL-FONTE I WORD OG POWERPOINT? HVORDAN LAYOUTER MAN DEN PERFEKTE POWERPOINT SKABELON? #01 BRAND MANAGEMENT TOOLS FOR MICROSOFT OFFICE BRAND MANAGEMENT TOOLS FOR MICROSOFT OFFICE HVORDAN LAYOUTER

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

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

Indholdsfortegnelse. 1. Kom godt i gang... 3 1.1. At tilgå websitet...3 1.2. Overblik over systemet...3. 2. Opret ny side... 6

Indholdsfortegnelse. 1. Kom godt i gang... 3 1.1. At tilgå websitet...3 1.2. Overblik over systemet...3. 2. Opret ny side... 6 Indholdsfortegnelse 1. Kom godt i gang... 3 1.1. At tilgå websitet...3 1.2. Overblik over systemet...3 2. Opret ny side... 6 3. Indsæt tekst og billeder... 8 3.1. Indsæt tekst (på Standard sider)...8 3.2.

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

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

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

TinyMCE Bruger Guide. Forord. Contents

TinyMCE Bruger Guide. Forord. Contents TinyMCE Bruger Guide Forord TinyMCE er en platformuafhængig web baseret Javascript HTML WYSIWYG (What You See Is What You Get) editor udgivet som Open Source under LGPL af Moxiecode Systems AB. Dette er

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

Tilgængeligheden til Danskernes Digitale Bibliotek

Tilgængeligheden til Danskernes Digitale Bibliotek Ekspertvurdering Tilgængeligheden til Danskernes Digitale Bibliotek udarbejdet af Sensus ApS Dato: 29. september 2014 Udgave: 1.0 Status: Endelig Ophavsret Sensus ApS. Alle rettigheder forbeholdes. Dette

Læs mere

IntraWeb med SkoleKom Version 2.1, april 2003 Brugervejledning Tilrettelæggelse & indhold via FirstClass Klient version. 7.*

IntraWeb med SkoleKom Version 2.1, april 2003 Brugervejledning Tilrettelæggelse & indhold via FirstClass Klient version. 7.* IntraWeb med SkoleKom Version 2.1, april 2003 Brugervejledning Tilrettelæggelse & indhold via FirstClass Klient version. 7.* Indhold 1 Indledning og læsevejledning... 3 1.1 Indholdsleverandører og administratorer...

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

Cecilie Maria Nielsen, Mathias Fornitz Eriksen og Martin Arnetoft klasse 1.6 07-05-2010

Cecilie Maria Nielsen, Mathias Fornitz Eriksen og Martin Arnetoft klasse 1.6 07-05-2010 ROSKILDE TEKNISKE GYMNASIUM Eksamensopgave Kommunikation/it Cecilie Maria Nielsen, Mathias Fornitz Eriksen og Martin Arnetoft klasse 1.6 07-05-2010 Vi har valgt at beskæftige os med opgave 1 fra oplæget.

Læs mere

Skifte til PowerPoint 2010

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

Læs mere