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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Å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

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

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

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

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

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

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

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

MANUAL. Siteloom CMS

MANUAL. Siteloom CMS MANUAL Siteloom CMS www.hjerteforeningen.dk/cms Brugernavn: Password: 3. oktober, 2013 BASIS FUNKTIONER 1. Kalender... 4 1.a. Opret... 5 1.b. Rediger eller slet... 9 2. Sider...12 2.a. Opret side...13

Læs mere

HTML5 fortsat: Underside, links og tekstelementer på din hjemmeside

HTML5 fortsat: Underside, links og tekstelementer på din hjemmeside Webdesign og webkommunikation, formiddagshold (hold 1), IT Universitetet, forår 2012. Øvelse 2, individuel øvelse HTML5 fortsat: Underside, links og tekstelementer på din hjemmeside 1. Lidt om hvad du

Læs mere

DENNE MANUAL ER SKREVET FOR AT GIVE DIG EN GRUNDIG INTRODUKTION TIL DE FORSKELLIGE ARBEJDSGANGE I TYPO3

DENNE MANUAL ER SKREVET FOR AT GIVE DIG EN GRUNDIG INTRODUKTION TIL DE FORSKELLIGE ARBEJDSGANGE I TYPO3 TYPO3 manual DENNE MANUAL ER SKREVET FOR AT GIVE DIG EN GRUNDIG INTRODUKTION TIL DE FORSKELLIGE ARBEJDSGANGE I TYPO3 Det første afsnit, Introduktion til systemet, giver et hurtigt overblik over mulighederne.

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

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

Manual for redaktører

Manual for redaktører Manual for redaktører Leveret af DFF-EDB.dk 2 INDHOLDSFORTEGNELSE: 1. Hjemmesider i Umbraco... 5 2. Kom i gang med Umbraco... 5 2.1 Login... 5 2.1.1. Ændring af login... 5 2.2. Når du arbejder på siden,

Læs mere

Indhold. 1 Indledning... 3. 1.1 Kompatible browsere... 3. 2 Log ind i Umbraco... 3. 3 Content-delen... 4. 3.1 Indholdstræet... 4

Indhold. 1 Indledning... 3. 1.1 Kompatible browsere... 3. 2 Log ind i Umbraco... 3. 3 Content-delen... 4. 3.1 Indholdstræet... 4 Indhold 1 Indledning... 3 1.1 Kompatible browsere... 3 2 Log ind i Umbraco... 3 3 Content-delen... 4 3.1 Indholdstræet... 4 3.2 Ændring af indhold... 5 3.3 Tilføjelse af en side/sektion... 6 3.4. At arbejde

Læs mere

Manual for redaktører

Manual for redaktører Manual for redaktører Leveret af DFF-EDB.dk 2 INDHOLDSFORTEGNELSE: 1. Hjemmesider i Umbraco... 5 2. Kom i gang med Umbraco... 5 2.1 Login... 5 2.1.1. Ændring af login... 5 2.2. Når du arbejder på siden,

Læs mere

MANUAL. Siteloom CMS

MANUAL. Siteloom CMS MANUAL Siteloom CMS www.hjerteforeningen.dk/cms Brugernavn: Password: 13. marts, 2014 BASIS FUNKTIONER 1. Kalender... 4 1.a. Opret... 5 1.b. Rediger eller slet... 9 2. Sider...12 2.a. Opret side...13 2.b.

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

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

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

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

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

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

Portfolie Redesign. www.gaardbodesign.dk. Multimediedesigner CPH Business 1. sem. eksamensprojekt - Clmul-b12e Januar 2013. Jens Jákup E.

Portfolie Redesign. www.gaardbodesign.dk. Multimediedesigner CPH Business 1. sem. eksamensprojekt - Clmul-b12e Januar 2013. Jens Jákup E. Portfolie Redesign www.gaardbodesign.dk Multimediedesigner CPH Business 1. sem. eksamensprojekt - Clmul-b12e Januar 2013 Jens Jákup E. Gaardbo indholdsfortegnelse design... gestaltlove... opbygning...

Læs mere

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

BRUGERMANUAL FOR KLUBKOORDINATORER. Version 2.0

BRUGERMANUAL FOR KLUBKOORDINATORER. Version 2.0 BRUGERMANUAL FOR KLUBKOORDINATORER Version 2.0 Login Du skal vælge den klub som du tilhøre og dernæst indtaste din kode i feltet: Password. Regionsgolf-Danmark Administration Når du er logget ind i system

Læs mere

Lyngby Svømmeklub Hjemmeside Guide. Indholdsfortegnelse

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

Læs mere

NP Ecommerce. Produktguide for NaviConnect. Ecommerce

NP Ecommerce. Produktguide for NaviConnect. Ecommerce NP Ecommerce Produktguide for NaviConnect Ecommerce Indhold Varekort - Magento:... 2 Grundlæggende vareinformation:... 2 Priser og specielt fremtræden:... 4 Metainformation:... 5 Attributsæt, billeder,

Læs mere

Indholdsfortegnelse. Forord

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

Læs mere

Webredaktørens værktøjskasse

Webredaktørens værktøjskasse Webredaktørens værktøjskasse Indledning Hjemmesider er i dag en nødvendig kommunikationskanal for alle virksomheder, organisationer og myndigheder. Netkommunikation kræver tid og viden. En vellykket hjemmeside

Læs mere

Guide til Umbraco CMS

Guide til Umbraco CMS web Guide til Umbraco CMS Indhold Indledning 3 Kompatible browsere 3 Log ind i Umbraco 4 Content-delen 5 Indholdstræet 5 Tilføjelse af en side/sektion 7 Sortering af indhold 12 Galleri 14 Mediebibliotek

Læs mere

Projekt i Programmering C Menu til hjemmeside.

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

Læs mere

Grafisk workflow. Hjemmeside til Bærkompagniet

Grafisk workflow. Hjemmeside til Bærkompagniet Grafisk workflow Hjemmeside til Bærkompagniet Dokumentation Opgaven Bærkompagniet skulle have designet og programmeret et website, hvor de kunne præsentere deres produkter samt mulige forhandlere kunne

Læs mere

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

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

Læs mere

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

MANUAL TIL FS PÅ NETTET

MANUAL TIL FS PÅ NETTET MANUAL TIL FS PÅ NETTET Sådan opretter du nyheder og artikler (side 4) Sådan laver du links (side 14) Om tjek ind/ud og publicer (side 20) Sådan uploader du billeder og dokumenter (side 25) Sådan redigerer

Læs mere

Redaktørmanual TYPO3. LinkFactory TYPO3 MANUAL

Redaktørmanual TYPO3. LinkFactory TYPO3 MANUAL LinkFactory TYPO3 MANUAL Kapitel 1 - TYPO3 CMS - Opbygning... 3 Log ind... 3 Backend... 4 Frontend... 5 Hvor skal jeg klikke?... 5 Gem, gem og vis, gem og luk... 6 Kapitel 2 - Håndtering af sider & menuer...

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

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

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

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

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

Indhold. 1. Adgang og afslutning

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

Læs mere

Umbraco. Brugerdokumentation

Umbraco. Brugerdokumentation 2 Umbraco Brugerdokumentation Indholdsfortegnelse Generel dokumentation... 3 Hvordan logger jeg ind i CMS et?... 3 Sidertyper... 3 Content... 3 Forside... 3 Sektionsforside... 3 Artikel... 3 Servicemappe...

Læs mere

Dokumenter. Sider. efact CMS manual v. 1.0

Dokumenter. Sider. efact CMS manual v. 1.0 Dokumenter Dokumenter er stedet, hvor du opretter og vedligeholder dit indhold på hjemmesiden. Der kan uploades filer og billeder til brug på hjemmesiden, samt oprettes sider hvis indhold du redigerer

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

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

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

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

Å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

Kapitel 17 Oprette websider:

Kapitel 17 Oprette websider: Kom i gang med... Kapitel 17 Oprette websider: Gemme dokumenter som HTML-Filer OpenOffice.org Rettigheder Dette dokument er beskyttet af Copyright 2005 til bidragsyderne som er oplistet i afsnittet Forfattere.

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

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

PHP kode til hjemmeside menu.

PHP kode til hjemmeside menu. PHP kode til hjemmeside menu. Home Hovedmenu 1 Hovedmenu 2 Hovedmenu 3 Hovedmenu 4 Undermenu 1 Breadcrumb Her vises indholdet af den valgte side Undermenu 2 Undermenu 3 Undermenu 4 Evt. en mulighed for

Læs mere

Brugervejledning. Hjemmesider med Cmsimple.

Brugervejledning. Hjemmesider med Cmsimple. 1af23 Brugervejledning. Hjemmesider med Cmsimple. 1. Forord. Denne brugervejledning er fremstillet for at hjælpe personer ved Lokalhistorisk Arkiver i ny Sønderborg kommune, som kun har ringe kendskab

Læs mere

Hurtig SEO Guide til din hjemmeside

Hurtig SEO Guide til din hjemmeside Hurtig SEO Guide til din hjemmeside For at forbedre din hjemmesides synlighed på søgemaskiner, vil vi anbefale at du er omhyggelig med søgeoptimeringen deraf. Hvis du følger de følgende punkter omhyggeligt

Læs mere

GUIDE TIL OPRETTELSE AF SIDER OG INDHOLD I UMBRACO ONLINE BETJENING

GUIDE TIL OPRETTELSE AF SIDER OG INDHOLD I UMBRACO ONLINE BETJENING GUIDE TIL OPRETTELSE AF SIDER OG INDHOLD I UMBRACO ONLINE BETJENING DANSKE BEDEMÆND august 2014 v1.4 1 P a g e INDHOLDSFORTEGNELSE Adgang... 3 Overordnet om Umbraco... 4 Højreklik muligheder i oversigten...

Læs mere

E-MAIL WINDOWS LIVE MAIL

E-MAIL WINDOWS LIVE MAIL E-MAIL WINDOWS LIVE MAIL Erik Thorsager, Esbjerg. 3. udgave: Live Mail Side 1 Windows Live Mail Hvordan skriver og sender jeg en e-mail? Det engelske ord mail betyder post. E står for elektronisk. E-mail

Læs mere

Kursusbeskrivelse. Forarbejde. Oprettelse af en Access-database

Kursusbeskrivelse. Forarbejde. Oprettelse af en Access-database Kursusbeskrivelse Oprettelse af en Access-database Som eksempel på en Access-database oprettes en simpelt system til administration af kurser. Access-databasen skal indeholde: et instruktørkartotek et

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

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

Sider, indlæg og projekter

Sider, indlæg og projekter Sider, indlæg og projekter I Divi-temaet er der tre forskellige måder at lægge artikler op på sitet; Sider, indlæg og projekter. På Villybruun.dk bruges Sider til alle artikler. Man kan oprette eller redigere

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

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

IT-Brugerkursus. Modul 1 - Introduktion til skolens netværk og FC. Modul 1 - Introduktion til FC og Lectio. Printvenligt format. Indholdsfortegnelse

IT-Brugerkursus. Modul 1 - Introduktion til skolens netværk og FC. Modul 1 - Introduktion til FC og Lectio. Printvenligt format. Indholdsfortegnelse Modul 1 - Introduktion til FC og Lectio IT-Brugerkursus Modul 1 - Introduktion til skolens netværk og FC Printvenligt format Indholdsfortegnelse Formål og opbygning Opgave Vejledning til intranettet Åbne

Læs mere

Administration af subsites BRUGERVEJLEDNING FOR ADMINISTRATOREN

Administration af subsites BRUGERVEJLEDNING FOR ADMINISTRATOREN Administration af subsites BRUGERVEJLEDNING FOR ADMINISTRATOREN Indholdsfortegnelse Introduktion... 2 Definitioner... 2 Generelt... 3 Oprettelse af en skabelon... 4 Sidetypeskabeloner... 5 Globale displaymoduler...

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

Qbrick s krav til video filtyper

Qbrick s krav til video filtyper Indhold Qbrick s krav til video filtyper... 1 Krav til ordningen/området... 1 Qbrick s krav til video leverandør... 1 Video og billede størrelser i WCM:... 1 Upload en video... 2 Trin 1: Mediefiler...

Læs mere

Produktbeskrivelse - Grafisk workflow

Produktbeskrivelse - Grafisk workflow Produktbeskrivelse - Grafisk workflow Opgavebeskrivelse Det er en nyhedsmail. De er en ny opsætning Ansvar for opgaveløsning Webadministratoren står for opgavefordeling. Tekst kommer fra salgs og butikslederen.

Læs mere

Opret en formular i Dreamweaver

Opret en formular i Dreamweaver Opret en formular i Dreamweaver. Åben det html-dokument hvor du vil have din formular skal være på. 2. Klik i det felt (DIV eller tabel) hvor du vil have din formular skal være. Du kan se du er i feltet

Læs mere

Annemette Søgaard Hansen/www.dinwebvejleder.dk

Annemette Søgaard Hansen/www.dinwebvejleder.dk SKAT.dk side 1 af8 1) Gå ind på www.skat.dk I adresselinjen Tast borger og CTRL + ENTER (Internet Explorer) Eller tast www.skat.dk Du ser nu dette skærmbillede: 2) Klik på ordet Borger Her er en masse

Læs mere

Annemette Søgaard Hansen/www.dinwebvejleder.dk

Annemette Søgaard Hansen/www.dinwebvejleder.dk Google Docs Dokumenter Indholdsfortegnelse Værktøjer... Side 3 Menuer... Side 5 Opgave... Side 8 Få adgang til filerne fra din computer... Side 16 Vejledende løsning... Side 17 GoogleDocs Dokumenter 2

Læs mere

Vejledning til udskrivning af etiketter/labels og konvolutter i Blåt Medlem

Vejledning til udskrivning af etiketter/labels og konvolutter i Blåt Medlem Vejledning til udskrivning af etiketter/labels og konvolutter i Blåt Medlem Blåt Medlem giver mulighed for at udskrive etiketter/labels og kuverter til medlemmerne af den enhed man er medlemsansvarlig

Læs mere

Karens vejledning til WordPress, september 2014 1

Karens vejledning til WordPress, september 2014 1 Karens vejledning til WordPress, september 2014 1 Karens WordPress vejledning september 2014 INDHOLD Hvad er WordPress 1 Generelt om WordPress 2 Frontend og backend 2 Skrive en blog-tekst (indlæg/post)

Læs mere

Skifte til Excel 2010

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

Læs mere

Vejledning i Powerpoint

Vejledning i Powerpoint Indholdsfortegnelse Startdias Startdias... 1 Indsætte nyt dias... 1 Tekst... 1 Links til web... 2 Indsæt et billede... 2 Lyd... 3 Baggrund... 3 Animation... 3 Handlingsknapper... 4 Redigering... 6 Overgange...

Læs mere