GUIDEN / TILGÆNGELIG WEB FOR WEBUDVIKLERE

Størrelse: px
Starte visningen fra side:

Download "GUIDEN / TILGÆNGELIG WEB FOR WEBUDVIKLERE"

Transkript

1 GUIDEN / TILGÆNGELIG WEB FOR WEBUDVIKLERE VÆRKTØJET TIL TILGÆNGELIG WEB CENTER FOR LIGEBEHANDLING AF HANDICAPPEDE

2 INDHOLD / MAINSTREAMING AF HANDICAPOMRÅDET TILGÆNGELIGHED OG WEBDESIGN Brug CSS Brugen af tabeller Layout af tekst og indhold Farvevalg Hierarkisk opbygning af overskrifter INTRODUKTION 3 TILGÆNGELIGHED OG BRUGEN AF BILLEDER OG GRAFIK 36 TILGÆNGELIGHED OG KONSTRUKTION AF HJEMMESIDER 6 Tilknyt en Alt -tekst til billeder m.m. Tilknyt en Alt -tekst til indlejret grafik m.m Brugen af W3C-teknologier Valid HTML Metadata Angiv sproget på webstedet Browser Brugen af frames (rammer) Brugen af java script Brugen af formularer TILGÆNGELIGHED OG BRUGEN AF MULTIMEDIER Lydfiler Videoklip Animationer Brugen af Flash TILGÆNGELIGHED OG NAVIGATION 16 Sitemap og linktekster Design af navigationsstrukturer Undgå blinkende, flimrende og urolig tekst/elementer Undgå automatisk åbning af vinduer Navigering med både mus og tastatur

3 INTRODUKTION Denne guide er målrettet webudviklere, der beskæftiger sig med at konstruere og udvikle websteder. Derfor fokuserer guiden på viden om de tekniske specifikationer, som er relevant for dette arbejde. Guiden kan for eksempel bruges til at udvikle et websted, hvor tilgængeligheden allerede er indtænkt - eller den kan hjælpe webudviklere med at gøre et websted tilgængeligt. Guiden kan også bruges som en introduktion til emnet for de medarbejdere, der har fået til opgave at indgå i et samarbejde med en ekstern webleverandør omkring udvikling af et nyt websted, der skal være tilgængeligt. Her kan medarbejderens opgave for eksempel være at sikre, at webleverandøren lever op til kravene om tilgængelighed jf. kravspecifikationen. Hvis medarbejderens viden omkring tilgængelig web som udgangspunkt er begrænset, kan guiden introducere til emnet og være med til at kvalificere kommunikationen mellem den eksterne webleverandør og kommunen. Det skal dog bemærkes, at fagområdet tilgængelig web er meget omfattende og kompliceret. Det kan derfor være meget svært at få overblikket over fagområdet, hvis man ikke allerede i udgangspunktet har en specifik baggrundsviden om emnet. Hvis man ikke selv har den fornødne ekspertise på området, kan det derfor anbefales, at man inddrager en ekstern tilgængelighedsekspert i hele udviklingsprocessen af et nyt websted. Ønsker du at vide mere om, hvordan man sikrer tilgængeligheden af indholdet på websteder, kan du læse guiden Guiden Tilgængelig web for webredaktører. 2 3

4 Hvad er WAI? World Wide Web Consortiet (W3C) arbejder med et bredt område inden for world wide web. Inden for W3C findes en gruppe, der arbejder for større tilgængelig på webben, der hedder WAI (Web Accessibility Initiative). Selve guidelinen, der angiver de konkrete tekniske retningslinjer for tilgængelig web, hedder WCAG 2.0 (Web Content Accessibility Guideline). WCAG 2.0 er inddelt i tre niveauer WCAG 2.0 angiver tre niveauer for tilgængelighed. Niveau 1 (kaldet A i WCAG) er retningslinjer som skal overholdes for, at mennesker med funktionsnedsættelse kan få adgang til information på netstedet. Niveau 2 (AA) er retningslinjer, der bør opfyldes for, at størstedelen af brugere med funktionsnedsættelse kan få adgang til information på netstedet. Niveau 3 (AAA) er retningslinjer, som kan opfyldes, hvis man ønsker, at alle brugere med funktionsnedsættelse har adgang til information på netstedet. Den generelle holdning i Danmark, såvel som i EU er, at websteder skal overholde niveau 1 og 2. Krav til tilgængelighed I Danmark, EU, Canada og Australien følger man de retningslinjer for tilgængeligt webdesign, som World Wide Web Consortium (W3C) har opstillet. I USA følger man sine egne lovbefæstede retningslinjer kaldet Section 508. På nogle områder svarer disse retningslinjer til WCAG 2.0 og på andre gør de det ikke. Læs mere om tilgængelighed på: Læs mere om WAI, WCAG 2.0 på: Læs en dansk oversættelse af WCAG 2.0 på: da/ 4 5

5 TILGÆNGELIGHED OG KONSTRUKTION AF WEBSTEDER Brugen af W3C-teknologier Brug standarder fra World Wide Web Consortium (W3C)! W3C anbefaler, at man bruger den senest understøttede version af W3C teknologier. W3C udvikler standarder inden for brugen af f.eks. HTML, CSS osv. Ved at bruge disse standarder sikrer man, at der anvendes teknologier, hvor tilgængeligheden er medtænkt i standarden. Hvorfor følge standarder? Brugen af de nævnte standarder har især betydning for, at diverse hjælpemidler fungerer optimalt. Dernæst har det betydning for, at webstedet vises ens af forskellige browsere. Læs mere om WCAG 2.0 på: Læs mere om W3C teknologier og retningslinjer på: Valid HTML Brug valid HTML! HTML er valid, hvis den overholder de standarder, som W3C har angivet. Hvad er HTML? HTML er et eksempel på et sprog, som hjemmesider kan være opbygget af. Det er en forkortelse af Hypertext Markup Language. Markup Language kombinerer tekst og information om tekstens struktur og præsentation, som for eksempel angivelse af tekstens overskrifter, brødtekst, lister, links, billeder osv. Hvorfor bruge valid HTML? Valid HTML er vigtigt, for at webstedet kan læses i alle typer browsere, f.eks. Internet Explorer, Mozilla Firefox, Opera, Netscape osv. Valid HTML er desuden vigtigt, fordi skærmlæsere er udviklet ud fra en forudsætning om at websteder er opbygget af valid HTML. Hvis et websted ikke er udviklet ud fra denne standard, kan man risikere, at skærmlæsere ikke kan læse webstedet. Du kan teste, om du har brugt valid HTML kode på: Læs mere om valid kode på: tilgengelighed Metadata Udfyld metadata! Selv om metadata ikke har helt den samme betydning, som den tidligere har haft, kan det alligevel anbefales, at metadata medtages. Dog vil det være mindre relevant at medtage metadata for kommunale websteder end for webestedsejere, der gerne vil score højt på søgemaskinernes hjemmesider. De kommunale hjemmesider vil oftest være kendt af brugerne, og derfor har de ikke de samme interesser i forhold til søgemaskiner. Hvad er metadata? Metadata beskriver kortfattet webstedets formål og indhold m.m. Oplysningerne placeres i HTML koden i head delen. Der er mulighed for at udfylde titel, keywords og description. Titel skal angive webstedets formål. Keywords skal angive ord, som er karakteristiske for indholdet på webstedet. Description beskriver i korte sætninger, hvad projektets formål er, f.eks. hvilke services og produkter man udbyder. 6 7

6 Eksempel <head> <titel> </titel> <meta name= description content= > <meta name= keywords content=. > </head> Hvis undersider på webstedet har et andet indhold end indekssiden, kan det anbefales at skrive metadata på alle undersider, der har et specifikt formål. Hvorfor udfylde metadata? Udfyldelse af metadata er en af metoderne blandt flere til at komme til at rangere højt på søgemaskinernes resultatliste. Udfyldelse af metadata har således ikke nogen direkte indflydelse på tilgængelig web, men har betydning i forhold til brugernes muligheder generelt for at kunne finde de websteder, som de leder efter. Læs mere om metadata på: tilgengelighed. Læs mere om søgemaskineoptimering på: Det er muligt at standardisere brugen af metadata ved at bruge værktøjer som Metamaten: eller Dublin Core: Angiv sproget på webstedet Angiv sproget i metadata Der bør på alle webstedets sider stå hvilket sprog (dansk, engelsk osv.) webstedet er skrevet på. Det kan for eksempel anføres i metadata. Hvis webstedet også findes i en anden sprogversion, er det vigtigt at sørge for, at også alle alt og title attributter bliver oversat. Læs mere om angivelse af sprogkoder og se eksempler på: it-arkitektur-og-standarder/tilgengelighed. Browser Webstedet skal fungere i forskellige browsere! Webstedet skal kunne anvendes af forskellige browsere også ældre versioner. Selv om Internet Explorer er den mest anvendte browser, er der mange brugere, som anvender andre browsere. Dertil kommer, at også Internet Explorer findes i mange versioner med forskellige funktionaliteter. Test webstedet i forskellige browsere! Du kan teste om webstedet fungerer i forskellige typer browsere ved at downloade forskellige typer browsere og herefter teste om webstedet fungerer optimalt i dem alle. 8 9

7 Det skal dog nævnes, at eksperter inden for området kender alle de faldgruber og svagheder i de forskellige typer browsere. Derfor kan det som ikke-ekspert være svært at sikre sig, at webstedet overholder dette punkt. Download Internet Explorer på: Download Mozilla Firefox på: ww.mozilla-europe.org. Download Opera på: Download Netscape på: Brugen af frames (rammer) Brug titler, hvis du bruger frames En webside opbygget af frames er i praksis en samling af sider, der vises i separate vinduer. Frames var tidligere meget udbredt at bruge til at opbygge et websted med. Efterhånden er man gået bort fra det af flere forskellige årsager: Brug koden NOFRAMES ved brugen af frames Selv om det er de færreste browsere, der ikke understøtter frames, er det en god idé at informere brugerne om alternative løsningsmuligheder via koden NOFRAMES. Hvad er NOFRAMES? NOFRAMES er en kode, der kan bruges til at modvirke de problemer, der opstår ved brugen af frames. Koden læses af browsere, der ikke forstår frames. I praksis skriver man en tekst i NOFRAMES koden, der informerer brugeren om, hvilke muligheder han/hun har, når browseren ikke understøtter frames. Læs mere om frames og NOFRAMES på: Læs mere om brugen af frames på: Læs mere om frames på: Du kan ikke bookmarke til en side, der er lavet i frames Søgemaskinerne har svært ved at indeksere siderne Der kan være problemer med at udskrive siderne Det er derfor mere hensigtsmæssigt at bruge CSS, når du konstruerer et websted. Hvis du vælger at bruge frames, så husk at give hver frame et sigende navn (name) og titel (title)

8 Brugen af java script Java script skal bruges på den rigtige måde Java script kan både hindre og understøtte tilgængelighed. Som så meget andet er det måden, den bruges på, der er afgørende for, om den er hensigtsmæssig eller ej. Desuden sker der en meget stor udvikling inden for java script, hvilket betyder, at hvad der den ene dag er god skik og brug, er helt forældet den næste. Tjek derfor nedenstående links for yderligere viden omkring emnet, hvis du ønsker at bruge java script på et websted. Der vil desuden være funktionaliteter, der udelukkende kan laves ved hjælp af java script. Endvidere vil der være færre og færre brugere, der har slået java script fra, hvorfor man med tiden ikke længere behøver at tage højde for dette faktum, når man konstruerer et websted. Hvad er java script? Java script er et computersprog, der ligger indlejret i HTML-dokumentet. Det bruges typisk i forbindelse med funktioner på et websted, der interagerer med brugeren, som f.eks. når brugeren efter indtastning af et tekstfelt, får besked på, at beskeden er sendt osv. Det kan også bruges i forbindelse med animationer på websteder. Fordelen ved at bruge java script er, at det er et mere enkelt sprog at lære end Java, C#, PHP osv. NB: Selv om man ud fra navnet skulle tro, at java script har noget at gøre med java (programmeringssprog), er dette ikke tilfældet. Det er to forskellige computersprog, der måske nok har nogle lighedstræk, men de bruges til forskellige opgaver. Brug java script med alternativer En del brugere har java script slået fra af sikkerhedsmæssige grunde. Eller måske benytter de en browser, som ikke understøtter java script. Derfor er det vigtigt at anvende java script, der medtager alternativer eller anvender server-side scripts med angivelse af NOSCRIPT option med et tilgængeligt alternativ. Tjek om hjælpemidler virker uden java script Hvis du bruger java script på et websted, er det vigtigt at tjekke, at webstedet også fungerer, hvis java script er slået fra. Og det er vigtigt at tjekke, at funktionaliteten virker i forbindelse med brugen af hjælpemidler. Læs mere om java script på: Læs mere om java script på: tilgengelighed. Brugen af formu larer Udfyldelse af formularer er ét af de områder, hvor der er de største problemer med tilgængelighed for brugere, der anvender skærmlæser og/ eller tastatur. En af forklaringerne er, at formularer ofte er layoutet i tabeller, som ikke er opmærkede. Det betyder, at skærmlæseren ikke kan læse overskriften for kolonner og række for det felt, som brugeren står i. Og dermed ved brugeren ikke, hvad der skal indtastes i feltet. Formularer kan ligge gemt bag trykknapper (f.eks. knapper hvor du klikker på send eller reset i forbindelse med udfyldelse af et spørgeskema), radiobuttons (f.eks. cirkler eller firkanter, hvor du krydser dit svar af), grafiske knapper (f.eks. billeder), tekstbokse, valgmenuer (f.eks. dropdown-menuer, hvorfra du foretager valg) m.fl

9 Tilgængelige formulerer Opmærkning af en formular kan foretages med HTML-elementet <Label>, som linker teksten til det rette <INPUT>-element ved hjælp af attributten id. Selve formularens udseende bør layoutes med CSS. Desuden bør alle elementer i formularen tildeles attributten tabindex for at sikre, at brugeren tabber sig gennem formularen i den ønskede rækkefølge. Det kan desuden anbefales, at curseren placerer sig i det første inputfelt, når man kommer ind på formularen. <FORM action= method= post > <FIELDSET> <LEGEND>Personal information</legend> <LABEL for= firstname >First name: </LABEL> <INPUT type= text id= firstname tabindex= 1 > <LABEL for= lastname >Last name: </LABEL> <INPUT type= text id= lastname tabindex= 2 >...more personal information... </FIELDSET> <FIELDSET> <LEGEND>Medical History</LEGEND>...medical history information... </FIELDSET> </FORM> Kilde: Læs mere om labels og formularer på:

10 TILGÆNGELIGHED OG NAVIGATION Sitemap Sitemap - eller alfabetisk indholdsfortegnelse Et websted bør have et sitemap eller en alfabetisk indholdsfortegnelse, der giver brugeren et overblik over webstedets indhold. Sitemappen eller indholdsfortegnelsen skal både informere om indholdet og den generelle struktur på webstedet. I forbindelse med præsentationen af webstedet kan det også være en god idé at informere brugeren om, hvilke krav til tilgængelighed webstedet opfylder. Læs mere om sitemaps på: tilgengelighed. og linktekster Linkteksten skal kunne forstås uden for sin kontekst Når du skriver links på en hjemmeside, skal linkteksten kunne forstås uden for sin kontekst. Det vil sige, at linkteksten skal være beskrivende for den side, du sender brugeren videre til. Det er for eksempel ikke nok, at du skriver Klik her, Læs mere her osv. En sådan information vil en blind bruger ikke have megen glæde af. I stedet skal du skrive teksten i linket, så linket kan forstås uden for sin kontekst. Eksempler: Klik her for at downloade blanketten vedrørende flyttemeddelelse til Folkeregistret. Læs mere om teaterfestivalen her. Undgå at skrive hele url-adressen i linket Du skal undgå at skrive hele url-adressen i linket, fordi en skærmlæser vil læse hele teksten op, hvilket kan være tidsrøvende for brugeren. Skriv i stedet en kort beskrivende tekst, som nævnt ovenfor ved hjælp af attributten title. Eksempel: <a href= og_nemmere.html title= Åbner i et nyt vindue target= _blank >Læs mere om Projekt Nye og nemmere veje her</a> Husk at give brugeren besked, hvis han/hun sendes til en ny side Hvis du sender brugeren til en ny side via linket, skal du oplyse brugeren om det. I praksis kan det gøres ved at bruge attributten title. Content management systemer vil ofte have indbygget en funktion til netop dette formål, hvor du kan skrive en supplerende tekst, når du vælger at henvise brugeren til en ny hjemmeside. Eksempel: Skriv for eksempel i tekstfeltet: Åbner i nyt vindue. Undgå at bruge enslydende linktekster der henviser til forskellige steder Du bør undgå, at den samme linktekst viser forskellige steder hen. Det vil forvirre mange brugere, fordi man ikke ud af indholdet i linkteksten kan gennemskue, hvor man bliver vist hen. Læs mere om links på:

11 Design af navigationsstrukturen En klar, konsistent og logisk opbygning af navigationsstrukturen Grundreglerne for design af websteder er, at man tilstræber en konsistent og logisk opbygning. Det vil sige, at man benytter sig af ensartede navigationsmåder, symboler, grafisk opbygning osv., der gør det nemt for brugeren at få overblik over hjemmesiden, såvel som at huske den. Overholder man disse mål, gør man det samtidig nemt for brugeren at lære at bruge hjemmesiden. Disse grundlæggende regler er endnu vigtigere at overholde, når man taler om tilgængelig web. For en bruger med en kognitiv funktionsnedsættelse vil det for eksempel være meget vigtigt med en enkel, logisk og overskuelig opbygning af hjemmesiden, såvel som klar, konsistent og logisk navigationsstruktur. Det indebærer, at websiden vil være langt nemmere at forstå og bruge. Man sikrer en klar, konsistent og logisk opbygning af navigationsstrukturen ved at være opmærksom på følgende punkter: Billeder og ikoner skal have en konsistent betydning gennem hele webstedet. Man bør opbygge alle siderne på stort set samme måde. Bruges der billeder, skal de placeres de samme steder på siderne. Brugergrænsefladen skal være ensartet Når brugergrænsefladen skal være ensartet indebærer det, at det design, som man har valgt til forsiden, er genkendelig på alle siderne. Man kan godt afvige lidt fra designet, men brugeren må ikke være i tvivl om, at han/hun stadig befinder sig på det samme websted. Menuer skal være synlige hele tiden Menuerne skal være placeret de samme steder, så brugeren altid ved, hvor han/hun skal navigere fra. Brug samme navigationsmetode på hele sitet! Man skal fastholde den samme navigationsmetode gennem hele webstedet, så brugere ikke skal til at lære at bruge flere navigationsmetoder i forbindelse med brugen af webstedet. Informationsstruktur og funktionaliteter skal være ensartede Det er også vigtigt, at informationsstrukturen er opbygget ensartet, således at man kan se logikken i den måde, man kan søge informationer på webstedet. Og det er vigtigt, at funktionaliteter er ensartede, dvs. at download, udfyldelse og afsendelse af formularer foregår på samme måde på hele webstedet. Læs mere om navigation på: tilgengelighed. Bruges der ikoner eller symboler, skal de have den samme betydning og funktion på alle siderne. Navigationsstrukturen skal være ensartet. Brugergrænsefladen, menuer, navigationsmetoder og funktionaliteter bør være opbygget ens på alle siderne

12 Undgå blinkende, flimrende og urolig tekst/elementer Undgå tekst eller indhold, der bevæger sig Nogle mennesker med kognitive funktionsnedsættelser er ikke i stand til at læse tekst, der bevæger sig. Desuden kan bevægelser eller en flimrende skærm distrahere så meget, at de heller ikke er i stand til at koncentrere sig om at læse teksten på siden. Også mennesker med synsnedsættelse kan have svært ved at læse tekst, der bevæger sig. Derudover kan skærmlæsere ikke opfatte tekst, der bevæger sig. Undgå flimrende skærme Indholdet på en hjemmeside må ikke få skærmen til at flimre. Flimrende skærm kan skyldes, at der er tekst eller objekter, der bevæger sig, eller hvis hjemmesiden bliver opdateret automatisk. Undgå rullende tekster Rullende tekster bør så vidt mulig undgås, fordi en lang række brugere med syns- og læseproblemer kan have svært ved at læse disse tekster. Hvis en side indeholder rullende tekster, bør der være en funktion, hvor brugeren kan fastfryse bevægelser og opdateringer. Undgå blinkende tekster Blinkende tekster, objekter eller andre elementer bør undgås, fordi de kan være svære at opfatte for nogle mennesker med funktionsnedsættelse. Undgå blinkende indhold på websider Blinkende indhold kan forårsage anfald hos mennesker med fotosensitiv epilepsi. Anfald kan fremprovokeres, hvis indholdet flimrer med en høj intensitet og med en frekvens mellem 2-55 Hz

13 Læs mere om uroligt indhold på: Undgå automatisk åbning af vinduer Undgå automatisk åbning af vinduer Det er vigtigt at undgå automatisk åbning af nye vinduer, f.eks. ved at musen kører hen over et element på skærmen. Det kan virke meget forvirrende for brugere med nedsat syn eller kognitiv funktionsnedsættelse. Gør i stedet sådanne valg til en aktiv handling, som brugeren selv vælger. Du skal altid gøre brugeren opmærksom på, at siden åbnes i et nyt browservindue, f.eks. i forbindelse med klik på eksterne links. Undgå at benytte automatiske pop-up vinduer Undgå at benytte pop-up vinduer eller andet, der automatisk kommer frem på brugerens skærm ved aktivering. Læs mere om uroligt indhold på: Navigering med både mus og tastatur Navigering uden brug af mus Det skal være muligt at bevæge sig rundt på et websted også uden brug af mus. Denne funktionalitet er målrettet de brugere, som ikke kan bruge en mus på grund af en motorisk funktionsnedsættelse eller som anvender skærmlæsere på grund af en synsnedsættelse. Hvis man udelukkende bruger tastaturet, skal det være muligt at tabbe sig gennem alle menuer og links såvel som at disse skal kunne aktiveres ved brugen af Enter. Rækkefølgen af menuer og links bør være logisk, så de vigtigste menuer og links står først og mindre vigtige står til sidst. NB: Hvis du slår CSS fra, kan du få et indtryk af, hvilken rækkefølge brugeren får præsenteret linksene i. Hvis der bruges pop-up vinduer eller andet, bør disse være forsynet med en luk-funktion, der giver brugeren mulighed for at lukke vinduet. Vær også opmærksom på, at luk-knappen er tilgængelig, dvs. at den ikke er så lille, at den er vanskelig at ramme for mennesker med nedsat syn eller bevægelseshandicap. Luk-funktionen skal desuden være tilgængelig via brug af tastaturet. I det hele taget kan det være uhensigtsmæssigt at benytte sig af popup vinduer, fordi mange brugere gennem deres sikkerhedsindstillinger på computeren har fravalgt pop-up vinduer. Derfor skal man ikke skrive vigtig information i et pop-up vindue. I stedet kan du lade den stå som et link, som brugeren kan vælge at åbne

14 Java scripts kan have betydning for funktionaliteten Hvis der er brugt java scripts i konstruktionen af webstedet, kan det indebære, at man ikke kan bruge tastaturet til at navigere rundt på sitet med. Eller hvis man som bruger har slået brugen af java scripts fra, kan det betyde at muligheden for at navigere via tastaturet er slået fra. Navigering via overskrifter Man bør give brugeren mulighed for at navigere i indholdet på en side uden at behøve at få alt læst op. Dette kan gøres ved at bruge heading tags, <h1>, <h2>, <h3> osv. til alle overskrifter. Overskrifterne sorteres i forhold til deres hierarki, således at heading 1 placeres øverst, mens heading 2 placeres efterfølgende og heading 3 placeres efter heading 2 osv. Denne metode giver et godt overblik over indholdet på webstedet, og giver brugeren mulighed for at tabbe sig frem fra overskrift til overskrift. Tilbyd en skip-menu funktion Det kan anbefales, at give brugeren mulighed for at springe den faste menu over. Det kan for eksempel gøres ved at placere et skip menu-link umiddelbart før menuen. Det vil være tidsbesparende for brugere, der bruger skærmlæsere, og som gerne vil undgå at få læst en menu op, som de har hørt 117 gange før. Det kan også være en fordel for brugere, der kun bruger tastaturet, ikke at skulle tabbe sig igennem en menu, som de i forvejen kender. Læs mere om navigering og skip-menu funktionen på:

15 TILGÆNGELIGHED OG WEBDESIGN Brug CSS (cascading style sheets)! Det optimale er at styre layout og præsentation ved at bruge CSS. Hvad er CSS? CSS er et sprog, som styrer al layoutet af et websted. Man kan for eksempel kontrollere fonten, fontstørrelsen, fontfarve, afstanden mellem bogstaverne, hvorvidt teksten skal være med lige kanter eller venstre/ højrestillet, hvilken position et objekt skal have på siden, baggrundsfarve osv. Brug en ekstern style sheet Style sheeten kan tilknyttes webstedet på flere måder: 1) Det kan ligge indlejret direkte i HTML dokumentet som en del af HTML-koden (inline styles). 2) Det kan stå i <head>-delen af et HTML dokument (internal styles). 3) Det kan gemmes i en separat fil, der hentes ind i HTML dokumentet (external styles). Den sidstnævnte metode er den mest hensigts mæssige måde at bruge. Via denne fil henter webstedet al sin in formation om layoutet af siden. Det indebærer samtidig, at du kun skal rette layout anvisningerne ét sted, og det vil have konsekvenser for alle sider på webstedet. Det er således en nem, effektiv og over skuelig måde, hvorpå du kan vedligeholde og foretage små og store ændringer af webdesignet. Brug gerne flere style sheets Der kan være flere style sheets tilknyttet et webstedet. Det kan for eksempel være en fordel at adskille layout af tekst og indhold fra layout af printversionen. I det tilfælde vil man så gemme informationen i to forskellige filer

16 Hvis et websted har brugt CSS kan du se det i webstedets header i kildekoden. Koden kan for eksempel se sådan ud: <link rel= stylesheet href= default.css type= text/css /> <link rel= stylesheet href= print.css type= text/css /> OBS. Webstedets kildekode kan altid tjekkes ved i Internet Explorer at gå ind under menuen Side og vælge Vis kilde eller ved at højreklikke på musen og vælg Vis kilde. Webstedet skal give mening uden brug af CSS Du skal være opmærksom på, at ældre browserversioner ikke kan læse CSS. Desuden kan forskellige browsere have forskellige evner til at læse CSS. Derfor skal webstedet helst designes således, at det kan læses uden brug af CSS. Derfor bør du altid teste, hvordan webstedet ser ud uden brug af CSS, dvs. man slår CSS fra og tjekker, hvordan siden ser ud. Virker siden optimalt, skal brugeren kunne danne sig mening af indholdet på trods af, at CSS er slået fra. Læs mere om CSS på: Læs mere om CSS på: Læs mere om at læse hjemmesider uden brug af CSS på: it-arkitektur-og-standarder/tilgengelighed. Få inspiration til webdesign og brugen af CSS på: com. Valider CSS dokument på: Du kan for eksempel bruge AIS web Accessibility Toolbar til at teste, hvordan webstedet ser ud uden brug af CSS. AIS web Accessibility Toolbar kan downloades på: Brugen af tabeller Brug ikke tabeller til layout af indhold! Tabeller har traditionelt været brugt på to måder: til præsentation af data og til præsentation af indhold. I sidstnævnte tilfælde bruger man altså tabeller til formatering og layout af indholdet. Det er dog en rigtig dårlig idé, da man risikerer, at brugere, der anvender en skærmlæser, får webstedet præsenteret på en meget uhensigtsmæssig måde. I stedet bør man altid bruge CSS til layout og formatering af indholdet. Brug kun tabeller til præsentation af data! Tabeller bør kun bruges til præsentation af data. En datatabel er en tabel, der præsenterer data, f.eks. præsentation af regnskab, statistik, køreplaner osv. Datatabeller kan være opbygget simpelt eller komplekst. Sådan oplæser en skærmlæser en tabel En skærmlæser oplæser en tabel linært, dvs. den vil læse hver enkelt celle i tabellen fra venstre mod højre, linje for linje. I nogle tilfælde er siden måske layoutet så denne rækkefølge er logisk for en bruger med skærmlæser. Men ofte vil det indebære en tilfældig oplæsning af tekstblokke, der ikke giver nogen mening for brugeren. Hvis man af én eller anden grund insisterer på at anvende tabeller til layout, kan man teste om tabellen giver mening, når den læses lineært ved hjælp af tekstbrowseren Lynx og det kan testes ved hjælp af Web Accessibility Toolbar. Læs mere om forskellige typer af tabeller og tilgængelighed til tabeller på: Læs mere om Lynx på:

17 Download AIS, Web Accessibility Toolbar, som kan downloades på: Læs mere om opmærkning af datatabeller i guiden Tilgængelighed for webredaktører på Layout af tekst og indhold Brug CSS til layout af tekst Det anbefales at bruge CSS til layout af tekst. Det indebærer, at du kan bestemme alle fonte og fontstørrelse i dit style sheet. Og hvis du på et senere tidspunkt ønsker at ændre designet, kan det gøres ved blot at ændre det ét sted. CSS har også den fordel, at brugeren selv kan angive, hvilken font-familie webstedet skal vises med. Valg af font Det anbefales at bruge en font uden seriffer, f.eks. Verdana eller arial, når du skriver elektroniske tekster, da denne font er mere læsevenlig på skærmen. Fontens størrelse Fonten bør ikke være for lille, dvs. ikke under 10 pkt. Hvis der er brugt relative enheder ved konstruktionen af webstedet har brugeren dog muligheden for selv at skalere tekststørrelsen op og ned. Når der er brugt relative enheder vil al tekst og elementer flytte sig i forhold til hinanden. Det indebærer, at brugere, der ønsker webstedet i større end en 100% kan forstørre og formindske alt indholdet på webstedet efter behov. Tip. Du kan forstørre/formindske en side på et websted ved at bruge CRTL og scroll knappen på musen - eller i browseren via menuen vælge Vis/tekststørrelse. Brugere, der kun bruger tastaturet, kan anvende: CTRL og +/-. Læs mere om relative enheder på: Farvevalg Webstedet skal kunne læses uden farver En del brugere er farveblinde. Derfor skal webstedet kunne læses uden brug af farver. Undgå derfor også at bruge farvekombinationerne: rød/ grøn og blå/grøn, da de ofte vil skabe problemer for denne gruppe brugere. Også mange svagsynede ændrer webstedet til visning i s/h, da dette giver optimale kontrastforhold. Brug relative enheder til layout af tekst Brug altid relative enheder, når der skal angives tekststørrelsen. Det vil sige, at tekststørrelsen angives i % eller enheder ( em ) i style sheeten. Brugen af relative enheder indebærer, at brugeren kan forstørre/formindske tekststørrelsen efter behov. Brug relative enheder til layout af indhold Det anbefales, at man også til andet indhold end teksten på webstedet anvender CSS til at styre layout og præsentation med, f.eks. elementer som rammer, kolonner osv

18 Brug kun få farver i teksterne på webstedet! Det kan virke forvirrende, hvis teksten er skrevet med mange forskellige farver. Brug derfor kun 1-2 forskellige farver til teksten. Desuden er der den fordel ved brugen af CSS, at brugeren selv kan skifte skriftfarve, hvis han/hun har svært ved at læse den valgte. Kontrast mellem for- og baggrund Forskellen mellem for- og baggrundsfarve (tekst og baggrund) skal være tilstrækkelig stor for, at teksten bliver læselig for svagsynede og farveblinde. Det er også vigtigt, at for- og baggrundsfarver er tilstrækkeligt kontrastfyldte i forhold til præsentation af grafer, diagrammer osv. Kontrasten kan måles med forskellige former for værktøjer (se eksempel under link henvisningerne). Det er ikke altid, at det er muligt at se med det blotte øje, om kontrasten er tilstrækkelig stor mellem to farver, da det ofte er marginaler, der gør forskellen. Derfor vil det næsten altid være muligt at finde en nuance af den ønskede farve, der har en tilstrækkelig kontrast i forhold til en anden farve. Det er dog ikke muligt at vælge et design med meget douce farver, hvis du også ønsker at opfylde kravene til tilgængeligt web. Brug baggrund uden mønstre eller andet forstyrrende Man bør benytte en baggrund, der er uden mønstre eller andre forstyrrende elementer. En enkel og ensfarvet baggrund er med til at øge læsbarheden af et websted. Brug ikke udelukkende farver som navigationsmetode Det antages, at én ud af 20 brugere har en form for nedsat opfattelse af farver. Derfor må man ikke udelukkende bruge farve som navigationsmetode, fordi brugere, der er farveblinde og andre brugere med synshandicap ikke vil være i stand til at navigere på baggrund af farver. I praksis indebærer det, at man ikke må bruge grafiske elementer eller tekster, der alene gennem deres farve angiver en form for information eller funktionalitet. For eksempel kan du ikke bruge en navigationsform, hvor en rød knap angiver en stop - funktion og en grøn knap, der angiver en fortsæt - funktion. Her bliver man nødt til også at skrive henholdsvis Stop og Fortsæt på knappen. Hvis man bruger farver som navigationsmetode, bør informationen også være tilgængelig via tekst (mark-up). Læs mere om farver og farveblindhed på: Via værktøjet AIS, Web Accessibility Toolbar kan du simulere farveblindhed. Værktøjet kan slå farverne fra, hvilket giver mulighed for se, hvordan hjemmesiden ser ud uden brug af farver. Værktøjet giver også mulighed for at måle kontrasterne. Værktøjet kan downloades på: Det anbefales endvidere, at man ikke bruger en ren hvid (#FFFFFF) som baggrund, da den kan være meget skarp for øjnene at kigge på og kan resultere i at bogstaverne flyder sammen

19 Hierarkisk opbygning af overskrifter Overskrifter bør være hierarkisk opbyggede Overskrifter H1, H2 osv. bør opbygges hierarkisk, således at de vigtigste overskrifter navngives med en H1, og hvor de underliggende overskrifter navngives alt efter deres hierarkiske betydning blandt overskrifterne. Navngivningen skal være konsistent gennem hele webstedet. Menuer kan for eksempel navngives med H1, overskrifter (rubrikker) på artikler med H2, underoverskrifter (underrubrikker) nede i artiklen med H3 osv. Denne hierarkiske opbygning hjælper brugere med skærmlæser til at få overblik over sidens indhold og de forskellige teksters vigtighed i forhold til hinanden. Læs mere om hierarkisk opbygning af overskrifter på:

20 TILGÆNGELIGHED OG BRUGEN AF BILLEDER OG GRAFIK Tilknyt en Alt -tekst (alternativ tekst) til billeder m.m. Hvad er en alternativ tekst? ( alternative text equivalent ) Alternativ tekster - eller Alt -tekster, som de kaldes i daglig tale - er en mulighed for indsætte tekst ved de elementer, som en blind eller svagsynet bruger ikke kan se. Det kunne f.eks. være i forbindelse med billeder eller grafiske elementer, f.eks. navigationsknapper, knapper til download af filer/lydfiler/videoklip eller image maps (klikbare billedkort e.l.). Hvad skal en alternativ tekst bruges til? En Alt -tekst gør det muligt for en skærmlæser at læse teksten op for brugeren. Det kan også være en fordel for de brugere, der har slået visningen af billeder og grafik fra, da de ved hjælp af Alt -teksterne kan se, hvad hjemmesiden indeholder. NB. Nogle brugere har slået visningen af billeder og grafik fra for ikke at bruge tid på at downloade billedfiler og grafiske elementer. De fleste brugere har dog efterhånden så stor en båndbredde, at det ikke længere er relevant at gøre. Hvad skal en alternativ tekst indeholde? Alt -teksten skal være klar og kortfattet. Dens indhold vil afhænge af elementets betydning. Hvis elementet har en illustrerende funktion, skal Alt -teksten kort beskrive, hvad elementet forestiller. Hvis elementet fungerer som en navigationsmetode, skal Alt -teksten forklare funktionaliteten. Og hvis grafikken linker til en anden side, skal der indsættes en title-attribut som beskriver linket. Alt -teksten må ikke være for lang Vær opmærksom på, at Alt -teksten ikke bliver længere end højst nødvendig, da det vil være tidskrævende for brugere af skærmlæsere at sidde og vente på at få læst alenlange tekster op. Hvis du ønsker at indsætte en længere beskrivelse, kan longdesc-attributten anvendes. Hvordan indsættes Alt -teksten i praksis? Hvis hjemmesiden er opbygget i et CMS (Content Management System) vil der sandsynligvis være et Alt -tekst felt integreret i systemet, hvor du kan skrive teksten ind. Hvis der er tale om en hjemmeside med adgang til HTML-koden, skrives Alt -teksten ind i HTML en i forbindelse med det element (f.eks. et billede), som Alt -teksten skal tilknyttes: <a href:.><img scr= Københavns_havn.jpg width = 200 height= 150 alt= Billede af Københavns havn /> NB. Det er desuden god skik at give billedfilen et sigende navn. Det vil ofte ikke være nødvendigt at skrive Billede af i Alt - teksten, fordi skærmlæseren automatisk fortæller brugeren, at der er tale om et billede. Det er dog forskelligt alt efter, hvilken skærmlæser man bruger, i hvilket omfang programmet automatisk læser op, om der er tale om et billede, en knap osv. Indsæt en tom Alt - tekst, hvis billedet ikke indeholder information Billeder, der udelukkende er illustrerende eller skal udtrykke noget symbolsk, kan enten have tilknyttet tomme Alt -tekster, dvs. alt= (der må ikke være mellemrum mellem de to citationstegn) eller man kan indsætte en kort beskrivelse af billedet. Du kan også vælge i første omgang at beskrive billedet kort med henvisning til en fil med en længere beskrivelse. Så kan brugeren selv vælge, hvorvidt han/hun ønsker at høre den lange beskrivelse

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

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

Sensus. Grafisk design og tilgængelighed

Sensus. Grafisk design og tilgængelighed 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

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

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

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

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

Læs mere

GUIDE TIL TILGÆNGELIGHED I DIGITALT DESIGN.

GUIDE TIL TILGÆNGELIGHED I DIGITALT DESIGN. GUIDE TIL TILGÆNGELIGHED I DIGITALT DESIGN www.socialdigital.dk KOGNITIVE HANDICAP IKKE Brug simple farver Undgå lyse kontrastfarver Skriv i et enkelt og konkret sprog Undgå komplicerede ord og talemåder

Læs mere

MANUAL - Joomla! Version 1

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

Læs mere

Tilgængelighedsguide for pdf-dokumenter

Tilgængelighedsguide for pdf-dokumenter Tilgængelighedsguide for pdf-dokumenter Denne vejledning beskriver, hvordan du med værktøjet Accessibilityfixer laver en Word-fil om til en tilgængelig pdf-fil, og hvordan du med værktøjet PAC 3 kan tjekke

Læs mere

Kom godt i gang. Sitecore Foundry maj Version 1.1

Kom godt i gang. Sitecore Foundry maj Version 1.1 Sitecore Foundry 4 Kom godt i gang 26. maj 2014 - Version 1.1 Pentia A/S Store Kongensgade 66, Baghuset 1264 København K Telefon: 7023 3330 E-mail: info@foreningssite.dk Indholdsfortegnelse Indledning...

Læs mere

DØVE OG HØREHÆMMET TILGÆNGELIGT DESIGN FOR: Skriv i et enkelt og konkret sprog. Undgå komplicerede ord og talemåder

DØVE OG HØREHÆMMET TILGÆNGELIGT DESIGN FOR: Skriv i et enkelt og konkret sprog. Undgå komplicerede ord og talemåder DØVE OG HØREHÆMMET Skriv i et enkelt og konkret sprog Undgå komplicerede ord og talemåder Tilføj undertekster til video eller transskriber den til læsbar tekst Kommuniker ikke information alene gennem

Læs mere

Lever pdf-dokumentet op til tilgængelighedskravene?

Lever pdf-dokumentet op til tilgængelighedskravene? Lever pdf-dokumentet op til tilgængelighedskravene? Denne vejledning fortæller, hvordan du med værktøjet PAC 3, som Regionen stiller til rådighed, kan tjekke om en pdf-fil lever op til de vigtigste af

Læs mere

Opstart. I gang med Dreamweaver. Læs mere om...

Opstart. I gang med Dreamweaver. Læs mere om... Generelle bemærkninger Programmet Dreamweaver har været på markedet i nogle år efterhånden. Den seneste version hedder Dreamweaver CS6, og programmet er på engelsk. Dreamweaver er en såkaldt grafisk editor,

Læs mere

Lundtofte skole 2007/08. Åbn FrontPageExpress og Explorer begge programmer skal være åbne når du laver hjemmesiden.

Lundtofte skole 2007/08. Åbn FrontPageExpress og Explorer begge programmer skal være åbne når du laver hjemmesiden. Det vigtigste Hjemmeside i FrontPageExpress Åbn FrontPageExpress og Explorer begge programmer skal være åbne når du laver hjemmesiden. Lav en mappe til din hjemmeside. Find først din mappe på skolens netværk,

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

Opstart. I gang med Dreamweaver. Læs mere om... Generelle bemærkninger. Hvilken skærmopløsning? OBS

Opstart. I gang med Dreamweaver. Læs mere om... Generelle bemærkninger. Hvilken skærmopløsning? OBS Generelle bemærkninger Programmet Dreamweaver har været på markedet i nogle år efterhånden. Den seneste version hedder Dreamweaver CS4, og programmet er på engelsk. Dreamweaver er en såkaldt grafisk editor,

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

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

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

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

Opstart. I gang med Dreamweaver. Læs mere om...

Opstart. I gang med Dreamweaver. Læs mere om... Generelle bemærkninger Programmet Dreamweaver har været på markedet i nogle år efterhånden. Den seneste version hedder Dreamweaver CS5, og programmet er på engelsk. Dreamweaver er en såkaldt grafisk editor,

Læs mere

Manual til hjemmeside i Typo3

Manual til hjemmeside i Typo3 Manual til hjemmeside i Typo3 Gode tips og genvejstaster Ét linieskift Ctrl + A Ctrl + C Ctrl + X Ctrl + V shift + enter (tasten du normalt bruger til linieskift) Markér alt Kopier Klip Sæt ind Oprettelse

Læs mere

Webteknologi evalueringsopgave Vinter 2011-2012 - Niels Sundstrup

Webteknologi evalueringsopgave Vinter 2011-2012 - Niels Sundstrup Niels Sundstrup Webteknologi evalueringsopgave Vinter 2011-2012 - Niels Sundstrup Webteknologi - Carl- Henrik Nielsen - Syddansk Universitet, Kolding - Udlevering: 12. januar 2012 Aflevering: 19. januar

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

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

FØR DU TESTER TILGÆNGELIGHED PÅ HJEMMESIDER

FØR DU TESTER TILGÆNGELIGHED PÅ HJEMMESIDER FØR DU TESTER TILGÆNGELIGHED PÅ HJEMMESIDER VEJLEDNING Vejledning til tilgængelighedstest Digitaliseringsstyrelsen 2012 Design: www.kopilot.dk 1 Før du tester tilgængelighed på hjemmesider Det er ofte

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

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

8.0 Distriktshjemmesider

8.0 Distriktshjemmesider 8.0 Distriktshjemmesider Indhold Login... 2 Forside... 3 Distriktsside opbygning...4 Rediger på en side... 5 Upload filer til mediebibliotek... 8 Kontroller links på filer... 12 Indsæt billeder... 13 Slet

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

Vejledning til opbygning af hjemmesider

Vejledning til opbygning af hjemmesider Side 1 af 9 Vejledning til opbygning af hjemmesider Hvis du er inde på din klubs hjemmeside, fx på forsiden, kan du nu gå i gang med at redigere. For at få redigeringsværktøjet frem, skal du klikke på

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

Brugervejledning til www.sundhedspaedagogik.net

Brugervejledning til www.sundhedspaedagogik.net Brugervejledning til www.sundhedspaedagogik.net Af Inger Hindhede Kjær (28.02.2013) Indholdsfortegnelse 1 Introduktion til platformen... 2 2 Login processen... 3 2.1 Login på siden... 3 2.2 Sådan logger

Læs mere

Bliv opdaget på Internettet! - 10 gode råd til at optimere din hjemmeside til søgemaskiner

Bliv opdaget på Internettet! - 10 gode råd til at optimere din hjemmeside til søgemaskiner Bliv opdaget på Internettet! - 10 gode råd til at optimere din hjemmeside til søgemaskiner Af Henrik Bro og Martin T. Hansen I har måske allerede en flot, og informativ hjemmeside. Og alle jeres kursister

Læs mere

Denne artikel er til dem der ønsker at vide mere om hvad CSS er og hvad CSS kan bruges til hvad angår WWW.

Denne artikel er til dem der ønsker at vide mere om hvad CSS er og hvad CSS kan bruges til hvad angår WWW. Denne guide er oprindeligt udgivet på Eksperten.dk CSS - en gennemgang Denne artikel er til dem der ønsker at vide mere om hvad CSS er og hvad CSS kan bruges til hvad angår WWW. Der er lidt CSS historie

Læs mere

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

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

Læs mere

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

Byg web sider. Introduktion:

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

Læs mere

SIDEN PÅ WORDPRESS.COM

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

Læs mere

Vejledning til redigering via iserasuaat.gl/typo3 - både frontend og backend

Vejledning til redigering via iserasuaat.gl/typo3 - både frontend og backend Iserasuaat.gl Vejledning til redigering via iserasuaat.gl/typo3 - både frontend og backend Indhold Om kategorier en central del af Iserasuaat... 2 Frontend redigering... 3 Fanen Generelt... 4 Linke til

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

Sådan redigerer du en hjemmeside i Umbraco

Sådan redigerer du en hjemmeside i Umbraco Brugermanual til din boligafdelings hjemmeside Sådan redigerer du en hjemmeside i Umbraco Indhold Introduktion... 2 Log på Umbraco og redigér din hjemmeside... 3 Opret ny side... 7 Gem side uden at udgive/publicere

Læs mere

Internettet. Tema. på ipad Opdateret d Ældresagens datastue Aktivitetscentret Bavnehøj. Nørre Snede Tema: Internettet på ipad

Internettet. Tema. på ipad Opdateret d Ældresagens datastue Aktivitetscentret Bavnehøj. Nørre Snede Tema: Internettet på ipad n Tema Internettet på ipad Opdateret d. 14.10.2017 Sofus Opdateret d. 31. januar 2017 Side 1 Indhold Side 3 Side 3 Side 4 Side 4 Side 5 Side 6 Side 7-8 Side 9 Side 10 Side 11 Side 12 Side 13 Side 14 Side

Læs mere

GRAFISK WORKFLOW REDESIGN AF HJEMMESIDE

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

Læs mere

Diagrammer visualiser dine tal

Diagrammer visualiser dine tal Diagrammer visualiser dine tal Indledning På de efterfølgende sider vil du blive præsenteret for nye måder at arbejde med Diagrammer på i Excel. Vejledningen herunder er vist i Excel 2007 versionen, og

Læs mere

Guide til oprettelse/redigering af events på bornholm.info

Guide til oprettelse/redigering af events på bornholm.info Guide til oprettelse/redigering af events på bornholm.info Trin Login Beskrivelse 1. Login på hjemmesiden: URL: http://bornholm.info/wp-admin/ Brugernavn: se mailen Adgangskode: se mailen Opret event 1.

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

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

YouYonder. så husker du det du lærer

YouYonder. så husker du det du lærer YouYonder så husker du det du lærer Lidt om kunsten at tage effektive noter Hvis du læser en artikel på internettet, ser en video, læser en bog eller hører et foredrag, så vil du kunne øge dit udbytte

Læs mere

Sitecore - basisvejledning Version 2. September 2010

Sitecore - basisvejledning Version 2. September 2010 Sitecore - basisvejledning Version. September 00 Sådan opretter du en ny artikelside... Sådan omdøber du et artikelnavn så du får vist æ,ø og å... Sådan udgiver (publiserer) du nyt eller redigeret indhold...4

Læs mere

Mediator 9. Materiale til elever. Version: August 2012

Mediator 9. Materiale til elever. Version: August 2012 Mediator 9 Materiale til elever Version: August 2012 Indholdsfortegnelse Farveliste til kopiering/udlevering...4 Mediator - et eksemplarisk forløb...5 Dataindsamling...5 Start programmet...5 Intro...8

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

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

Du kan først gemme artiklen, når du har udfyldt de obligatoriske felter, som er markeret med *.

Du kan først gemme artiklen, når du har udfyldt de obligatoriske felter, som er markeret med *. Opret en Artikel Multisite + kk.dk: Artikel Version: 1 Artiklen er en primær indholdstype, som bruges til indhold med lang holdbarhed. Altså indhold som ikke skal skiftes ud særligt ofte. Artiklen bruges

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

Å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

SÅDAN TESTER DU HJEMMESIDER

SÅDAN TESTER DU HJEMMESIDER SÅDAN TESTER DU HJEMMESIDER VEJLEDNING Vejledning til tilgængelighedstest Digitaliseringsstyrelsen 2012 Design: www.kopilot.dk 1 SÅDAN TESTER DU HJEMMESIDER I det følgende finder du nogle anvisninger på,

Læs mere

Indholdsfortegnelse Opret engelsk version af hjemmesiden... 2

Indholdsfortegnelse Opret engelsk version af hjemmesiden... 2 Indholdsfortegnelse Opret engelsk version af hjemmesiden... 2 Indledning:... 2 Metode 1 en samling af sider, med kun en engelsk version:... 3 Metode 2 Eksisterende sider med både en dansk og en engelsk

Læs mere

Kommuniker: Gennem Valg

Kommuniker: Gennem Valg Kursusmappen Kommuniker: Gennem Valg Øvelser Mikro Værkstedet Indhold Indhold... 2 Start Kommuniker: Gennem Valg... 3 Øvelse 1 Åbn Kommuniker: Gennem Valg... 3 Øvelse 2 Åbn en aktivitet... 4 Øvelse 3 Udskrivnings-ikon

Læs mere

SIGIL Sådan opretter du en e- bog Step by Step

SIGIL Sådan opretter du en e- bog Step by Step SIGIL Sådan opretter du en e- bog Step by Step Af Gitte Winter Graugaard Nov. 2013, Sigil version 0.7.2 1 Her følger en intro skridt for skridt til at oprette en e- bog i SIGIL og publicere den på SAXO

Læs mere

Introduktion til Indholdsredigering

Introduktion til Indholdsredigering Sitecore Foundry 4.0 Introduktion til Indholdsredigering 18. oktober 2013 - Version 1.2 Pentia A/S Store Kongensgade 66, Baghuset 1264 København K Telefon: 7023 3330 E-mail: info@foreningssite.dk Indholdsfortegnelse

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

Oktober Dokumentpakker

Oktober Dokumentpakker Oktober 2017 Dokumentpakker Dokumentpakkerne er et værktøj til at udskrive dynamiske breve, som har en standardtekst i brevet, og hvor der automatisk sættes blandt andet patientens navn, adresse og aftaletid

Læs mere

Her ser du dit arbejde i preview undervejs og udgiver dit arbejde når du er færdig. (se side 4)

Her ser du dit arbejde i preview undervejs og udgiver dit arbejde når du er færdig. (se side 4) Sitecore vejledning Hvad er det? Sitecore er det program, den officielle del af Spejdernet laves i. Sitecore er et Content Management System, dvs. indholds-håndteringssystem til hjemmesider. Hvordan starter

Læs mere

Multisite + kk.dk: Nyhed Version: 1

Multisite + kk.dk: Nyhed Version: 1 Opret en Nyhed Multisite + kk.dk: Nyhed Version: 1 Nyhed er en primær indholdstype, som bruges til indhold, der er aktuelt i en tidsbegrænset periode, og har nyhedsværdi som fx pressemeddelelser. Det er

Læs mere

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

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

Læs mere

IKT og Videnrepræsentationer

IKT og Videnrepræsentationer IKT og Videnrepræsentationer CSTBI-2 2010 5. kursusgang Introduktion til html Kjeld Svidt ks@civil.aau.dk Personlige hjemmesider De enkelte gruppemedlemmer kan lave egne hjemmesider i mappen public_html

Læs mere

Webmail Gmail Generelt Side 1

Webmail Gmail Generelt Side 1 Webmail Gmail Generelt Side 1 Webmail Gmail Generelt Side 2 Indholdsfortegnelse Oprette en Gmail...... Side 4 Indbakken Oversigt...... Side 9 Skriv en mail...... Side 11 Formateringsværktøjer...... Side

Læs mere

E-MAIL G-MAIL (GOOGLE)

E-MAIL G-MAIL (GOOGLE) E-MAIL G-MAIL (GOOGLE) Erik Thorsager, Esbjerg. 3. udgave: G-mail Side 1 G-mail E-mail: Det engelske ord mail betyder post. E står for elektronisk. E-mail betyder altså elektronisk post. Elektronisk post

Læs mere

Lav dine egne hjemmesider/websider

Lav dine egne hjemmesider/websider Sider, der skal publiceres på World Wide Web, laves i et særligt format, html, som fortæller browseren, hvordan den skal vise tekst og billeder. Html (Hypertext markup language) er meget fleksibelt og

Læs mere

Vistemmernu. Et webbaseret værktøj udviklet af Programdatateket i Skive. E-mail: programdatateket@viauc.dk Web: http://www.programdatateket.

Vistemmernu. Et webbaseret værktøj udviklet af Programdatateket i Skive. E-mail: programdatateket@viauc.dk Web: http://www.programdatateket. Vistemmernu Et webbaseret værktøj udviklet af Programdatateket i Skive E-mail: programdatateket@viauc.dk Web: http://www.programdatateket.dk Kolofon HVAL-vejledning Vistemmernu på HVAL.DK Forfatter: Susanne

Læs mere

vorbasse.dk Redaktørmanual Kentaur

vorbasse.dk Redaktørmanual Kentaur Redaktørmanual Kentaur Indholdsfortegnelse Kapitel 1 - TYPO3 Brugerfladen 3 Log ind 3 Backend 4 Frontend 5 Hvor skal jeg klikke? 5 Gem, gem og vis, gem og luk 6 Kapitel 2 - Sider & menuer 7 Sammenhæng

Læs mere

Manual i frontend-redigering af kredssider og brug af kalender

Manual i frontend-redigering af kredssider og brug af kalender Manual i frontend-redigering af kredssider og brug af kalender Frontend redigering af kredssider og brug af kalender Logge ind og lave simpel redigering... Side 2-3 Opret ny side... Side 4 Læg billede

Læs mere

Gem dine dokumenter i BON s Content Management System (CMS)

Gem dine dokumenter i BON s Content Management System (CMS) 24. august 2007 Gem dine dokumenter i BON s Content Management System (CMS) INDHOLDSFORTEGNELSE 1. Indledning... 2 2. Se indholdet i dit Content Management System... 3 3. Tilgå dokumenterne i My Content

Læs mere

Quick guide Dynamicweb 9. Kom godt i gang med brugen af redigeringsværktøjet bag vores hjemmesideløsning CMS-systemet Dynamicweb

Quick guide Dynamicweb 9. Kom godt i gang med brugen af redigeringsværktøjet bag vores hjemmesideløsning CMS-systemet Dynamicweb Quick guide Dynamicweb 9 Kom godt i gang med brugen af redigeringsværktøjet bag vores hjemmesideløsning CMS-systemet Dynamicweb Indholdsfortegnelse Sådan logger du på... 3 Opbygning... 4 Beskrivelse af

Læs mere

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

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

Læs mere

WEB kursus I. Grundkursus i CMS

WEB kursus I. Grundkursus i CMS WEB kursus I Grundkursus i CMS 1 Link til manual på intranet: http://intranet.regionsyddanmark.dk/cmsmanual Nyttig information Support telefonnummer: 65 41 32 25 Support e-mail: websupport@regionsyddanmark.dk

Læs mere

MANUAL. Siteloom CMS

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

Læs mere

Nvu hjemmesider hurtigt og let

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

Læs mere

Dokumentation. Workflow. Grafisk produktion. Trine Alexandersen 1. hovedforløb

Dokumentation. Workflow. Grafisk produktion. Trine Alexandersen 1. hovedforløb Dokumentation Workflow Grafisk produktion Trine Alexandersen 1. hovedforløb Jeg har valgt at vise min egen hjemmeside som workflow. Siden er min e-portfolio som skal vise hvad jeg lærer under min uddannelse

Læs mere

Vejledning. Indhold. Side 1

Vejledning. Indhold. Side 1 Indhold HTML-faneblade... 2 Sådan tilføjer du et HTML-faneblad til din Facebook side.... 3 Sådan redigerer du et HTML-faneblad på din Facebook side.... 5 Sådan deler du fanebladet... 10 Side 1 HTML-faneblade

Læs mere

Start med at markere en side og klik Lås og redigere. Rul ned til feltet med brødtekst. Klik på Vis redigeringsværktøj.

Start med at markere en side og klik Lås og redigere. Rul ned til feltet med brødtekst. Klik på Vis redigeringsværktøj. 1.3.5 Redigeringsværktøj med formateringsmuligheder Forsiden, underforsider og artikler har alle et redigeringsværktøj som rummer muligheder for indsættelse af tabeller, billeder, links og tekst og visse

Læs mere

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

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

Læs mere

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

RIGSPOLITIET. Vejledning i konvertering. fra. Word -dokument. til. PDF-fil. på politi.dk. Rigspolitiets websektion

RIGSPOLITIET. Vejledning i konvertering. fra. Word -dokument. til. PDF-fil. på politi.dk. Rigspolitiets websektion RIGSPOLITIET Vejledning i konvertering fra Word -dokument til PDF-fil på politi.dk Rigspolitiets websektion Indledning Da vi skal leve op til kravene om tilgængelighed på Internettet, skal alle tekster

Læs mere

Introduktion til spots

Introduktion til spots Sitecore Foundry 3.0 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... 3 Generelt

Læs mere

xgalleri Mulige filtyper Installation web-version

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

Læs mere

Version 1.2: 23/8-2015. Vejledning. Rapportskabelon til Word 2010/2013

Version 1.2: 23/8-2015. Vejledning. Rapportskabelon til Word 2010/2013 Version 1.2: 23/8-2015 Vejledning Rapportskabelon til Word 2010/2013 Indholdsfortegnelse Indledning... 3 Installation af rapportskabelon... 3 Opret et nyt dokument til din rapport... 4 MIM Menu...... 5

Læs mere

Åbn Paint, som er et lille tegne- og billedbehandlingsprogram der findes under Programmer i mappen Tilbehør. Åbn også Word.

Åbn Paint, som er et lille tegne- og billedbehandlingsprogram der findes under Programmer i mappen Tilbehør. Åbn også Word. 75 Paint & Print Screen (Skærmbillede med beskæring) Åbn Paint, som er et lille tegne- og billedbehandlingsprogram der findes under Programmer i mappen Tilbehør. Åbn også Word. 1. Minimer straks begge

Læs mere

Introduktion til redigeringsfaciliteterne

Introduktion til redigeringsfaciliteterne Sitecore Foundry 3.0 Introduktion til redigeringsfaciliteterne 25. april 2012 - Version 1.2 Pentia A/S Store Kongensgade 66, Baghuset 1264 København K Telefon: 7023 3330 E-mail: info@foreningssite.dk Indholdsfortegnelse

Læs mere

Kom godt i gang med I-bogen

Kom godt i gang med I-bogen Kom godt i gang med I-bogen At åbne bogen Det allerførste, du skal gøre, for at kunne arbejde med i-bogen, er at aktivere den. Det gøres ved at oprette en konto på systime.dk og derefter aktivere bogen

Læs mere

OK Fonden. Umbraco CMS Quickguide

OK Fonden. Umbraco CMS Quickguide OK Fonden Umbraco CMS Quickguide 1 Indhold 1 Indhold... 2 2 Indledning... 3 2.1 Kompatible browsere... 3 2.2 Log ind i Umbraco... 3 2.3 Naviger i administrationsområdet... 4 2.4 Brug af træ menu... 5 3

Læs mere

Brugermanual 2015-01-01. ProcessManager ApS Hovmarksvej 68 DK-2920 Charlottenlund

Brugermanual 2015-01-01. ProcessManager ApS Hovmarksvej 68 DK-2920 Charlottenlund Brugermanual 2015-01-01 ProcessManager ApS Hovmarksvej 68 DK-2920 Charlottenlund T +45 40 84 44 41 Mail: info@process-manager.dk Web: www.process-manager.dk Web: www.easy-mapping.dk CVR 28 69 77 67 Side

Læs mere

Grundlæggende HTML. Hjemmesider, kommunikation og kode. mandag den 13. august 12

Grundlæggende HTML. Hjemmesider, kommunikation og kode. mandag den 13. august 12 Grundlæggende HTML Hjemmesider, kommunikation og kode Hvad er HTML? Hyper Text Markup Language Beskrivelsen siger at det er et tekst sprog bestående af markører Bruges til at vise hjemmesider i en browser,

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

BRUGER KURSUS RAMBØLL HJEMMESIDE

BRUGER KURSUS RAMBØLL HJEMMESIDE Til Forsyningsvirksomheder i Danmark Dokumenttype Brugervejledning Rambøll Hjemmeside Full Responsive Dato Oktober 2017 BRUGER KURSUS RAMBØLL HJEMMESIDE BRUGER KURSUS RAMBØLL HJEMMESIDE Revision 01 Dato

Læs mere