SiteVision Användarmanual

Transkript

1 SiteVision Användarmanual Senselogic AB Version 2.3_03

2 Innehållsförteckning 1 Om SiteVision Arbeta med SiteVision Starta SiteVision... 1 Redigeringsläget översikt Sidolist Kortkommandon i SiteVision Navigator... 3 Högerklicka på en sida... 4 Menyn i Navigatorn... 4 Snabbikoner i Navigatorn Innehåll... 9 Menyn i Innehåll... 9 Snabbikoner under Innehåll Högerklicka på en modul/layout Fliken marginaler Fliken Inställningar på modul Fliken Inställningar på layout Fliken Dekorationsegenskaper Fliken Kantlinjer Färgskala Verktygsfält Ny sida Spara Publicera Fliken Metadata Fliken Notifiera Dölj/visa sidolist Stödraster Förhandsgranska Inställningar Återgå till visningsläge Modulväljaren Redigeringsyta Lägga till Dynamiskt innehåll Absolut innehåll Ta bort Ändra Flytta Absolut layout Användningsområde Snabbvalsikoner Text Användningsområde Inställningar för Text Menyalternativ Arkiv Redigera Alternativ Bild Användningsområde Inställningar för Bild Fliken Bildval Fliken Inställningar Redigera bild Tabell Användningsområde... 43

3 3.3.2 Inställningar för Tabell Menyalternativ... Arkiv... Redigera... Alternativ... Rader/kolumner Navigation A-Ö lista Användningsområde Inställningar för A-Ö lista Expanderande meny Användningsområde Inställningar för Expanderande Meny Fliken Startsideinställningar Fliken Nivåinställningar Fliken Bildinställningar Fliken Övriga Inställningar Flernivålänk Användningsområde Inställningar för Flernivålänk Fliken Inställningar Fliken Mall Flernivåmeny Användningsområde Inställningar för Flernivåmeny Fliken inställningar Fliken Nivå 1/Nivå Fliken Avancerat Föregående/Nästa Användningsområde Inställningar för Föregående/Nästa Imagemap Användningsområde Inställningar för Imagemap Markera ett bildområde Innehållsförteckning Inställningar för Innehållsförteckning Meny Användningsområde Inställningar för Meny Fliken Inställningar Fliken Mall Popup-meny Användningsområde Inställningar för Popup-meny Fliken Inställningar Fliken Huvudmeny Fliken Popupmeny Rullgardinsmeny Användningsområde Inställningar för Rullgardinsmenyn Fliken Utseende Trädmeny Användningsområde Inställningar för Trädmeny Webbkarta Användningsområde Inställningar för Webbkarta Interaktivt... 68

4 5.1 E-postformulär Användningsområde Inställningar för E-postformulär Fliken Fråga Fliken Bild Fliken Attribut Frågetyper Textfråga Envalsfråga Flervalsfråga Kommentar Bifogad fil E-postmottagare Kategorifråga Fliken E-post Fliken Utseende Fliken Meddelanden Forum Användningsområde Inställningar för Forum Modererat forum Gästbok Användningsområde Inställningar för Gästbok Fliken Allmänt Fliken Utseende Fliken Inlägg Fliken E-post Inloggning Användningsområde Inställningar för Inloggning Fliken Allmänt Fliken Utseende Mina favoriter Användningsområde Inställningar för Mina favoriter Sök Användningsområde: Inställningar för Sök Fliken Allmänt Fliken Sökfält Fliken Sökresultat Fliken Sortering Fliken Avancerat Fliken Miniatyrer Sökuttryck Tipsa en kompis Användningsområde Inställningar för Tipsa en kompis Fliken Tips Fliken Tipsformulär Fliken E-post Fliken Utseende Fliken Meddelanden Vykort Användningsområde Inställningar för Vykort Fliken Allmänt Fliken Utseende Fliken Avancerat... 98

5 5.9 Webbfråga Användningsområde Inställningar för Webbfråga Fliken Frågor Fliken Utseende Fliken Övrigt Övrigt Anpassat läge Användningsområde Inställningar för Anpassat läge Anpassa webbplatsen Användningsområde Inställningar för Anpassa webbplatsen Fliken Inställningar Fliken Förhandsgranskning Fliken Utseende Evenemangskalender Användningsområde Inställningar för Evenemangskalendern Fliken Allmänt Fliken Evenemangskälla Fliken Utseende Fliken Avancerat FAQ-lista Användningsområde Inställningar för FAQ-lista Fildelning Användningsområde Inställningar för Fildelning Fliken Mappval Fliken Inställningar Fliken Mall HTML Användningsområde Inställningar för HTML Idag Användningsområde Inställningar för Idag-modulen Länkad modul Användningsområde Inställningar för Länkad modul Multimedia Användningsområde Inställningar för Multimedia Nyheter Användningsområde Inställningar för Nyheter Fliken Arkiv Nya artiklar Fliken Innehåll Fliken Begränsningar Fliken RSS Fliken Avancerat Nyhetsmeny Användningsområde Inställningar för Nyhetsmeny Fliken Arkiv Fliken Utseende Ordförklaringar

6 Användningsområde Inställningar för Ordförklaringar... Fliken Allmänt... Fliken Ordförklaringslänkar... Fliken Utseende Skript Användningsområde Inställningar för Skript Slumpad bild Användningsområde Inställningar för Slumpad bild Fliken Bildval Fliken Inställningar Teckenstorlek Användningsområde Inställningar för Teckenstorlek Utskriftsversion Användningsområde Inställningar för Utskriftsversion Fliken Allmänt Fliken Fönster Utskriftsmall

7 1 Om SiteVision SiteVision är en plattform för webbpublicering, portal och integration från företaget Senselogic AB. I SiteVision sker hantering av innehåll, mallskapande, samt administration direkt i webbläsaren. Användaren ser därmed direkt resultatet. Gällande portalfunktionaliteten stöder SiteVision profilhantering och personalisering. Profilhantering ger administratörer möjlighet att styra vilken information och funktionalitet som presenteras för olika kategorier av användare. Personalisering ger användare möjlighet att göra personliga inställningar på webbplatsen beträffande val av information och funktionalitet. 2 Arbeta med SiteVision 2.1 Starta SiteVision I SiteVision arbetar användaren direkt i webbsidan och ser hela tiden hur resultatet blir vid publicering. Användargränssnittet anpassar sig automatiskt till den roll som användaren tillhör. Detta gör att informationshantering kan delegeras till önskad nivå. För att komma till redigeringsläget i SiteVision skriver man adressen till en inloggningssida som finns skapad på webbplatsen. Där får man fylla i sitt användarnamn och lösenord som man fått av sin administratör. Efter att man har loggat in och man har behörighet att ändra på en sida så får man en grön knapp nere i högra hörnet av sin webbläsare när sidan är i visningsläge: Knapp som växlar till redigeringsläget Visningsläget är det vanliga läget som används av besökare till webbplatsen. Den gröna knappen växlar till redigeringsläget, där ändringar av webbplatsen och dess sidor kan göras. 1

8 Redigeringsläget översikt När man är inne i redigeringsläget så ser man följande struktur: Verktygsfält Modulväljare Redigeringsyta Navigator Innehåll Till vänster finns en sidolist som innehåller navigatorn (se Navigator) och innehåll (se Innehåll). Överst finns verktygsfältet (se 2.4 Verktygsfält) och modulväljaren (se 2.5 Modulväljaren ). I mitten finns redigeringsytan (se 2.6 Redigeringsyta). 2.2 Sidolist Sidolisten innehåller navigatorn och innehåll. Vill man att sidolisten skall vara bredare så kan man hålla ner muspekaren och dra i högerkanten. Inställningen sparas. 2

9 2.2.1 Kortkommandon i SiteVision I SiteVision finns följande generella kortkommandon i redigeringsläget: I Navigatorn: CTRL-SHIFT-N CTRL-SHIFT-M CTRL-SHIFT-F CTRL-SHIFT-B Gå till Gå till Gå till Gå till Vanliga funktioner: CTRL-ALT-N CTRL-ALT-S CTRL-ALT-P CTRL-ALT-R CTRL-ALT-M Skapa ny sida Spara Publicera Återgå till visningsläge Gå till modulväljare (använd F4 och sedan pil för att bläddra i lista) I Innehåll: CTRL-SHIFT-H CTRL-SHIFT-L CTRL-SHIFT-P CTRL-SHIFT-S CTRL-SHIFT-E CTRL-SHIFT-V CTRL-SHIFT-K Gå till Gå till Gå till Gå till Gå till Gå till Gå till navigator mallar filarkiv bildarkiv innehåll snabblänkar mina sidor sök snabbegenskaper versioner kommentarer OBS! Vissa fokusproblem kan finnas i webbläsaren Firefox. För att åter använda kortkommandona, klicka i Navigatorn Navigator Navigatorn visar navigationsträdet som används för att enkelt kunna navigera i strukturen och välja det objekt man vill ändra på. Här visas alla sidor som skapats på webbplatsen, både publicerade och opublicerade. Meny Snabbikoner (Ta bort, Egenskaper, Flytta markerat objekt) Navigationsträd För att se underliggande sidor under en mapp eller en sida, klicka på plustecknet. Det finns flera sorters objekt i en webbplats, tex. sidor, länkar, mappar, nyheter. Alla visas i navigationsträdet, och de olika objekttyperna har varsin ikon för att man enkelt ska kunna se vilken typ ett visst objekt har: Server Länksida Struktursida Webbplats Papperskorg Strukturmapp Webbsida Arkiv Mapp Artikel Strukturlänk 3

10 Ikonen för sidor kan se ut på fyra olika sätt, beroende på om den är ändrad efter senaste publicering (svart utropstecken), inte publicerad (rött kryss), publicerad eller om sidan är låst för redigering (sidlås): Ej publicerad sida Ändrad sida Publicerad sida Sida låst för redigering Sidlås aktiveras så fort någon börjar att redigera en sida. Detta för att förhindra att samtida redigering sker. Med redigering menas t.ex. att en modul öppnas av en användare i redigeringsläge eller om man väljer Egenskaper på en modul. Då blir sidan låst för andra användare. Sidlåset låses upp så fort man klickar på spara-knappen. OBS! Sidlås är något som man kan aktivera på webbplatsen, det används därför inte av alla. Högerklicka på en sida Om man högerklickar på en sida i navigationsträdet så får man upp en snabbmeny där man kan välja olika alternativ. Man ser olika antal alternativ beroende på vilken behörighet man har. Här är några av de vanligaste alternativen: Kopiera/klistra in: Används för att kopiera och klistra in objekt. Spara version: Används för att spara aktuell version av webbsidan. Återta version: Används för att återgå till en tidigare version. Uppdatera: Uppdaterar innehållet i trädet från servern. Gör detta för att se ändringar som gjorts av andra administratörer. Redigera sidans mall: Om man har behörighet till mallarna så kan man komma till mallen som sidan baseras på. Avpublicera: Avpublicerar objektet så att det ej är synligt i visningsläge. Ej publicerade objekt visas med en sidikon med ett rött kryss längst ned till höger på sidikonen. Byt mall: Byter mall för aktuell sida. Sortering: Underliggande sidor kan sorteras manuellt, alfabetiskt eller efter datum. Standard är att objekten sorteras Alfabetiskt stigande. Vill man själv bestämma hur sidorna skall sorteras i navigatorn (eftersom strukturen i navigatorn efterspeglas i menyerna) så väljer man alternativet manuellt. Därefter håller man nere shift och drar sidorna till rätt plats. Dölj i menyer: Döljer sidan i menymoduler Ta bort: Tar bort aktuell sida. Objekt som tas bort hamnar i papperskorgen. Byt namn: Byter namn på ett objekt. Avsluta namnbytet med att klicka Enter för att förändringen skall slå igenom. Ny: Här kan man välja att skapa ett nytt objekt (sida/länk/webbplats/mapp/ariv/strukturobjekt) istället för att klicka på ikonen. Egenskaper: Visar egenskaper för aktuell sida. Menyn i Navigatorn Standardvyn i navigatorn är navgationsträdet. Längst ut till höger i det blå fältet finns en liten meny där man kan växla till andra vyer i SiteVision. Klicka på ikonen för menyn ( ) för att se alternativen. Vad som visas beror på dina rättigheter i systemet. Det går att välja Sidmallar (för att nå mallarna), Filarkiv (för att se katalogstrukturen i filarkivet) och Bildarkiv (för att se katalogstrukturn i Bildarkivet). Här kan det också finnas en alternativ strukturmeny om man har ställt in det, läs mer om detta i Administratörsmanualen. För att välja en annan vy (exempelvis sidmallar) klickar man på menyn längst upp till höger, då visas en meny: 4

11 Sidmallar I sidmallar kan man se de mallar och komponenter som administratören har skapat på webbplatsen. Det är utifrån dessa mallar som man bygger sidorna på webbplatsen. OBS! För att skapa en mall, se Lathund Mallar. Filarkiv I filarkivet visas de filer som finns i filarkivet på servern. Här kan man också lägga till, ta bort och ändra egenskaper på filerna. Klickar man på Lägg till fil öppnas en filväljare där man kan ladda upp filer till servern. Under knappen Egenskaper kan man ställa in behörigheter och metadata. OBS! Alla filer som läggs in i filarkivet blir sökbara i sökmotorn. Vill man dölja filer i filarkivet så får man gå in och markera att filerna inte skall hittas i sökmotorn (se avsnitt Användningsområde) eller behörighetsskydda filerna. Bildarkiv I bildarkivet visas de bilder som finns i bildarkivet. Här kan man också lägga till, ta bort och ändra egenskaper. Klickar man på Lägg till bild öppnas en bildväljare där man kan ladda upp filer till servern. 5

12 OBS! Alla filer som läggs in i bildarkivet blir sökbara i sökmotorn. Vill man dölja filer i bildarkivet så får man gå in och markera att bilderna inte skall hittas i sökmotorn (se avsnitt Användningsområde) eller behörighetsskydda filerna. Klickar man exempelvis på vykortsbilder så ser man alla bilder i mappen som thumbnails i redigeringsytan: OBS! Är det många bilder i en mapp så visas bilderna på flera sidor. En sidnumrering visas högst upp till vänster. Klickar man på en av bilderna i mappen så visas mer detaljerad information om bilderna som tex bredd och höjd. Har man lagt till metadata på bildarkivet så visas det också under Bildinformation om man fyllt i Skriv ut i HTML koden som <META> taggar när man skapade metadatadefinitionen. Har man inte fyllt i Skriv ut i HTML koden som <META> taggar visas metadatat när man klickar på länken Visa detaljer (i detta fall Bildkategori & Fotograf): 6

13 Högerklickar man på ett bildnamn i Bildarkivet och väljer Egenskaper så ser man även filstorleken: Bildbeskrivning Det går att lägga till en beskrivning på bilderna i bildarkivet som sedan kan användas som bildbeskrivningstext när man använder bilden på en webbsida. För att göra detta markerar man bilden i bildarkivet och väljer Egenskaper. Under fliken Metadata finns ett fält som heter Beskrivning. Det är detta fält som man fyller i om man vill ha en bildbeskrivningstext kopplad till bilden. 7

14 När man sedan använder bilden i en bildmodul, så kan man nyttja den bildbeskrivning som man lagt till på bilden: OBS! I Fil- och bildarkivet visas bara de filer och bilder som man har lagt i mappen Bildarkiv/Filarkiv. Dessa arkiv är centrala för all användare på webbplatsen. Dvs arkiven visar inte de bilder/filer som man lagt i mappen Bilder/Filer på sidan. Dessa filer ligger enbart på den sidan och kan bara nås därifrån. Slänger man sidan slänger man således också bilderna/filerna. Snabbikoner i Navigatorn Ta bort: Tar bort det objekt som är markerat i navigationsträdet. Om en annan webbsida inom webbplatsen länkar till detta objekt så får man upp en dialogruta som anger detta (så att man inte tar bort en sida som andra sidor länkar till). Egenskaper: Visar egenskaper för det objekt som är markerat i navigationsträdet. Olika objekt har olika egenskaper. Dessa egenskaper beskrivs närmare i Administratörsmanualen. 8

15 Flytta markerat objekt: Flyttar det objekt som är markerat. Ett fönster visas där man får välja plats dit man vill flytta objektet: Innehåll En webbsida i SiteVision består av flera olika moduler exempelvis text, bild, tabell, webbkarta mm. I Innehåll visas vilka moduler som finns på den aktuella sidan som är markerad i navigatorn. Meny Snabbikoner (Ta bort, kopiera, klistra in, flytta layout) Innehållet på en webbsida Det kan vara bra att byta namn på modulerna på en sida. I exemplet ovan finns det tex två textmoduler och då kan det vara svårt att skilja på dem. Genom att högerklicka på en modul och välja alternativet Byt namn kan man ändra namnet till något mer passande som Rubrik om det är en textmodul för en rubrik. OBS! För att namnbytet skall slå igenom måste man avsluta inmatningen med ett Enter. De olika modulerna representeras av olika ikoner: Absolut innehåll: Visar att användaren har rättighet till att lägga till en modul var som helst på sidan. Då används absolut innehåll för att placera modulerna i. Innehållsyta*: Fördefinierade områden där användaren lägger ut sina moduler Mallyta*: Fördefinierade områden som får ändras i nästa mall. Text: Ikon för textmodul. Bild: Ikon för bildmodul. Tabell: Ikon för tabellmodul. Övrig modul: Ikon för de övriga modulerna som finns under navigation, interaktivitet och övrigt Layout: Om man vill placera moduler kolumnvis eller radvis kan man använda layouter för detta. Modulerna som skall påverkas av detta läggs i layouten. * = har olika namn beroende på hur de är tillagda i mallen. Som standard finns tre innehållstyper: mittenspalt, 9

16 högerspalt och vänsterspalt. Som standard finns en mallyta: mallinnehåll. OBS! Ordningen i innehåll är avgörande för i vilken ordning modulerna visas för användaren. För att ändra på ordningen kan man dra-och-släppa (håll ner Shift-tangenten och dra modulen till sin nya plats). Menyn i Innehåll I menyn finns förutom innehåll också snabblänkar, mina sidor, sök, snabbegenskaper, versioner och kommentarer. Snabblänkar: Här kan man spara snabblänkar, funktioner som man använder ofta. Som standard är tre snabblänkar uppsatta: Ny sida, Metadata och Publicera. För att utföra någonting tex skapa ny sida är det bara att klicka på ikonen för Ny sida. För att ändra en snabblänk, klicka på ikonen Egenskaper. Följande fönster öppnas: Här kan man se vilka snabblänkar som finns uppsatta. Lägg till: Klicka på plustecknet för att lägga till en ny snabblänk. Följande funktioner finns att lägga till som en snabbikon: 10

17 Ta bort: Markera en snabblänk och klicka på minustecknet för att ta bort en snabblänk. Pil upp/pil ner: Sortera listan med hjälp av pilarna. Markera en snabblänk och klicka på Pil upp för att flytta upp en snabblänk, Pil ner för att flytta ned en snabblänk. Visa vid uppstart: Markera denna om snabblänkar skall visas i Innehållfönstret som standard istället för Innehåll. Mina sidor: Under mina sidor kan man se och hantera sparade bokmärken samt de sidor man har behörighet till på webbplatsen. Lägg till bokmärke: Här kan man lägga till bokmärken som visas i listan Bokmärken. Antingen lägger man till den sida som är markerad i navigatorn eller annars bläddrar man fram en sida. Har man behörighet till sidan så blir bokmärket en länk i bokmärkelistan, annars inte (se Webbanmälan i listan ovan) Hantera bokmärken: Här kan man sortera bokmärkerna i listan eller ta bort bokmärken. Välj användare: Här kan man se vilka behörigheter andra användare har till sidor. Ikonen aktiveras enbart om man har rollen Hantera behörigheter. 11

18 Klickar man på denna ikon får man upp ett nytt fönster Välj användare, där man antingen söker användare eller bläddrar fram dem i katalogen. Markera den person du vill kontrollera behörighet för och klicka OK. Då visas den personens sidor istället för dina sidor: Visa mina sidor: Här kan man växla tillbaks för att visa de sidor som man själv har behörighet för (efter att man kontrollerat andras behörighet). Ikonen aktiveras enbart om man har rollen Hantera behörigheter. Filter: Under filter kan man bestämma omfång och vilka roller som skall visas i listan över sidor som man har behörigheter till. Omfång filtrerar man på om man inte vill ha så många träffar, då kan man tex kolla en viss persons behörigheter under en delgren. 12

19 Roller filtrerar man på om man bara är intresserad av vart en person har tex administratörsrättigheter. Uppdatera: Uppdaterar informationen OBS! Om man inte kan se sina behörigheter under bokmärken kan det bero på att servern där webbplatsen ligger har en för gammal java-version. Det krävs java 1.5 för att detta skall fungera. Sök: Här kan man söka bland sidorna på webbplatsen. Resultatet visas som en lista och man kan klicka på namnen i listan för att få upp den aktuella sidan i redigeringsytan. Snabbegenskaper: Vid användandet av Absoluta mallar kan man markera en modul på sidan för att se dess position och storlek. Under Egenskaper kan man också se vilken sidmall som sidan baseras på. Versioner: Här syns de versioner som finns av webbplatsen. Här kan man visa tidigare versioner, ta tillbaks versioner, spara nya versioner och ta bort versioner. Kommentarer: Här kan man skriva kommentarer som enbart syns i redigeringsläge. Kommentaren syns bara vid just denna vy, kommentarer. Man måste alltså välja detta alternativ i menyn för att se om det finns en kommentar på sidan. Datum och vem som skrivit ikonen hämtas från systemet. För att lägga till en kommentar klicka på ikonen Lägg till kommentar. Ta bort en kommentar med det röda krysset. 13

20 Snabbikoner under Innehåll Ta bort Tar bort den modul som är markerad i innehållsträdet. För att ta bort flera moduler, håll nere CTRL och markera flera moduler. Kopiera -Kopierar den modul som är markerad i innehållsträdet. För att kopiera flera moduler, håll nere CTRL och markera flera moduler. OBS! Det går inte att kopiera en layout med en innehållsyta i! Då får man följande felmeddelande: Klistra in: Klistrar in kopierad modul. Markera innehållsytan eller en layout i innehållsträdet och klistra in. Sidan automatsparas när man har klistrat in en modul. Flytta layout Gäller enbart absoluta layouter. Klicka på ikonen så markeras absolut layout (ramen blir heldragen istället för streckad). Nu går det att flytta den absoluta layouten genom att dra den till rätt position. OBS! Denna ikon syns inte om man inte har rättigheten Lägg till absolut innehåll. Ikonen är bara aktiverad när man markerar absolut innehåll. 2.3 Högerklicka på en modul/layout Om man högerklickar på en modul kan man välja alternativet Egenskaper. Ett fönster med egenskaper öppnas. Här kan man bland annat ändra marginaler, inställningar och dekorationsegenskaper. OBS! Detta är en rättighet ( Hantera webbsidelayout ), dvs alla kan inte högerklicka på en modul. Fliken marginaler Här bestämmer man avstånd och marginaler upptill, nertill, vänster och höger. Eftersom texten visas dynamiskt så flyttas modulerna automatiskt när nytt innehåll tillkommer. Här kan man då avgöra om man vill ha avstånd eller marginaler mellan de olika modulerna och hur stort det skall vara. Avstånd: Avstånd är utrymmet mellan objektets kant och innehållet i ett objekt. Det går att ställa in avstånd i pixlar/em/procent upptill, nertill, till vänster och höger. Marginaler: Marginaler är utrymmet mellan två objekt dvs utanför objektet. Det går att ställa in avstånd i pixlar/em/procent upptill, nertill, till vänster och höger. Avstånd <------> Marginaler < > 14

21 OBS! Standard är Ej inställd. Det går att välja enhet i listan : px/em/procent. När man har valt enhet, aktiveras rutan där man fyller i avstånd/marginal. Om man inte väljer enhet utan bara klickar på pil upp eller pil ner i avstånd/marginaler så blir det pixlar. OBS! Både marginaler och avstånd läggs på den totala bredden. Vill man t.ex. att en sida skall skall vara 800 pixlar bred med 10 px marginal/avstånd till vänster och höger så sätter man bredden till 780 px, marginal/avstånd vänster 10 px och marginal/avstånd höger 10px. Ökad tillgänglighet! Enligt 24-timmarsriktlinjerna (avsnitt 4.2.5) bör webbplatsen vara uppbyggd av relativa mått så att det går att storleksförändra teckenstorleken i webbläsaren. Fliken Inställningar på modul Fliken Inställningar skiljer sig på layouter och moduler. Placering x/y-led: Visar modulens placering i x och y led. Bredd/höjd: Här kan man sätta bredd och höjd på modulen. Standard är Ej inställd. Väljer man enhet i listan 15

22 (px/em/procent) så aktiveras rutan där man kan fylla i avståndet). Överflöd: Överflöd är hur innehåll som inte får plats innanför modulen skall hanteras. Det finns fyra alternativ: Synligt- Om det blir överflöd så visas innehållet ändå, dvs den skriver utanför modulen. Rullningslist (om det behövs)- Om det blir överflöd så läggs det till en rullningslist i modulen så att man man kan rulla ner och se allt innehåll. Alltid rullningslist- Oavsett om det är överflöd så visas alltid en rullningslist i modulen. Gömt Om det blir överflöd så visas inte innehållet som inte får plats i modulen. OBS! Om du jobbar dynamiskt, kom ihåg att sätta en höjd på modulen om du vill ha scrollningslist. Sätter du ingen höjd så kommer ingen scrollist att visas. Adress: Visar modulens adress. Fliken Inställningar på layout Bredd/höjd: Här kan man sätta bredd och höjd på modulen. Standard är Ej inställd. Väljer man enhet i listan (px/em/procent) så aktiveras rutan där man kan fylla i avståndet). Använd allt tillgängligt utrymme: Denna ruta markerar man om man vill att kolumnen skall använda hela bredden på kolumnen. OBS! Tänk på att detta kan se väldigt konstigt ut för användare med stora skärmar. Rendreringsmall: Här kan man ändra layouten från kolumner till rader om man valde fel eller om man helt plötsligt vill bygga siten på ett annat sätt. Vertikal justering: Här anger man hur man vill att modulerna skall placeras på raden. Alternativen som man kan välja är top, middle eller bottom. Horisontell justering: Här anger man hur man vill att modulerna skall placeras kolumnvis. Alternativen är left, center och right. Mellanrum: Här kan man ställa in ett mellanrum som man alltid vill att modulerna skall ha mellan varandra. Tex om man har en innehållsyta där man får lägga ut moduler så staplas modulerna normalt på varandra utan mellanrum. Ställer man dock in ett mellanrum på tex 10 pixlar så visas modulerna med ett mellanrum på 10 px. Sidan ser bättre ut och den som lägger till nya modulen slipper att göra en inställning varje gång. Använd som innehåll på sidor: Denna ruta används automatiskt av systemet. Denna är som standard inte ikryssad men blir automatiskt ikryssad på alla layouter som ligger i en innehållsyta. Om man avmarkerar denna så kommer exempelvis inte sökmotorn att ta med denna layout i sökningen. 16

23 Fliken Dekorationsegenskaper För att få upp fliken Dekorationsegenskaper klickar man först på ikonen Utseende till vänster i fönstret. Bakgrundsfärg: Här väljer man om modulen skall ha en bakgrundsfärg. Tex om man vill ha en bakgrundsfärg på ett textfält. Färgerna som visas i listan är de som är uppsatta på webbplatsen som webbplatsfärger. Använd bakgrundsbild: Kryssa i denna om man vill att modulen skall ha en bakgrundsbild. Välj sedan bild genom att klicka på Bläddra. Sedan kan man välja placering och upprepning för bakgrundsbilden. Placering: Följande alternativ finns för placering av bakgrundsbilden. Standard är Uppåt-vänster. - Uppåt -Vänster - Uppåt Mitten - Uppåt Höger - Mitten Vänster - Mitten Mitten - Mitten Höger - Nedåt Vänster - Nedåt Mitten - Nedåt Höger Upprepning: Följande alternativ finns för val om man vill att bakgrundsbilden skall upprepas. Standard är Horisontellt och vertikalt. - Horisontellt och vertikalt -Horisontellt - Vertikalt - Ingen upprepning Flöde: Här kan man också avgöra om modulen skall flöda höger eller vänster om en annan modul. Tex om man man vill ha text vid sidan om en bild så väljer man antingen Flöda höger eller Flöda vänster. Vill man att bilden skall flöda till höger om en modul så väljer man Flöda höger. OBS! Bilden måste ligga ovanför texten som den skall flöda runt i Innehåll. Det är alltså den övre modulen som flödar. Egen stil: Med alternativet Egen stil kan man använda egna stilmallar (CSS). 17

24 Fliken Kantlinjer Här kan man bestämma om modulen skall ha kantlinje runt om eller enstaka kantlinjer och därefter tjocklek, färg och typ på denna. f Kantlinjer: Här väljer man om man vill ha Kantlinje runt om eller Enstaka kantlinjer. Bilden ovanför visar hur det ser ut om man valt alternativet Kantlinje runt om. Rutan ser lite annorlunda ut om man väljer alternativet Enstaka kantlinjer : OBS! Man kan inte växla mellan Enstaka kantlinjer och Kantlinjer runt om, då försvinner alla inställningar. Tjocklek: Här anger man kantlinjens tjocklek. Storleken kan man ange i pixlar, em eller procent. Färg: Här anger man färg. De färger som visas är de färger som är uppsatta på webbplatsen. Om man har behörighet kan man också skapa en egen färg. Läs mer om färger under Färgskala. Typ: Här väljer man vilken typ av kantlinje man vill ha. Följande typer finns att välja mellan: 18

25 Resultatet i Internet Explorer Resultatet i Firefox OBS! Som visas ovan skiljer sig resultatet i olika webbläsare. Vissa av typerna får heller inte vara av för liten storlek, då visas de ej (dubbel är tex 3 px bred i detta exempel). 19

26 Färgskala Här kan man klicka med musen i den stora rutan tills man hittar en färg man vill ha. Den aktuella färgen visas under Granska. Du ser RGB-värdet (Röd-Grön-Blå)för den aktuella färgen. När du har hittat rätt färg klicka OK. Ett annat sätt är att fylla i HSB-värdet1. Det är en färgmodell för att ange färger. Värdet för färgtonen anger nyansen, färgmättnad är kulörens styrka medan ljusstyrkan är färgens klarhet. Röd-Grön-Blå Här kan man ange RGB-värdet för att hitta rätt färg. (Då anger man värdet för rött, grönt och blått. Tex är 255 Röd, 0 Grön 0 Blå en rent röd färg, 255 Röd, 255 Grön, 255 Blå en helt vit färg). Ett annat sätt är att fylla i HTML hexsträng. I HTML använder man hexadecimala nummer (som baseras på 16) för att ange färger(från tal 0-9, bokstav A-F). Färgkoder i HTML anges med sex siffror. De två första talen är mängden rött, tal tre till fyra är mängden grönt och tal fem till sex är mängden blått. Webbsäkra färger 1 HSB är en förkortning för Hue (färgton)-saturation (färgmättnad)-brightness (ljusstyrka) 20

27 Använd någon av följande Webbsäkra färger om du vill vara säker på att färgen inte blir kornig vid visning på bildskärmar med 256 färgers visning. Välj en färgruta och klicka OK. Pipettverktyget Med pipettverktyget kan man ta färgprov från en bild och spara den färg man vill använda. För att ta ett färgprov klicka på pipettverktyget (ikonen till höger ovanför Avbrut-knappen). Ett fönster öppnas som visar en förstoring över allt vad du för musen över. Tex om man för muspekaren över ikonen Dölj sidolist så kan man välja den gråaktiga färgen genom att klicka en gång med vänster musknapp på den (färgen låser sig då) och sedan välja OK. Ökad tillgänglighet! Enligt 24-timmarsriktlinjerna (avsnitt ) skall man använda tillräckliga kontraster mellan bakgrundsfärg och förgrundsfärg. Du kan kolla kontrasterna här med ett program som heter Colour Contrast Analyser 1.0: 21

28 2.4 Verktygsfält Högst upp till vänster under adressfältet finns verktygsfältet. Där visas följande åtta ikoner: Ny sida Det går att skapa olika typer av sidor. Nya sidor infogas under det objekt som är markerat i trädet. Därför skall man se till att markera den sida där man vill att den nya sidan skall placeras under. Tex om den skall ligga under sidan Avdelningar så markerar man Avdelningar i navigationsträdet. Därefter klickar man på ikonen för ny sida, då öppnas ett nytt fönster där man får välja vilken typ av sida man vill skapa. OBS! Beroende på vilken behörighet man har ser man olika objekt i vänsterkanten. Webbsida: Denna väljer man om man vill skapa en vanlig webbsida. Här fyller man i Namn på webbsidan, tänk på att det skall vara ett beskrivande namn då det är detta namn som kommer att synas i alla menyer osv. Därefter måste man välja vilken Mall sidan skall baseras på. Alla webbsidor bygger på mallar som administratören har skapat. Om administratören har lagt till en Beskrivning2 för mallen så syns den här. För att se hur de olika mallarna ser ut kan man klicka på knappen Förhandsgranska så ser man mallen i ett nytt fönster. Om de som skapat mallen lagt till en beskrivning av mallen så syns den i högerfältet. Länk: Denna väljer man om man vill skapa en länksida. Här fyller man i ett Namn och en Adress. Adressen väljs med hjälp av knappen Bläddra. Mer om länkar (se Inställningar för text ). Länksidor syns i menyer och är användbara för att tex infoga externa sidor i navigationen på webbplatsen. Webbplats: Denna väljer man om man vill skapa en ny webbplats. Här anger man Namn, Adress & Språk. Adress är den adress som webbplatsen ska svara på tex Språk kan man välja svenska, engelska eller norska. Arkiv: Denna väljer man om man vill nyttja nyhetsmodulen för att skapa nyheter. Här namnger man bara arkivet. Mapp: Här namnger man mappen. En mapp används för att skapa struktur och gruppera sidor, om man inte vill ha en indexsida. Strukturobjekt (struktursida, strukturmapp och strukturlänk): Detta alternativ väljer man om man vill visa en eller flera sidor på flera olika ställen på webbplatsen på ett enkelt sätt. Ungefär som länkad modul fast det gäller sidor. Ge kopian ett namn och peka ut målsidan (originalet). OBS! Under en strukturmapp, sida kan man bara lägga andra strukturmappar/länkar/sidor. Detta eftersom man när som helst kan ta bort en struktur. 2 En beskrivning lägger man till i malläge. Högerklicka på aktuell mall, välj Egenskaper och fliken Sidmall. 22

29 Med dessa strukturer kan man alltså plocka ihop en alternativ navigering genom att peka ut befintliga sidor med struktursidor och på så sätt bygga upp en hel delgren för utvalda sidor som exempelvis bara gäller studenter. Samma publiceringregler gäller för dessa sidor som för vanliga, dvs att namnet man ger sidorna speglas ut i menyer osv. Det går inte att redigera sidorna eftersom de bara speglar en annan sida som ligger någon annanstans på webbplatsen Spara Sparar alla ändringar i redigeringsläget, dvs de är inte publicerade så att besökaren kan se ändringarna. Både ändringar på webbsidor och inställningar sparas på detta sätt. Om en inställning gjorts via en flik under Egenskaper kommer den alltså inte att gälla förrän ändringarna sparats Publicera Webbsidor, länkar och webbplatser måste publiceras för att synas i visningsläget. En sida kan ändras i redigeringsläget utan att ändringarna syns i visningsläget för besökarna. För att besökarna skall se förändringarna måste sidan publiceras. På publiceringsdialogen finns flera alternativ men vill man bara publicera sidan räcker det med att klicka OK. Publicera även underliggande sidor: Med detta alternativ publiceras aktuell sida och alla underliggande sidor. Sidor som användaren inte har publiceringsbehörighet till kommer inte att publiceras. Version: Här anger man om man vill publicera nuvarande arbetsversion eller en annan version som man har sparat tidigare. Schemaläggning: Här kan man styra tidpunkten för publicering. Från: Om sidan ska publiceras vid ett senare tillfälle markera Från och ange tid och datum. Sidan kommer då att publiceras vid det tillfälle du har angett. Bäst före: Bäst före används om man vill bli påmind med en notifiering om att en sida behöver uppdateras eller tas bort. Vem får notifieringen? 1. Publiceraren - I första hand den som publicerar sidan, om denna har sin e-postadress inlagd i katalogtjänsten 2. Ansvarig redaktör - Om en redaktör finns uppsatt på webbplatsen och denna har sin e-postadress inlagd i katalogtjänsten. 3. Webbplatsansvarig - Om webbplatsansvarig är uppsatt på webbplatsen 23

30 4. Serveransvarig Till: Om sidan skall avpubliceras automatiskt vid ett speciellt datum markera då Till och ange tid och datum. Sidan kommer att bli avpublicerad vid det tillfälle du har angett. OBS! Notera även att eventuella ändringar i mallen som sidan är baserad på inte publiceras automatiskt, utan görs förändringar i mallen så måste mallen ompubliceras. Detta tillåter att mallen kan ändras under en längre tid utan att ändringarna syns utåt, tex. vid byte av grafisk profil på webbplatsen Om man har aktiverat länktest vid publicering centralt, startar ett länktest när man klickar på OK. Om en sida innehålller en felaktig länk så visas ett meddelande: I detta fall så har modulen Innehåll en länk som pekar på en adress som inte finns. Vill man ändå fortsätta publiceringen klickar man i rutan Forsätt publicering trots länkfelen. Annars klickar man på Avbryt och åtgärdar den trasiga länken. OBS! Fortsätt publicering trots länkfelen är en rättighet, dvs alla användare kanske inte ser detta alternativ! Fliken Metadata Under fliken Metadata finns de metadata som är uppsatta på webbplatsen. Metadata betyder data om data och innehåller information om sidan som visas. Det är till exempel vanligt med META-taggen keywords (nyckelord) som används för att informera besökande sökmotorer om vad sidan handlar om. Metadatafunktionen i SiteVision innehåller funktionalitet för att möjliggöra den typen av funktioner. Metadata kan också sättas på bilder och filer. Anger man metadata på tex bilder kan man skapa sökbara bildarkiv. Men metadata är så mycket mer än det. SiteVision använder metadata inom andra områden, tex för att hålla reda på vem eller vilka som är redaktörer för en sida, eller bredd och höjd av en bild i bildarkivet. Det är möjligt att lägga metadata på i princip alla typer av sidor och objekt i SiteVision. Om administratören har angett att metadata skall anges måste dessa fyllas i varje gång en ny sida skapas för att den skall kunna publiceras. Försöker man publicera utan att fylla i metadata får man upp följande fönster som specificerar vilka metadata som är obligatoriska som inte fyllts i: 24

31 Nedan visas ett exempel på hur det kan se ut och vilka metadatafält som man kan använda: En röd asterisk ( * ) innebär att fältet är obligatoriskt, dvs det måste fylla i för att sidan skall bli publicerad. Ärv värde innebär att värdet hämtas från ovanliggande sida så användaren slipper fylla i fältet. Vill man dock skriva i fältet får man bocka ur rutan Ärv värde. I detta exempel har vi använt följande metadata: Nyckelord Nyckelord som kort beskriver sidans innehåll(sökord). Beskrivning Text som beskriver sidans innehåll. Visas i sökresultatet. Publiceringsdatum Publiceringsdatum, systemet hämtar detta värde automatiskt. Område Används i detta fall bara på de sidor som har en kapitelindelning inför en PDF-utskrift. Läs mer om metadata i Administratörsmanualen. 25

32 Fliken Notifiera Denna flik syns bara om prenumeration är uppsatt på webbplatsen. Används i samband med prenumeration, se Administratörsmanualen Dölj/visa sidolist Döljer eller visar sidolisten som innehåller navigator och innehåll så att redigeringsytan blir större Stödraster Visar ett stödraster som hjälper användaren att lägga ut/flytta modulerna så att de kommer rakt. För att ta bort stödrasterna är det bara att klicka på ikonen igen Förhandsgranska Döljer sidolist och ramar runt modulerna, så att sidan visas på samma sätt som i visningsläget. För att återgå till redigeringsläge, klicka på förhandsgranska ytterligare en gång Inställningar Här kan man göra inställningar som gäller textstorlek och språk i redigeringsläget i SiteVision. Ett nytt fönster öppnas där man kan göra följande val: Textstorlek: Här kan man välja att öka textstorleken i redigeringläget. Navigatorn, Innehåll och verktygslisten får då en ökad textstorlek. Storleken på webbsidan i redigeringsytan får man ändra med tex webbläsaren. 26

33 Språk: Här kan man välja att byta språk i redigeringsläget till engelska, svenska eller norska. För att förändringen skall slå igenom måste man gå on-line och tillbaks till redigeringsläget (eller öppna en ny webbläsare). Följande fönster visas efter att man gjort ett val: De inställningar man gör sparas tills man aktivt gör ett nytt val under inställningar Återgå till visningsläge Stänger redigeringsläget och återgår till visningsläget. 27

34 2.5 Modulväljaren Högst upp i mitten (under adressfältet )finns modulväljaren. Där visas följande sju ikoner. OBS! Alla användare kan inte se alla alternativ, det beror på vilken rättighet man har som användare Lägg till absolut layout Lägger till en ny absolut layout där innehållet blir dynamiskt, där modulerna kan byggas på radvis eller kolumnvis. Mer information om absolut layout i 2.7 Absolut layout. Denna ikon visas bara om man arbetar absolut positionerat. 2. Lägg till text Snabbvalsikon. Klicka på denna ikon och en textredigerare öppnas. Mer information om textmodulen i 3.1 Text. 3. Lägg till bild Snabbvalsikon. Klicka på denna ikon och en bildväljare öppnas. Mer information om bildmodulen i 3.2 Bild. 4. Lägg till tabell Snabbvalsikon. Klicka på denna ikon och en tabellmodul öppnas. Mer information om tabellmodulen i 3.3 Tabell. 5. Navigation I denna rullgardinsmeny finns moduler för att navigera. Här hittar man A-Ö lista, Expanderande meny, flernivålänk, flernivåmeny, Föregående/Nästa, imagemap, innehållsförteckning, meny, popup-meny, rullgardinsmeny, trädmeny och webbkarta. För att välja ett alternativ markerar du det. Mer information om navigationsmodulväljaren hittar man i 4 Navigation. 6. Interaktivt I denna rullgardinsmeny finns moduler för att skapa interaktivitet. Under modulväljaren Interaktivt finns bland annat modulerna Bokning*, Enkät*, E-postformulär, FAQ-lista, Forum, Gästbok, Inloggning, Mina favoriter, Personkatalog*, Prenumeration*, Sök, Tipsa en kompis, Vykort, Webbanmälan* och Webbfråga. Alla dessa moduler kanske inte finns i er version då vissa av modulerna är tilläggsmoduler (* = ingår ej i standardprodukten SiteVision). För att välja ett alternativ markerar du det. Mer information om modulväljaren för interaktivt hittar man i 5 Interaktivt. 7. Övrigt I denna rullgardinsmeny finns övriga moduler som finns i SiteVision. Här finns bland annat Anpassat läge, Anpassa webbplatsen, Evenemangskalender, FAQ-lista, Fildelning, HTML, Idag, Länkad modul, Multimedia, Nyheter, Nyhetsmeny, Ordförklaringar, PDF-utskrift*, Skript, Slumpad bild, Teckenstorlek och Utskriftsmodul. Alla dessa kanske inte finns i er version då vissa av modulerna är tilläggsmoduler (* = ingår ej i standardprodukten SiteVision) samt att det beror på vilka rättigheter ni har av administratören att använda modulerna. För att välja ett alternativ markerar du det. Mer information om modulväljaren för övrigt hittar man i 6 Övrigt. 28

35 2.6 Redigeringsyta I redigeringsytan bygger man webbsidan och dess innehåll. Varje webbsida bygger på en mall. Denna sida bygger på en mall som har en innehållsyta i mitten (mittenspalt) där man som användare kan lägga till moduler. Ytor som man har rätt att ändra i markeras med en streckad linje. Om man har rättighet att lägga till nya innehållsytor kan man gå utanför det område som är markerat i mallen på sidan. Då kan man välja själv var man skall placera modulerna. Modulerna blir då absolut positionerade. I detta exempel kan man se i innehållsrutan till vänster att sidan bygger på en mall som har en innehållsyta som heter Mittenspalt. En innehållsyta är ett område där den som redigerar sidan har rätt att lägga till moduler. Det finns tre moduler i denna mittenspalt: rubrik, text och en tabell. För att ändra någon av dessa moduler för man muspekaren över modulen (exempelvis texten)i redigeringsläget, det blir då en ram runt modulen. Dubbelklickar man på detta område öppnar sig modulen och man kan göra ändringar. Det går också att markera modulen i innehållsträdet och dubbelklicka Lägga till Nya moduler i redigeringsytan infogas under den innehållsyta eller modul som är markerad i innehållsrutan. Därför markerar man först i innehållsträdet var man vill att modulen skall placeras och sedan markerar man den modul man vill ha genom att klicka på den ikonen. Beroende på behörighet så kan man se/välja olika moduler. Text, bild och tabell finns som snabbval och de övriga modulerna finns i modulväljarna till höger om dem (Navigation, Interaktivt och Övrigt). När man har lagt till en modul öppnas ett fönster med inställningar för modulen. Väljer man en text så öppnas ett fönster med en textredigerare där man får skriva in sin text. OBS! Ordningen i innehållsrutan är avgörande för i vilken ordning modulerna visas för användaren. Se därför till att markera den modul som skall vara ovanför den nya modulen. Vill man ha den efter bilden markerar man bilden i redigeringsytan eller ställer sig på Bild i innehållsrutan. 29

36 OBS! Tycker man att modulerna ligger för nära varandra kan man högerklicka på modulen och välja alternativet Egenskaper och under fliken Marginaler kan man ställa in avstånd eller marginaler upptill, nertill, vänster och höger. Dynamiskt innehåll Layouterna som man lägger till modulerna på är dynamiska. Detta innebär att modulerna staplas på varandra när man lägger till en ny modul. Modulerna anpassar sig och flyttas med ju mer information som fylls på. Detta är bra då exempelvis synskadade kan förstora texten utan att layouten blir förstörd eftersom innehållet är dynamiskt och anpassas. Normalinställningen är att modulerna staplas på varandra radvis. Man kan också lägga till en layout som staplar innehållet kolumnvis. Detta gör man genom att högerklicka på den innehållsyta man jobbar med (i exemplet ovan så är det mittenspalt) och välja lägg till layout och därefter välja alternativet kolumnvis (eller horisontellt). Det går också att ändra så att en viss modul visas radvis eller kolumnvis, då markerar man modulen i innehållsrutan och väljer alternativet Dela och sedan något av alternativen Radvis eller Kolumnvis. Då får man upp en layout som visas radvis eller kolumnvis och den aktuella modulen flyttas med och placeras på en gång i den nya layouten. När man arbetar dynamiskt så måste man ibland sätta storleken på modulen (genom att högerklicka och välja Egenskaper ->Inställningar ->Bredd och Höjd) för att den skall visas. När man arbetar absolut så drar man ut en yta som man säger att modulen skall visas i. När man tex lägger till en Iframe eller en multimediamodul så har man inte markerat någon yta och därmed måste man ange storlek för att den skall visas. Detsamma gäller om man vill sätta en ram runt en bild när man arbetar dynamiskt. Det blir då en ram runt hela bredden på innehållsytan eftersom den försöker fylla ut hela det området trots att bilden inte är så stor. Detta löser man genom att ställa in storleken på bildmodulen genom att välja Egenskaper - > Inställningar -> Bredd. Absolut innehåll Om man har behörighet kan man också lägga till absolut innehåll dvs man kan välja positionering själv. Detta gör man genom att ställa sig på Absolut innehåll och sedan klicka på den modul man vill ha och sedan dra ut en ruta på redigeringsytan. När man lägger till moduler på detta sätt öppnas inte fönstret med inställningar automatiskt utan man måste dubbelklicka på den utdragna modulen på redigeringsytan. Om man har lagt ut en modul med absolut innehåll kan man flytta den eller storleksändra den genom att dra och släppa. För att flytta en modul, placera muspekaren på en modulram och dra och släpp den på önskad plats. För att storleksändra en modul, dra i kanten på modulen. Ta bort Det finns tre sätt att ta bort en modul: 1. Markera önskad modul i redigeringsytan och tryck på Delete-tangenten. 2. Markera modulen i innehållsträdet, högerklicka och välj alternativet Ta bort. 3. Markera modulen i innehållsträdet, klicka på snabbikonen för att ta bort (röda krysset): OBS! Vill man ta bort flera moduler, markera dem genom att hålla nere CTRL och välj sedan ett av alternativen för Ta bort Ändra Man kan ändra på en modul genom att dubbelklicka på en modul t.ex. en text. Då öppnas textredigeraren. Om man dubbelklickar på en bild öppnas bildväljare osv. Det är en ram runt de moduler som går att ändra på. 30

37 2.6.3 Flytta Flytta på en dynamisk modul genom att markera den under Innehåll, håll nere SHIFT och dra den till rätt plats med musen. Under Innehåll finns en ikon Flytta layout. Med denna kan man bara flytta absolut positionerade layouter. 2.7 Absolut layout Användningsområde I verktygsfältet finns snabbikonen Ny absolut layout. Denna layout placerar man på valfri position (absolut) genom att dra ut den där man vill ha den. Därefter är allt innehåll dynamiskt i den layouten. Denna kan man använda på två olika sätt. Antingen om man vill gå utanför det dynamiska område som finns och vill placera en modul på en valfri position dvs absolut eller om man använder absoluta mallar men vill att ett område skall ha dynamiska moduler. Klicka på ikonen och dra ut en innehållsyta som man sedan kan fylla med moduler. Innehållsytan är sedan dynamisk och man kan fylla på med moduler radvis eller kolumnvis. 31

38 3 Snabbvalsikoner 3.1 Text Användningsområde Textmodulen används för att lägga till text på en sida. Man kan skriva, ändra och formatera text. Textmodulen stödjer formatmallsändring, justering i horisontalled, punktlistor, länkhantering, metadata och rättstavning. Textmodulen fungerar på liknande sätt som en ordbehandlare. Skriv önskad text direkt i textredigeraren som öppnas automatiskt när man har valt denna modul. Det går även att kopiera text från exempelvis andra dokument eller webbsidor och klistra in. Inmatning, radbrytningar, klipp och klistra fungerar som i ett vanligt ordbehandlingsprogram. Texten går att ha vänsterjusterad, högerjusterad eller centrerad. För att byta formatmall markeras den text som skall ändras och formatmall väljs ur dropplistan. OBS! För att lägga till en ny formatmall måste man vara administratör, se Administratörsmanualen Inställningar för Text Sparar utan att stänga: Sparar texten i textmodulen och visar resultatet direkt på webbsidan. Detta utan att stänga fönstret till skillnad från OK-knappen. Detta för att man skall slippa öppna och stänga flera ggr när man arbetar med en text. OBS! Sidan inte sparas när man klickar på spara-knappen utan texten i textmodulen sparas bara över till redigeringsytan. För att spara sidan måste man klicka på spara-ikonen i SiteVisions verktygsrad. 2. Klipp ut: Klipper ut markerad text och lägger den på klippbordet. Det går även att markera texten, högerklicka och välja Klipp ut alternativt snabbkommandot CTRL+X. 3. Kopiera: Kopierar markerad text och lägger den på klippbordet. Det går även att markera texten, högerklicka och välja Kopiera alternativt snabbkommandot CTRL+C. 4. Klistra in: Klistrar in text från klippbordet på platsen där markören är placerad. Det går även att markera texten, högerklicka och välja Klistra in alternativt snabbkommandot CTRL+V. 5. Formatmallsväljare: Markera önskad text och välj någon av de fördefinierade formatmallarna. På denna bild syns formatmallen Brödtext. 6. Fet stil: Gör texten fet. CTRL+B är snabbkommandot för fet stil. 7. Kursiv stil: Gör texten kursiv. CTRL+I är snabbkommandot för kursiv stil. 8. Vänsterjustera: Vänsterjusterar markerat stycke. 9. Centrera: Centrerar markerat stycke. 10. Högerjustera: Högerjusterar markerat stycke. 11. Punktlista: Skapar en punktlista av markerad rad. Varje ny rad efter denna kommer automatiskt att få en punkt när man klickar Enter. Punktlistan avslutas genom att klicka igen på ikonen eller vid styckebrytning (två Enter-slag). Det går också att högerklicka och välja Punktlista. OBS! Punktlistan ger alltid ett indrag. Vill man inte ha det får administratören lägga till en egen punktlistetyp 32

39 utan indrag. Läs mer om punktlistetyper under Alternativ -> Punktlistetyper. 12. Länk: Markera texten som ska länkas. Tryck sedan på ikonen och följande fönster öppnas där man får välja typ av länk och var länken ska peka. Välj länktyp i vänsterkanten. Att skapa en länk i SiteVision fungerar alltid på samma sätt oavsett var i systemet länken skapas (från en text eller av en bild etc). Markera det som skall länkas och klicka sedan på länkikonen. Det går också att högerklicka och välja Skapa länk eller använda snabbkommandot CTRL+L. Fem olika typer av länkar kan skapas i SiteVision: Intern webbsida: Används om man vill länka till en sida inom egna webbplatsen. Strukturen på webbplatsen visas, där markerar man den sida man vill länka till och klickar sedan OK. Extern webbsida: Används om man vill länka till en annan webbplats. Adressen anges manuellt. Om inte anges kommer systemet att hantera detta och lägga till det. Andra länkar som kan användas här är tex. ftp://, file:// etc. OBS! Om hela adressen skrivs ut i tex textmodulen och man sedan markerar detta utan några extra mellanslag så förstår systemet att det är en extern länk och väljer länktyp samt fyller i adressen i länkmodulen. Dokument/Fil: Används om man vill länka till en fil eller ett dokument. Filen eller dokument kan bläddras fram från filarkivet eller hämtas från lokal arbetsstation och läggas till på önskad plats i filarkivet. E-postadress: Används om man vill skapa en länk till en e-postadress. Adressen anges manuellt. När besökaren klickar på länken öppnas användarens e-postprogram och adressen blir automatiskt ifylld. OBS! Om man skriver ut hela e-postadressen i tex textmodulen ulrika.skilberg@senselogic.se och man sedan markerar hela adressen utan några extra mellanslag så förstår systemet att det är en e-postlänk och väljer länktyp samt fyller i adressen i länkmodulen. Bild: Används om man vill länka till en bild. Bilden kan bläddras fram från bildarkivet eller hämtas från en lokal arbetsstation och läggas till på önskad plats i bildarkivet. Ankarlänkar Ankarlänkar kan användas för att länka inom en sida. Markören hoppar då direkt till ett visst ställe på sidan. Alla moduler blir automatiskt ett ankare. Det går också att skapa ankare inom en textmodul (se Skapa ankarlänk (till ett ord inom en textmodul). Skapa ankarlänk (med moduler som fördefinierade ankare) 1. Markera det ord som du vill länka och klicka på länksymbolen 33

40 2. Välj intern länk och kryssa i rutan Använd ankare 3. Klicka på knappen Ankare. 4. Då visas ett Innehållsträd med alla de moduler som finns på sidan (samma vy som visas under Innehåll). Alla moduler blir automatiskt ett ankare. 5. Markera den modul som du vill länka till. Klicka OK. 6. Klicka OK. Skapa ankarlänk (med moduler som fördefinierade ankare) 1. Börja med att markera det ord (i en textmodul) som du vill länka till. 2. Välj att infoga ankare ifrån menyn Alternativ -> Infoga ankare (eller snabbkommandot CTRL+SHIFT+L). Klicka OK. 3. Markera det ord som du vill länka och klicka på länksymbolen. 4. Välj intern länk och kryssa i rutan Använd ankare. 5. Klicka på knappen Ankare. 6. Då visas ett Innehållsträd med alla de moduler som finns på sidan (samma vy som visas under Innehåll). Alla moduler blir automatiskt ett ankare. 7. Markera den modul som du vill länka till. Klicka OK. 8. Klicka OK. Läs mer om detta under Menyalternativ. Länkbeskrivning Detta är en beskrivning som används för att öka tillgängligheten för en funktionshindrad person som använder hjälpmedel för att ta del av informationen. Denna text visas också när besökaren för musen över länken. Om administratören har kryssat i att man skall följa WAI-riktlinjer så är det inställt så att användaren blir påmind att använda länkbeskrivningstext. Som standard är alternativet Länkbeskrivningstext ikryssat. Har man inte fyllt i något där får man upp följande fönster när man klickar OK: Om man vill förklara länken ytterligare väljer man alternativet Länkbeskrivningstext och fyller i en beskrivning. 34

41 Dock behöver man inte alltid fylla i en länkbeskrivningstext. Om länken man gör är självbeskrivande och man kan lyfta ur länken ur sitt sammanhang och ändå förstå vart länken går så behöver man inte använda länkbeskrivningstext. Då väljer man alternativet Använd inte länkkbeskrivningstext och klickar OK. Då får man upp en påminnelse om man skall ange en beskrivning. Klicka OK om valet att inte ange en beskrivning är medvetet. Ökad tillgänglighet! Enligt 24-timmarsriktlinjerna (avsnitt 5.2.2) skall man ange title-text för otydliga länkar. Öppna i nytt fönster Man kan också välja om länkarna ska öppnas i nytt fönster oavsett typ. Det nya fönstret kan också formateras under knappen Avancerat: Fönsterbredd: Bredden på det nya fönstret. Fönsterhöjd: Höjden på det nya fönstret. Fönsterdekorationer: Om rutan avmarkeras kommer det nya fönstret inte ha några menyer, adressfält eller statusfält. 35

42 Länkikoner Det finns olika länkikoner för olika typer av länkar. Dessa kan man välja att aktivera för hela webbplatsen. Om dessa är aktiverade så blir det följande ikoner: Ikon för externa länkar: Ikon för länkar som öppnas i nytt fönster: Ikon för extern länk som öppnas i nytt fönster: Ikon för kända filtyper: Ikon med filbeskrivning och storlek för kända filtyper: 13. Radera länk: Raderar markerad länk. Markera länken och klicka på denna ikon. Texten som var länkad lämnas kvar. 14. Rättstavning: Om man markerar denna knapp så rättstavas texten man skrivit i textredigeraren. Om ett ord är felstavat eller inte finns med i ordlistan markeras det med ett rött streck under ordet. Om man då högerklickar på ordet så ges det förslag på rättstavning eller att man kan välja ignorera eller lägg till ord i ordlista. Rättstavning kommer att ske på det språk webbplatsen följer. Önskas rättstavning på annat språk väljs detta i menyn Alternativ och därefter alternativet Textspråk. Ord som man lägger till i rättstavningen blir en gemensam ordlista per språk och server. Rättstavningen år påslagen som standard, den går dock att stänga av centralt (under webbplatsinställningar -> Avancerade inställningar) Menyalternativ I textmodulen finns det förutom ovanstående ikoner också en vanlig meny där man bland annat kan välja andra ikoner på punktlistan (om det finns uppsatt), att infoga ankare i textmodulen eller att infoga specialtecken. Följande alternativ finns under menyerna: Arkiv Spara: Sparar texten och visar den på sidan. Detta utan att stänga fönstret, till skillnad från OK-knappen. Fungerar också med snabbkommandot CTRL+S. Redigera Klipp ut: Klipper ut markerad text och lägger den på klippbordet. Fungerar också med snabbkommandot CTRL+X. Kopiera: Kopierar markerad text och lägger den på klippbordet. Fungerar också med snabbkommandot CTRL+C. Klistra in: Klistrar in texten som ligger på klippbordet på platsen där markören är placerad. Fungerar också med snabbkommandot CTRL+V. Ångra: Ångrar den senaste ändringen. Fungerar också med snabbkommandot CTRL+Z. Gör om: Ångrar ångringen. Fungerar också med snabbkommandot CTRL+Skift+Z. 36

43 Alternativ Bakgrundsfärg: Ställer om bakgrundsfärgen i textredigeraren. Har ingen betydelse för utseendet på webbsidan utan är till för att ändra bakgrundsfärgen i textredigeraren för att kunna se och redigera exempelvis vit text. Språk: Om denna text har ett annat språk än webbplatsen ändras den här för att rättstavningen ska rättstava på rätt språk. Infoga ankare: Om man vill infoga ett ankare i en text, så markerar man det ord som man vill länka till och klickar på Infoga ankare. (eller använder snabbkommandot CTRL+SHIFT+L). Ett nytt fönster öppnas där man får namnge ankaret (systemet föreslår samma namn som det ord som är markerat). Om man markerar ordet Acrobat Reader och infogar ett ankare så visar textmodulen ett ankare: När man sedan skall skapa en länk för att använda ankaret i textmodulen, skapar man en länk som vanligt. När man klickar på Använd ankare så visas följande fönster. Har man lagt till ankare i textmodulen så syns dessa under respektive textmodul. Infoga specialtecken: Om man vill infoga ett specialtecken väljer man detta alternativ. Man markerar vart tecknet skall infogas i textmodulen och väljer sedan det tecken som skall infogas. Följande tecken finns: Hårt mellanslag (snabbkommando CTRL+Skift+mellanslag) Hårt bindestreck (snabbkommando CTRL+Skift+bindestreck) Copyright Grader Dubbelpil vänster/höger Promilletecken Euro Registrerat varumärke Varumärke 37

44 Kort/Långt tankestreck Upphöjd etta/tvåa/trea Ökad tillgänglighet! Enligt 24-timmarsriktlinjerna (avsnitt 5.1.6) skall man göra tusentalsavskiljning med fast (hårt) mellanslag. Då använder man specialtecknet för att göra detta. Punktlistetyp: Här kan man byta utseende på den vanligt runda punktlisttypen till någon annan förutbestämd typ som satts upp av administratören. Standard är de vanliga svarta runda punktlistorna. Punktlistetyper väljer man per textmodul. Vill man ha två olika typer av punktlistor på en sida så måste man alltså använda två textmoduler. De val som visas nedan är uppsatta av administratören: Numrerad: Detta är en numrerad lista. Grå pil: Detta är en bild som infogas istället för den vanliga punktlistan. Fyrkant Detta är en fyrkant istället för den vanliga punktlistan. OBS! När man byter punktlistetyp så visas alltid den svarta punktlistan i textmodulen. Man måste klicka på spara ikonen eller OK för att se den punktlistetyp man valt. Läs mer om hur man sätter upp andra punktlisttyper i Administratörsmanualen. 38

45 3.2 Bild Användningsområde Bildmodulen används för att lägga till en bild på sidan. När man har valt denna modul öppnas en bildväljare automatiskt. Här kan man välja en bild som finns i bildarkivet eller lägga till en bild från den egna datorn till bildarkivet. Alla bilder som visas på webbplatsen måste ligga i Bildarkivet eller i Bilder på sidan. Det går också att ta bort bilder från bildarkivet. Det går att skapa/ta bort mappar så att man får en tydlig struktur i bildarkivet. I bildmodulen kan man också redigera bilder, skapa länkar och lägga till bildbeskrivningstexter. Man kan också skapa rollover -effekter, dvs visa en annan bild när man för muspekaren över bilden Inställningar för Bild Fliken Bildval Här ser man befintliga mappar och filer som finns i bildarkivet, dvs uppladdade på servern. I rutan till vänster visas mappstrukturen. Det finns alltid två arkiv skapade: Bilder på sidan: Dessa bilder kan endast användas på aktuell sida. Dvs ingen annan webbsida når dessa bilder. Bildarkiv: Arkivet är gemensamt för hela webbplatsen och kan också ha undermappar för att strukturellt kunna ordna bilderna. Skapa mapp och Ta bort mapp används för att skapa strukturer. Rutan till höger kallas bildlista, här visas de filer som finns i den mapp/det arkiv som är markerat i bildarkivet. Här kan man välja vilken bild som ska visas på sidan. Det går att lägga till nya bildfiler genom att klicka på Lägg till bild. För att ta bort en bild, markera den och klicka på knappen Ta bort. Längst ner kan man markera kryssrutan Förhandsgranska så kommer ett nytt fönster att öppnas och visa den markerade bilden. OBS! Lägger man till bilder i mappen Bilder på sidan så kommer alla dessa bilder att försvinna när man tar bort (slänger) den sidan. 39

46 Fliken Inställningar Skapa länk av bilden: Väljer man detta alternativ blir bilden klickbar. Kryssa i rutan Skapa länk av bilden.. och välj därefter Bläddra. Då öppnas den vanliga länkväljaren (se Inställningar för text under punkt 12 Länk) och man väljer var/vad bilden skall länkas till. Alternativ bild när musen förs över bilden: Detta används när man vill visa en annan bild när musen förs över bilden. Välj bild i bildarkivet som skall visas när musen förs över bilden. Tänk på att göra de två bilderna lika stora. Anpassa bildens storlek till tillgänglig yta: Används vid absolut positionerade sidor. Kommer att förändra storleken på bilden när modulens storlek ändras i redigeringsytan. Denna funktion förändrar inte filstorleken utan bilden förblir lika stor även om man anpassar bilden till en liten yta. Det är också stor risk att bilden blir oproportionerlig, använd hellre Redigera bild som skalar om storleken på bildfilen, se Redigera bild. OBS! Denna ruta är utgråad om man inte har behörigheten Lägg till absolut innehåll. Bildbeskrivningstext: Även kallad Alt-text. Detta är en text som används om bilden inte visas eller om en funktionshindrad person använder hjälpmedel för att ta del av informationen. Om administratören har kryssat i att man skall följa WAI-riktlinjer så är det inställt så att man inte skall glömma att använda bildbeskrivningstext. Dock behöver man inte alltid fylla i en beskrivande text. Som standard är alternativet Ange en bildbeskrivningstext valt. Glömmer man att fylla i en beskrivning då får man upp följande fönster: Vill man inte fylla i en beskrivning så väljer man OK. Då blir alternativet Använd inte bildbeskrivningstext valt. Klickar man Avbryt så hamnar man i fältet Ange en bildbeskrivningstext. Använd inte bildbeskrivningstext: Om bilden är ett designelement (en pil) eller en dekorationsbild skall man inte fylla i någonting. I koden blir det då alt= vilket gör att skärmläsare hoppar över bilden. Hämta bildbeskrivning från metadata på vald bild: När man laddar upp en bild i bildarkivet kan man ange 40

47 en beskrivning på metadatafliken på bilden. Läs mer om detta under Menyn i Navigatorn-> Bildarkiv. Om det finns det en beskrivning på den aktuella bilden med metadata kan man välja detta alternativ annars är det utgråat. Tips! Poängen med detta är att man skall slippa att fylla i en bildbeskrivningstext varje gång man använder bilden. I stället lägger man till en bra beskrivning i metadatafältet när man laddar upp bilden. Ange en bildbeskrivningstext: Tänk på att fylla i en text som förmedlar någonting om bilden. Lägger man till en bild med en text i skall man alltid ange vad som står i texten på bilden. Om bilden länkar någonstans skall man ange detta i bildbeskrivningen. Ökad tillgänglighet! Enligt 24-timmarsriktlinjerna (avsnitt ) skall samtliga meningsbärande grafiska objekt beskrivas med alt-text. Alt-texten bör begränsas till max 150 tecken. OBS! Om man länkar en bild och fyller i både bildbeskrivningstext och länkbeskrivningstext så visas oftast bara bildbeskrivningstexten. Bägge dessa beskrivningar skrivs dock ut i HTML. Det är webbläsaren som bestämmer vad som skall visas. Internet Explorer väljer att bara visa bildbeskrivningstexten. För t.ex. en synskadad läses både bild och länkbeskrivningstext upp, det är därför viktigt att fylla i båda Redigera bild Om man högerklickar på den bild man vill redigera i bildlistan så får man upp en snabbmeny. Om man väljer alternativet Redigera Bild så kommer ett fönster upp där vald bild visas i en enkel bildredigerare: 41

48 När man redigerar bilden så sparas den alltid som en kopia, dvs originalbilden finns alltid kvar. Här finns de vanligaste funktionerna för att redigera en bild: Markera ett område: Markerar ett valfritt område. Klicka och dra ut. En röd ram visar området som du markerar på bilden. Beskär bild: Beskär markerat område på bilden. Gör bilden mörkare: Om bilden är för ljus kan man göra bilden mörkare genom att klicka på denna knapp. Gör bilden ljusare: Om bilden är för mörk kan man göra bilden ljusare genom att klicka på denna knapp Rotera motsols: Roterar bilden motsols. Rotera medurs: Roterar bilden medurs Ändra bildens storlek: Skalar om bilden för att ändra bildens storlek. Genom att skala om bilden så får man bättre kvalitet än kryssrutan (Anpassa bildens storlek till tillgänglig yta) som finns under fliken Inställningar för bild. Det finns olika skalningsmetoder (dvs hur bildredigeringsprogrammet lägger till/tar bort pixlar ): Närmaste granne (snabbast): För snabbast men minst exakt resultat. Metoden kan resultera i "taggighet". Bi-linjär: Ger medelkvalitet Bi-kubisk (bäst kvalitet): Långsammaste men mest exakta metoden som ger mjukaste färgövergångar. När man redigerar en jpg-bild så skapas det en kopia i formatet jpg. När man redigerar en gif-bild så skapas det en kopia i formatet png, detta för att formatet gif är licensstyrt. 42

49 3.3 Tabell Användningsområde Tabellmodulen används för att skapa text i tabellformat. för att skriva in text i en cell markeras cellen med muspekaren och text kan sedan skrivas in. Inmatningen avslutas med enter, tabb, piltangenterna eller genom att klicka på en annan cell. Tabellmodulen stödjer formatmallar, justering i horisontalled och länkhantering. För att ändra formatmall, justering eller bakgrundsfärg markeras de moduler som ska ändras och önskad funktion väljes i menyn eller i verktygsfältet. För att ändra kolumnbredd så drar man i mellanrummet mellan kolumnhuvudena. Genom att dra mitt på kolumnhuvudet går kolumnordningen att ändra. Det går inte att manuellt skapa radbrytningar i tabellmodulen, texten i en tabellcell radbryts automatiskt beroende på tabellcellens bredd. Trycker du enter i en cell blir det alltså ingen radbrytning utan markören kommer istället till cellen under den aktuella cellen. Ökad tillgänglighet! Enligt 24-timmarsriktlinjerna (avsnitt ) skall man inte använda tabeller för layout. 43

50 3.3.2 Inställningar för Tabell Spara utan att stänga: Sparar texten i tabellmodulen och visar resultatet direkt på webbsidan. Detta utan att stänga fönstret till skillnad från OK-knappen. Observera att sidan inte sparas när man klickar på spara-knappen utan bara texten i tabellmodulen. Det fungerar ockå med snabbkommandot CTRL+S. 2. Klipp ut: Klipper ut markerade celler och lägger dem på klippbordet. Det fungerar ockå med snabbkommandot CTRL+X. 3. Kopiera: Kopierar markerade celler och lägger dem på klippbordet. Det fungerar ockå med snabbkommandot CTRL+C. 4. Klistra in: Klistrar in text från klippbordet med början på den markerade cellen. Det fungerar ockå med snabbkommandot CTRL+V. 5. Formatmallsväljare: Markera önskad text och välj någon av de fördefinierade formatmallarna. På denna bild syns formatmallen Brödtext. Ändrar på markerade celler vid nytt val. Ökad tillgänglighet! Enligt 24-timmarsriktlinjerna (avsnitt 4.3.2) bör man framhäva rad och kolumnrubriker grafiskt så att användaren kan skilja dem från de datauppgifter som presenteras i tabellen. 6. Fet stil: Gör markerad text till fet stil. 7. Kursiv stil: Gör markerad text till kursiv stil. 8. Vänsterjustera: Vänsterjusterar markerade celler. 9. Centrera: Centrerar markerade celler. 10. Högerjustera: Högerjusterar markerade celler. 11. Länk: Skapar länk av markerad cell. Om cellen är länkad så ändrar denna på länken. OBS! Hela cellen blir länkad även om man bara markerar ett ord. 12. Radera länk: Raderar markerad länk. Texten som var länkad lämnas kvar. 13. Bakgrundsfärg: Sätter bakgrundsfärg på markerade celler. Bland färgerna finns bara uppsatta profilfärger att välja mellan (sätts upp av administratören). 14. Lägg till ny rad: Lägger till en rad över den markerade raden. 15. Lägg till ny kolumn: Lägger till en kolumn innan den markerade kolumnen. 16. Ta bort markerade rader: Raderar de markerade raderna. 17. Ta bort markerade kolumner: Raderar de markerade kolumnerna. 18. Rad/kolumnrubrik: Markerar aktuella celler som rubrik kodmässigt (man ser alltså inget resultat att det är en rubrik). Om cellen är på första raden blir det kolumnrubriker och om de är i första kolumnen blir de radrubriker. Knappen blir markerad som intryckt när man har valt detta alternativ. När man har aktiverat WAI-läget måste rad/kolumnrubriker definieras. Klickar man OK utan att gjort detta får man följande påminnelse: 44

51 Ökad tillgänglighet! Enligt 24-timmarsriktlinjerna (avsnitt 4.3.3) skall man skilja på rad-och kolumnrubriker och dataceller Menyalternativ I tabellmodulen finns det förutom ovanstående ikoner också en vanlig meny där man kan välja följande alternativ: Arkiv Spara: Sparar texten och visar den på sidan. Detta utan att stänga fönstret till skillnad från OK-knappen. Det fungerar också med snabbkommandot CTRL+S. Redigera Klipp ut: Klipper ut markerade celler och lägger dem på klippbordet. Det fungerar också med snabbkommandot CTRL+S. Kopiera: Kopierar markerade celler och lägger dem på klippbordet. Det fungerar också med snabbkommandot CTRL+C. Klistra in: Klistrar in text från klippbordet med början på den markerade cellen. Det fungerar också med snabbkommandot CTRL+V. Alternativ Tabellsammanfattning: Här skall man beskriva tabellens innehåll i text eftersom alla inte kan tolka information uppställt i tabellform. Det man fyller i här skrivs ut i HTML-koden som en sammanfattning. När man har aktiverat WAI-läget påminns man om att ange en tabellsammanfattning Klickar man på OK-knappen utan att man fyllt i denna, visas följande fönster: För att ange tabellsammanfattning klickar man på Avbryt, då öppnas ett nytt fönster: Ökad tillgänglighet! Enligt 24-timmarsriktlinjerna (avsnitt 4.3.1) bör man förtydliga innebörden av en tabell i text. 45

52 Kantinställningar: Inställningar för tabellens ramar. Kantbredden kan ställa in, normalt använder man bredd från 1-10 pixlar där 10 pixlar är den bredaste ramen. Mellanrum (spacing) anger hur tjock kanten skall vara runt cellerna och Utfyllnad (padding) anger hur långt avståndet skall vara mellan texten inne i tabellcellen och innerkanten på cellen. Tabellbredd: Anpassar tabellens bredd till modulen dvs fyller ut hela innehållsytan. Varannanradsfärga: Markera området som skall varannanradsfärgas och välj sedan detta alternativ på menyn. OBS! För att detta skall fungera krävs det att administratören har gjort dessa inställningar på webbplatsen. OBS! Klicka OK för att se resultatet. Ökad tillgänglighet! Enligt 24-timmarsriktlinjerna (avsnitt 4.3.2) bör man underlätta läsningen av långa tabeller genom att tex alternera bakgrundsfärg för udda och jämna rader. Ta bort bakgrundsfärg: Markera det område där du vill ta bort bakgrundsfärgen och markera sedan detta alternativ på menyn. Infoga specialtecken: Om man vill infoga ett specialtecken väljer man detta alternativ. Man markerar vart tecknet skall infogas i textmodulen och väljer sedan det tecken som skall infogas. Rader/kolumner Lägg till ny rad: Lägger till en rad över den markerade raden. Lägg till ny kolumn: Lägger till en kolumn innan den markerade kolumnen. Ta bort markerade rader: Raderar de markerade raderna. Ta bort markerade kolumner: Raderar de markerade kolumnerna. 46

53 4 Navigation I den första modulväljaren kan du välja mellan olika moduler för att navigera. Det finns olika typer av menyer och lite annat. Under denna modulväljare hittar man A-Ö lista, Expanderande meny, flernivålänk, flernivåmeny, Föregående/Nästa, imagemap, innehållsförteckning, meny, popup-meny, rullgardinsmeny, trädmeny och webbkarta. För att välja en modul, markera innehållsytan eller ställ dig på på rätt ställe i innehållsträdet och välj den modul som önskas. OBS! Om förändringar av menyer som använder sig av javascript görs i mallen kommer menyerna att försvinna i malläget tills man laddat om sidan. OBS! I visningsläget visas bara publicerade sidor, dock visas dolda sidor samt opublicerade sidor i redigeringsläget. 4.1 A-Ö lista Användningsområde A-Ö lista används för att lättare hitta det man söker på webbplatsen. A-Ö listan söker efter filer och sidor. Exempelvis om man söker på bokstaven E så visas alla filer och sidor som börjar på bokstaven E Inställningar för A-Ö lista Inställningarna för A-Ö listan är desamma som under sökmodulen (se 5.6 Sök nya ikoner). Under fliken Sökfält kan man ändra Formatmall i sökfältet så att texten på bokstäverna blir större. Ökad tillgänglighet! Enligt 24-timmarsriktlinjerna (avsnitt 4.1.7) bör man ha en innehållsöversikt, ett komplement till den ordinarie navigeringen tex en A-Ö lista. 47

54 4.2 Expanderande meny Användningsområde Den expanderande menyn fäller ut den aktuella grenen när man markerar den. Den kan visa flera olika nivåer. Det går att ställa in olika formatmallar och färger för de olika nivåerna. Den expanderande menyn visar även mappar i strukturen, dock inte om mapparna är tomma Inställningar för Expanderande Meny Fliken Startsideinställningar Här bestämmer man var menyn skall utgå från. Ingen: Menyn visas från den aktuella nivån (den sida som är markerad). Fast startsida: Menyn visas alltid från en specifik sida exempelvis Startsidan. Hämta startsida från metadata: Om man har en metadatadefinition som är av länktyp så går det att sätta upp olika startsidor beroende på var man är på webbplatsen. Man kan alltså använda samma meny men som visar olika menyer beroende på var du är i strukturen. Exempelvis om man har en toppmeny med åtta olika val och man vill att vänstermenyn skall visas utifrån det alternativ som är valt i toppmenyn. Gör så här: 1. Sätt upp en metadefintion av typen Länk på webbplatsen. Döp den tex till Menyval. 2. På varje gren som du vill att menyn skall börja visas ifrån, peka ut den sidan i metadatavärdet. Tex om du vill att en meny skall visas utifrån sidan Moduldemo. Välj Egenskaper och fliken Metadata. Klicka ur Ärv 48

55 värde och bläddra fram sidan Moduldemo. 3. I expanderande menyn, välj alternativet Hämta startsida från Metadata. Peka ut den metadadefinition du skapade under punkt 1. Klart! Fliken Nivåinställningar Inställningar per nivå: Här ställer man in egenskaper för olika nivåer. Markera en nivå i taget och gör inställningarna. Formatmall: Här markerar man den formatmall som skall användas på nivå 1. Använd samma formatmall på aktiv sida som normal: Denna kryssar man i om man vill använda samma, önskas en annan formatmall, så väljer man den här. Ingen bakgrundsfärg: Vill man inte ha någon bakgrundsfärg på nivån låter man denna ruta vara ikryssad. Annars avmarkerar man den och väljer färg för den aktuella nivån. Använd fördefinierat skript: Denna är markerad som standard. Kan man hantera skriptspråk kan man ändra mallen genom att inte välja fördefinierat skript. Använd inget indrag: Vill man inte ha indrag på nivån låter man denna ruta vara ikryssad. Annars fyller man i hur stort indrag man vill ha. Anges i pixlar. OBS! Denna flik förändras sig när man skall ställa in nivå 2 och framåt: 49

56 Samma formatmall som på nivå 1: Vill man ändra formatmall för nivå 2 bockar man ur denna ruta och väljer en annan formatmall. Samma formatmall på aktiv sida som på nivå 1:Vill man ändra formatmall på aktiv sida för nivå 2 bockar man ur denna ruta och väljer en annan formatmall. Samma färg som på nivå 1: Vill man ändra bakgrundsfärg så bockar man ur denna ruta och väljer en färg. Samma skript som på nivå 1: För avancerade användare. Samma indrag som på nivå 1: Om man vill ändra indrag till vänster så bockar man ur denna ruta och fyller i det indrag man vill ha. Indrag anges i pixlar. På nivå 3 behålls inställningarna från nivå 2 osv. Fliken Bildinställningar Använd bild för länkar som öppnas i nytt fönster: Här markerar man den bild som man vill skall visa att ett fönster öppnas i ett nytt fönster. 50

57 Använd bild för öppen nivå: Här markerar man den bild som man vill skall visa att den aktuella nivån är öppen. Använd bild för att indikera att det finns underliggande sidor: Här markerar man den bild som man vill skall visa att det finns underliggande sidor. Exempelvis en pil. Använd bild när inga underliggande nivåer finns: Här markerar man den bild som man vill skall visa att inga underliggande sidor finns. Mest för att det skall bli samma marginal på menyn om bilder används för att visa underliggande sidor. Fliken Övriga Inställningar Maximalt antal samtidiga nivåer: Här talar om man om hur många nivåer man vill skall visas samtidigt. 51

58 4.3 Flernivålänk Användningsområde Flernivålänken visar vilken webbsida man befinner sig (den som inte är länkad i exemplet ovan System) och hur hur man når den aktuella sidan i strukturen. Exempelsidan ligger på den tredje nivån under startsidan (som heter Senselogic demowebb). Alla nivåer är klickbara. Flernivålänken visar inte mappar då dessa inte går att länka till Inställningar för Flernivålänk Fliken Inställningar Välj formatmall: Här kan man välja formatmall för hur texten skall visas i flernivålänken. Använd bild som avdelare: Vill man ha en bild framför varje länk så väljer man denna bild här genom att klicka på Bläddra. Använd annan startsida: En fast startsida kan sättas. Menyn kommer då att alltid visa samma innehåll. Maximalt antal visade tecken: Här kan man begränsa antal tecken som visas ifall en webbsida har ett långt namn. Fliken Mall Om man har kunskaper i HTML och skript kan man själv styra hur utseendet skall se ut med hjälp av fliken Mall. Här kan man tex ändra tecknet för avdelare mellan länkarna: Ökad tillgänglighet! Enligt 24-timmarsriktlinjerna (avsnitt 4.1.2) skall man hjälpa besökaren att förstå var de är på webbplatsen tex genom en länkstig (vår flernivålänk ). 52

59 4.4 Flernivåmeny Användningsområde Flernivåmenyn används för att skapa dynamiska navigationsmenyer på webbplatsen. Denna meny visar två nivåer, nivån man befinner sig på och underliggande nivå. När man har kommit till nivån längst ner i trädet så visas närmast ovanliggande nivå då menyn alltid visar två nivåer. I flernivåmenyn kan man välja om man vill visa mappar eller inte Inställningar för Flernivåmeny Fliken inställningar Här väljer man vilken startsida menyn skall ha, dvs var menyn skall utgå ifrån. Startsida: Här väljer man vilken startsida menyn skall ha, dvs var menyn skall utgå ifrån. Väljer man Visa från så utgår den från en fast startsida och väljer man Visa meny från aktuell sida så visas menyn från den sida som är markerad. Fliken Nivå 1/Nivå 2 Här kan man ändra formatmallarna för hur menyn skall se ut, den översta nivån (Nivå 1) och den under (Nivå 2). Flikarna har samma utseende förutom kryssrutan Ta med eventuella mappar i menyn, denna finns bara att välja under nivå 1. 53

60 Formatmall: Här väljer man den formatmall som man önskar att menyn skall använda sig av. Formatmall (aktiv länk): För att visa var man befinner sig kan man välja en annan formatmall för den aktuella nivån, exempelvis fet eller kursiv stil. Visa bild innan länken: Om man vill ha en bild innan menyalternativen pekar man ut denna bild här. Visa en annan bild när länken är markerad: Om man vill visa en annan bild när man för muspekaren över menyalternativet så väljer man den bilden här. Detta kräver att man har valt att visa en bild innan länken. Visa en annan bild när länken är aktiv: Om man vill visa en annan bild när man står på den akuella sidan i menyn så väljer man den här. Detta kräver att man har valt att visa en bild innan länken. Ta med eventuella mappar i menyn: Om man vill att mappar skall synas i menyn så markerar man denna ruta, annars visas inga mappar i menyn. Fliken Avancerat Använd egen mall för utseende: Med den egna mallen kan man i detalj bestämma hur menyn ska se ut om man kan hantera skriptspråk. 54

61 4.5 Föregående/Nästa Användningsområde Föregående/nästa används för att man enkelt skall kunna bläddra framåt och bakåt mellan webbsidor Inställningar för Föregående/Nästa Textlänk: Om man vill att länken skall stå med text så fyller man i det här. Standardvärde för bakåt är föregående och för framåt är det nästa. Därefter väljer man den formatmall som man vill använda. Bildlänk: Om man vill att länken skall var en bildlänk så bläddrar man fram den bild man vill använda här. Riktning: Här väljer man om länken skall gå bakåt eller framåt. 55

62 4.6 Imagemap Användningsområde En imagemap är en klickbar bild där man kan klicka på olika delar av bilden och länka respektive del till olika adresser. Dvs man kan länka en bild till olika adresser genom att dela upp bilden i olika områden. Exempelvis om man har en bild på ett organisationsschema och inom denna bild vill länka till olika avdelningar Inställningar för Imagemap När inställningarna öppnas för imagemap får man börja med att välja en bild att skapa länk ifrån. Detta gör man genom ikonen Välj bild eller genom Arkiv och därefter Välj bild. Nedan följer en kort beskrivning av respektive funktion enligt ovanstående bilds numrering. Notera även att samtliga funktioner finns duplicerade som menyval. Under menyn Arkiv finns alternativen Välj bild (1) och Spara (2). Under menyn Redigera finns alternativen Kopiera markerat område (3) och Ta bort markerat område (4). Med hjälp av menyn Verktyg kan typ av område väljas (5, 6 och 7). 1. Välj bild: Bildarkivet öppnas och du får välja bild som du vill göra en imagemap av. 2. Spara: Sparar Imagemapen. 3. Kopiera markerat område: Om du har markerat ett område med en rektangel i en viss storlek, så kopierar du rektangeln. 4. Ta bort markerat område: Om du har markerat ett område med exempelvis en cirkel så kan du ta bort markeringen med hjälp av Ta bort markerat område. 5. Skapa rektangel: Markerar bilden med ett rektangulärt område som man kan länka till en viss sida eller bara ge en bildbeskrivning när man för över muspekaren. 6. Skapa cirkel: Markerar bilden med ett cirkulärt område som man kan länka till en viss sida eller bara ge en bildbeskrivning när man för över muspekaren. 7. Skapa polygon: Markerar en bild som har en oregelbunden form. Detta gör man genom att klicka där man vill fästa punkter (om man tex följer en kontur). När man är klar så dubbelklickar man för att binda samman området. Detta område kan länka till en viss sida eller bara ge en bildbeskrivning när man för över muspekaren. Markera ett bildområde Det finns tre olika verktyg för att markera ett bildområde som man vill länka, med hjälp av en rektangel (5), cirkel (6) eller en polygon (7). Välj ett av verktygen och markera därefter med musen önskvärt område på bilden. Området du skapar blir ett rött streckat område. Storleken på detta område kan ändras genom att dra i kanterna. Eventuellt kommer området som går utanför bilden att klippas bort vid sidvisning men i arbetsytan för Imagemapen kommer även område som går utanför bilden att visas. För varje område i imagemapen kan en områdesbeskrivning ges och området kan länkas. En länkning sker genom att trycka på knappen Bläddra... som öppnar den normala länkdialogen. Bilden som används i Imagemapen kan ges en bildbeskrivningstext. Observera således att det endast finns en bildbeskrivningstext (knuten till bilden) 56

63 medan det kan finnas flera områdesbeskrivningstexter (en till varje område). Nedan visas ett exempel där en bild valts (1), ett rektangulärt område valts (5) och placerats ut på bilden med musen. Det rektangulära området har givits en områdesbeskrivningbeskrivning ( Styrelsen i detta exempel) och området är länkat till en sida ( /Southgate/Avdelningar/Styrelse i detta exempel). Bilden som valdes som utgångspunkt för Imagemapen har getts en Bildbeskrivningstext ( Översiktsbild på organisationsschema i detta exempel) OBS! Sidorna som imagemapen länkar till måste vara publicerade, annars blir de inte klickbara! Ökad tillgänglighet! Enligt 24-timmarsriktlinjerna (avsnitt ) skall man inte använda serverbaserade imagemaps. SiteVision använder klientbaserade imagemaps. 57

64 4.7 Innehållsförteckning Med innehållsförteckningen kan man presentera en enkel länklista över de rubriker som finns på en webbsida. Modulen samlar alla formatmallar som har beteckningen H2-H6 och skapar en lista av dem. För att skapa en innehållsförteckning så måste man använda rubriker som är uppsatta som H2-H6. För att vara säker på att de rubriker som används är markerade som H2-H6, fråga en systemadministratör Inställningar för Innehållsförteckning Den enda inställningen som går att göra med innehållsförteckningen är att välja med vilken formatmall som innehållsförteckningen skall visas med. Detta görs genom att välja formatmall i rullgardinsmenyn och klicka OK. OBS! Innehållsförteckningen genererar automatiskt de rubriker som är märkta med taggarna H1-H6. Läs mer om detta i Administratörsmanualen eller hör med din administratör vilka rubriker som är märkta. OBS! Innehållsförteckningen innehåller bara en formatmall och använder heller inte indrag på olika nivåer. 58

65 4.8 Meny Vertikal meny Horisontell meny Användningsområde Menyn används för att skapa dynamiska navigationsmenyer på webbplatsen. Menyn visar en nivå och enbart underliggande sidor från den aktuella sidan dvs inte hela strukturen. Det går att välja i menymodulen om menyn skall visas horisontellt eller vertikalt. Menyn visar inte mappar. Ökad tillgänglighet! Denna meny är den enda av SiteVisions standardmenyer som är uppbyggd som en lista, inte en tabell Inställningar för Meny Fliken Inställningar Menyriktning: Här väljer man om man vill ha en vertikal eller horisontell meny. Använd formatmall: Här kan man välja formatmall för hur texten skall visas i menyn. Annan formatmall för aktiv: Om man vill att det skall synas att man markerar aktiv sida. Använd bild innan länk: En bild framför varje länk kan väljas om man klickar på Bläddra. Använd annan startsida: En fast startsida kan sättas. Menyn kommer då att alltid visa samma innehåll. Annars visas menyn utifrån den sida som är markerad. 59

66 Använd ikoner enligt webbplatsens länkhanteringsinställningar: Om man vill att menyn skall visa ikoner för externa länkar och länkar som öppnas i nytt fönster klickar man i denna. OBS! Detta förutsätter att administratören har ställt in att länkar skall bete sig på detta sätt i webbplatsinställningar. Menyn visar inte ikoner för olika filtyper. Aktivera aldrig tom funktion: Visar föregående nivå om aktuell sida inte har några underliggande sidor. Tex om man ställer sig på dataavdelningen som inte har några undersidor så hoppar menyn upp ett steg och visar parallella sidor dvs alla avdelningar. Fliken Mall Med mallen kan man i detalj bestämma hur menyn ska fungera om man kan hantera skriptspråk. 60

67 4.9 Popup-meny Användningsområde Popup-menyn skapar en dynamisk popup-meny som kan öppnas antingen vertikalt (från vänster till höger) eller horisontellt (uppifrån och ner). Med dynamisk menas det att menyn uppdateras så fort man lägger till en sida på webbplatsen (om man inte väljer att dölja sidor i menyer) Inställningar för Popup-meny Fliken Inställningar Vertikal/Horisontell: Här kan man välja om popup-menyn skall vara vertikal eller horisontell. Visa antal nivåer: Antal nivåer talar om hur långt ner i strukturen menyn ska visa. Tex vill man visa startsidan avdelningar dataavdelningen så blir det tre nivåer. Använd startsida: Innebär att menyn kan låsas till att alltid visa samma innehåll, välj i bläddra vilken sida du vill visa menyn ifrån. Om man inte gör något val visar popup-menyn hela strukturen på webbplatsen. Yttre marginal: Kommer att skapa ett tomt utrymme mellan kanten av popup-meny och länkarna. 61

68 Fliken Huvudmeny Dessa inställningar gäller endast för själva huvudmenyn (menyraden högst upp). Formatmall: Formatmall på menyraden kan väljas. Genomskinlig: Kommer att göra menyraden genomskinlig. Bakgrundsfärg: Sätter bakgrundsfärg på menyraden. Beroende på vilka rättigheter man har kan man välja mellan fördefinierade profilfärger eller välja färg själv. Väljer man Annan färg så öppnas ett fönster där man kan välja färg på flera olika sätt: Hoverfärg: Bakgrundsfärg när muspekaren hålls över menyalternativet. Hoverkantfärg: Hoverkantfärg runt menyalternativ när muspekaren hålls över alternativet. Egen ikon för pop-upindikering: Visar en ikon innan varje länk. Använd avdelare för vertikal meny: Visar ett streck med vald avdelarfärg mellan varje menyalternativ. Färgen väljer man genom att välja webbplatsfärg i listan. Det går att välja om man vill visa avdelare i ytterkanterna eller inte. OBS! Fungerar bara när man använder vertikal popup-meny! 62

69 Fliken Popupmeny Dessa inställningar gäller för popup-menyn som visas när muspekaren är över menyraden. Formatmall: Formatmall på textlänkarna i popup-menyn. Bakgrundsfärg: Sätter bakgrundsfärg på popup-menyn. Beroende på vilka rättigheter man har kan man välja mellan fördefinierade profilfärger eller välja färg själv. Hoverfärg: Bakgrundsfärg när muspekaren är över menyalternativet i popup-menyn. Hoverkantfärg: Hoverkantfärg runt menyalternativ när muspekaren hålls över alternativet. Kantfärg:Kantfärg runt hela popup-menyn. Egen ikon för popupindikering: Visar en ikon för att visa att det finns underliggande nivåer i menyn. Tex en pil som visar att menyn fortsätter. Använd ikon före alternativ: Visar en ikon innan varje menyalternativ (länk). Använd avdelare: Kommer att visa ett streck med vald Avdelarfärg mellan varje menyalternativ. Färgen väljer man genom att välja webbplatsfärg i listan. OBS! Man måste ställa in alla färgalternativ för huvudmeny och popup-menyn. 63

70 4.10 Rullgardinsmeny Användningsområde Med rullgardinsmenyn kan man peka ut en hel mapp eller en sida med undersidor som visas som en lista. När man väljer ett alternativ i listan (och ev klickar på knappen) så kommer man till den sidan. Mappar visas inte i rullgardinsmenyn Inställningar för Rullgardinsmenyn Visa från: Klicka på Bläddra för att peka ut den mapp eller sida med undersidor som skall ligga till grund för rullgardinsmenyn. Menybeskrivning: Här skall man beskriva vad menyn innehåller. Beskrivningen syns inte på webbsidan, utan bara i koden. Bra ur tillgänglighetssynpunkt. Använd etikett: Här väljer man om man vill ha en etikett framför rullgardinsmenyn: Utan etikett Med etikett Ökad tillgänglighet! Enligt WAI skall alla inmatningsfält beskrivas med en etikett. Använd text som första menyval: Här kan man skriva text som visas som menyval högst upp. Detta alternativ blir dock inte klickbart, utan visas enbart som text. 64

71 Som standard visas -----Välj menyalternativ här Detta kan man skriva över med egen text om man vill. Med standardtext (och utan etikett) ser det ut såhär: Använd knapp för att aktivera menyval: Ur tillgänglighetssynpunkt är det viktigt att använda en knapp för att aktivera menyval. Väljer man inte denna knapp så går man direkt till sidan när man väljer den i listan. Fliken Utseende Etiketter: Här ställer man in formatmall för eventuell etikett. Inmatning: Här ställer man in formatmall för dropplistan och välj-knappen. 65

72 4.11 Trädmeny Trädmeny med standardbildinställningar. Trädmeny med bildinställningar Användningsområde Trädmenyn används för att skapa dynamiska navigationsmenyer på webbplatsen. Trädmenyn visar hur många nivåer som helst i strukturen. I exemplet ovan har vi inte ställt in några bilder utan använt standardinställningarna. Menyn visar även mappar i strukturen, dock inte om mapparna är tomma Inställningar för Trädmeny Startnivå Välj startsida: Här måste man välja vilken sida som menyn skall utgå ifrån. Formatmallar Normal nivå: Här väljer man den formatmall som man önskar att menyn skall använda sig av. Aktuell nivå: För att visa var man befinner sig kan man välja en annan formatmall för det aktuella objektet, exempelvis fet eller kursiv stil. Bilder Oöppnad nivå: Vill man ha en bild för oöppnad nivå så anger man det här. Öppnad nivå: Vill man ha en bild för öppnad nivå så anger man det här. Sidor/dokument: Vill man ha en bild för sidor/dokument så anger man det här. Om man inte anger en ikon så får man standardikonen som är en bild på en fil (se bilden högst upp till vänster). 66

73 4.12 Webbkarta Användningsområde Webbkartan används för att grafiskt visa webbplatsens struktur. Webbkartan genereras automatiskt utifrån de webbsidor som är skapade på webbplatsen Inställningar för Webbkarta Formatmall: Här kan man välja formatmallar för hur de olika rubrikerna skall se ut. Bakgrundsfärger nivå 1:Här väljer man bakgrundsfärg för den översta nivån, tex för namnet på webbplatsen. Bakgrund övrigt: Här bestämmer man hur den övriga bakgrunden skall se ut. Presentera sidor i (kolumner): Här väljer man antal kolumner som man vill att webbkartan skall visas i. Begränsa längden på sidornas namn: Här kan man begränsa antal tecken som visas i webbkartan ifall man har långa namn på webbsidorna. Begränsar man längden på sidornas namn till 20 tecken och ett namn är 25 tecken visas de första 20 tecken och därefter visas... Visa karta från: Här väljer man vart man vill visa webbkartan ifrån. Ökad tillgänglighet! Enligt 24-timmarsriktlinjerna (avsnitt 4.1.7) bör man ha en innehållsöversikt, ett komplement till den ordinarie navigeringen tex en webbkarta. 67

74 5 Interaktivt Under modulväljaren Interaktivt finns bland annat modulerna Bokning*, Enkät*, E-postformulär, FAQ-lista, Forum, Gästbok, Inloggning, Mina favoriter, Personkatalog*, Prenumeration*, Sök, Tipsa en kompis, Vykort, Webbanmälan* och Webbfråga. *= Tilläggsmoduler som inte ingår i grundlicens av SiteVision. Dessa har separata lathundar. 5.1 E-postformulär Användningsområde E-postformuläret används för att bygga webbformulär som besökarna på webbplatsen kan fylla i. Det kan tex vara en intresseanmälan där besökaren fyller i sina uppgifter som skickas in via e-post Inställningar för E-postformulär När man skall bygga upp ett helt nytt e-postformulär är det vita fältet till vänster helt tomt. För att lägga till en fråga klickar man på plustecknet och då öppnas ett nytt fönster Lägg till fråga där man kan välja bland olika frågor. Till vänster väljer man frågetyp. När man har valt en frågetyp så visas flikar till höger som hör till just den frågan. ALLA frågor har tre likadana flikar Fråga, Bild och Attribut. Först beskrivs de tre likadana flikarna: 68

75 Fliken Fråga Fråga: Här fyller man i frågan som skall ställas till deltagarna. Gör frågan obligatorisk: Kryssar man i denna ruta måste deltagaren lämna ett svar på den här frågan. Frågan kommer då att markeras med en röd asterisk. Namn: Ovanför frågan kommer detta namn att visas om man väljer att visa det. Kryssar man i Automatiskt numreras frågorna: fråga1, fråga2 osv. Annars kan man välja att skriva dit egna alternativ. Fliken Bild Visa en bild: Om så önskas är det möjligt att visa en bild tillsammans med frågan (tex om deltagaren skall bedöma utseendet på något). Klicka i denna ruta så aktiveras bläddra för att välja bild. Placering: Välj var bilder skall placeras i förhållande till frågan. Valbara alternativ är nedanför och ovanför. Fliken Attribut Denna används enbart i samband med workflow, och behandlas därmed inte i denna manual. Frågetyper Det finns sex olika frågetyper (textfråga, envalsfråga, flervalsfråga, bifogad fil, e-postmottagare och kategorifråga.) samt en kommentar. Nedan kommer varje frågetyps specifika flik att beskrivas. Textfråga Textfråga är en fråga där deltagaren får skriva in ett svar själv. Inställningsmöjligheterna som finns är vilken bredd och höjd inmatningsfältet skall ha samt om det skall vara förifyllt med ett standardsvar. Det går också att göra en validering av vad som fylls i fältet. 69

76 Förifyllt: Om det är en textfråga där man vet att många kommer att fylla i samma svar kan man fylla i ett standardsvar, tex I vilket land bor du? kan man förifylla Sverige så slipper deltagaren att fylla i det. Vill man svara något annat skriver man bara över standardsvaret. Höjd och Bredd: Vilken bredd och höjd som inmatningsfältet skall ha i antal tecken. Validering: Här kan man välja att validera dvs se till att rätt sak är ifyllt i fälten. tex E-postadress. Vill man validera andra fält får man fylla i ett reguljärt uttryck. Envalsfråga Envalsfråga är en fråga där deltagaren väljer ett alternativ som svar från en lista med flera alternativ. För att lägga till alternativ klickar man på plustecknet. För att ta bort ett alternativ klickar man på minustecknet och för att flytta upp ett alternativ klickar man på pilen. Alternativen kan presenteras i en lista eller som kryssrutor. Välj bland alternativen i en lista: Om man vill att svaren skall presenteras i en lista. Välj alternativ genom kryssrutor: Om man vill att svaren skall presenteras med kryssrutor. Om kryssrutor används är det möjligt att låta användaren välja hur många kolumner som alternativen skall presenteras i. Tillåt annat valfritt alternativ: Deltagaren själv får ange ett valfritt alternativ som svar. Dvs ett textfält visas där deltagaren kan fylla i sitt svar. Importera alternativ från fil: Här kan man importera alternativ från en textfil. Det som krävs är att det står ett alternativ per rad. 70

77 Flervalsfråga Flervalsfrågan fungerar precis som en envalsfråga med skillnaden att flera alternativ kan väljas som svar samtidigt. Alternativen presenteras antingen i en lista eller som kryssrutor (där det är möjligt att tillåta att deltagaren själv får ange ett valfritt alternativ). Envalsfråga och Flervalsfråga har samma inställningar under fliken Alternativ. Skillnaden syns om man väljer envalsfråga är kryssrutorna runda och använder man flervalsfrågor är kryssrutorna fyrkantiga: De övriga ikonerna är inte frågor utan andra saker som är bra när man bygger upp ett e-postformulär: Kommentar En kommentar används för att infoga information i undersökningen för att beskriva/kommentera något speciellt eller om man vill infoga en rubrik i enkäten. Bifogad fil Bifogad fil används om man tex vill att deltagaren skall bifoga en fil i e-postformuläret. Om formuläret är en intresseanmälan till ett jobb så skall en CV kunna bifogas. Kryssa då ur rutan namn och skriv Bifoga CV i fråga: E-postmottagare E-postmottagare används när man vill att svaret på ett e-postformulär skall skickas till olika e-postadresser när det gäller tex olika områden. Om det är ett formulär där man anmäler sitt intresse gällande information om olika avdelningar i företaget så kan man ställa in att om deltagaren har fyllt i IT så skickas formuläret till ITavdelningen. Detta till skillnad mot fliken E-post (se Fliken E-post) där alla mail skickas till de e-postadresser som är uppsatta. Kryssa ur rutan namn och i fyll i frågan tex Vilken avdelningen är du intresserad av?. Under fliken Mottagare klickar man på plustecknet och fyller i beskrivning (alternativet som syns i formuläret) och e-postadress (dit den skall skickas). Resultatet blir då: 71

78 Kategorifråga En kategorifråga är en fråga där man kan koppla samman tre delfrågor med olika alternativ. Om man har tex delfrågorna Kommun, Skola och Klass så börjar man med att skapa alternativ för Kommun. Under respektive alternativ under Kommun tex Örebro skapar man nästa delfråga Skola där man lägger till de skolor som finns i Örebro. Vill man lägga till ytterligare en fråga, Klass, markerar man respektive skola och lägger till alternativen för klass. Under fliken Fråga skriver man frågan, i detta fall Välj skola. OBS! För att frågan skall visas under fliken Alternativ så får man klicka OK och spara sidan och därefter öppna enkäten igen. Klicka på fliken Delfrågor. En delfråga är en kategori som blir en rullgardinslista i exemplet ovan ( Kommun, Skola, Klass ). Klicka på plustecknet för att lägga till en delfråga. OBS! Lägg bara till en delfråga i taget! Lägg till delfråga 1, fyll sedan i alternativ till delfråga1 under alternativfliken. Gå sedan tillbaks och lägg till delfråga 2 och fyll sedan i alternativ till delfråga 2. OBS! Det går att ha max tre delfrågor! Efter att man lagt till delfråga 1, går man till fliken Alternativ. Här syns frågan som man fyllde i ( Välj skola ). Klicka på plustecknet för att lägga till de alternativ som hör ihop med delfråga 1 (i detta fall Kommun ). 72

79 OBS! Första gången man skall lägga till ett alternativ går det inte att klicka på plustecknet. Då får man högerklicka på Frågan ( Välj skola ) och välja Ny. Samma dialogruta öppnar sig som under plustecknet. Lägg till ytterligare en delfråga ( Skola ) med alternativ. Gå tillbaka till fliken Delfrågor för att lägga till ytterligare en delfråga ( Skola ). Klicka på fliken Alternativ. Markera ett alternativ tex Örebro och lägg till ett nytt alternativ ( Skola ) under Örebro med hjälp av plusknappen. Lägg till alla skolalternativ för Örebro. Gör därefter samma sak med Kumla. Lägg till delfråga 3 ( Klass ) med alternativ. Gå tillbaks till fliken Delfrågor. Klicka på plustecknet för att lägga till en ny delfråga ( Klass ). 73

80 Gå återigen till fliken Alternativ för att lägga till alternativ för klass. Markera en skola under Örebro och klicka på plustecknet för att lägga till vilka klasser som finns på den skolan. Lägg till alternativ för alla skolor i Örebro och Kumla. Klart! Fliken E-post Här lägger man till mottagare som skall få notifieringar när e-postformuläret är ifyllt. Skicka notifieringar till följande adresser: Här lägger man till de e-postadresser som skall få svaren av epostformuläret. För att lägga till en e-postadress, klicka på plustecknet. För att ta bort en e-postadress, markera adressen och klicka på minustecknet. För att ändra en e-postmottagare kan man klicka på egenskapsknappen. Vill man skicka en kopia till användaren så kryssar man för Skicka kopia till användaren, detta gäller dock bara för inloggade användare. Ärende: Här kan man fylla i en beskrivning som syns i e-postmeddelandets ämne (subject). Som standard visas Svar på formulär. Om man vill använda en rubrik på en fråga kan man hämta den under Hämta från. Skicka med lämnade svar som en bifogad pdf: Kryssar man för denna ruta så får man en PDF-fil med lämnade svar. Sätt svarsadress till användaren (enbart inloggade användare): Om man enkelt vill kunna skicka ett mail till användaren som skickat in svaret (för tex ett förtydligande) så kan man sätta svarsadressen till användaren här. Administratören behöver då bara klicka på svara (reply) på e-postmeddelandet som kommer in. Skicka kopia till användaren (enbart inloggade användare): Om man vill att användaren skall få en kopia på det formulär som skickades in. 74

81 Fliken Utseende Under denna flik kan man ändra formatmallar och färger för formuläret. Formatmallar: Här kan man ändra formamallar för etiketter (frågans namn), texter (vanlig text och frågor) samt för inmatningsfältet. Färger: Här kan man välja att ställa in färger på plattorna på fråga, inmatning samt kantlinjer. Övrigt: Här kan man ställa in om man vill ha större eller mindre mellanrum mellan fälten. Det går också att ändra texten på knappen Skicka. Fliken Meddelanden Visa meddelande efter att svar lämnats: Här fyller man i ett meddelande till deltagaren efter att han har fyllt i e-postformuläret. Ditt svar har skickats är förinställt. Skicka användaren till en annan sida efter att svar lämnats: Om man vill ge deltagen mer information efter att den har fyllt i e-postformuläret kan man skicka denne vidare till en webbsida som man har skapat. Webbsidan väljer man under bläddraknappen. Vissa felmeddelande om oifyllda obligatoriska frågor finns: Normalt visas ett felmeddelande vid den obligatoriska oifyllda frågan. Fyller man i denna visas även ett meddelande högst upp i e-postformuläret. 75

82 5.2 Forum Användningsområde Forum används för att besökarna skall få uttrycka sina åsikter. Inläggen i forumet organiseras i olika ämnen. Forum kan ställas in så att de är modererade. När man klickar på Visa inlägg, visas inläggen som finns i det ämnet: Här kan man svara på ett inlägg genom att klicka på länken svara till höger. Klickar man på Skapa nytt ämne, visas följande sida: Här kan man fylla i titel, beskrivning och inlägg i det nya ämnet. OBS! Forum ärver behörigheter från webbplatsen. Vill man ändra på behörighetena så högerklickar man på mappen eller ett forum och väljer Egenskaper. Under Säkerhet kan man kryssa ur arvet från webbplatsen eller lägga till nya behörigheter. 76

83 5.2.2 Inställningar för Forum När man öppnar forummodulen i redigeringsläget får man upp ett fönster där man skall fylla i namnet på forumet, detta namn kommer sedan att synas som rubrik. Under fliken Inställningar kan man förutom att ändra formatmallar och färger göra följande inställningar: Göm ämnessammanfattning: Kryssar man i denna ruta visas inte ämnessammanfattningen i forum (som visas som en punktlista innan inläggen) när man visar hela tråden. Tillåt icke inloggade användare: Om man vill att anonyma besökare skall få lägga till inlägg i forumet kryssar man i denna ruta. Om anonyma besökare även skall få läsa inläggen så måste man göra forumet publikt. Det gör man genom att högerklicka på forumet och väljer Egenskaper. 77

84 Under Säkerhet kryssar man i att forumet skall vara publikt. Tillåt endast inloggade användare att lägga till meddelanden: Anonyma besökare får läsa i forumet men vill man göra ett inlägg så måste man vara inloggad. Visa inlägg i omvänd ordning: Om man vill att det senaste inlägget skall visas längst ned. Tillåt inte svar: Om man inte vill tillåta svar på inlägg så kryssar man för detta alternativ. Detta kan man ställa in för att det inte skall bli så rörigt i strukturen. Utseende: Här kan man ställa in färger och formatmallar Modererat forum Vill man att forumet skall vara modererat, dvs att någon godkänner inlägg innan de läggs ut, så dubbelklickar man på forummodulen för att öppna Inställningar för forum. Markera aktuellt forum (namnet på forumet), högerklicka och välj Egenskaper. 78

85 Här finns en flik som heter Forum, kryssa för alternativet Modererat. När besökaren har fyllt i ett inlägg i ett modererat forum får denne ett meddelande som talar om att inlägget har lagts till och kommer att granskas innan det publiceras. Administratören får godkänna eller radera ett inlägg. Klicka på Visa ämne. Här kan man välja att godkänna eller ta bort ämnet: När ett inlägg är godkänt är det också publicerat dvs kan läsas av alla. När inlägget är godkänt kan administratören välja att gömma eller ta bort ämnet: 79

86 5.3 Gästbok Användningsområde Gästboken används för att kunna skriva inlägg. Det som visas är namn, plats, datum och meddelande. Har användaren fyllt i e-post och hemsida så kan man nå dessa genom att klicka på ikonerna i foten till höger. Ikonen som är ett brev är en e-postlänk till användaren som skrivit inlägget. Ikonen som är ett hus är en länk till hemsidan som användaren skrivit in Inställningar för Gästbok Fliken Allmänt Under fliken Allmänt ställer man in vilka fält som besökaren skall få fylla i gästboken samt fältbredd på fälten. Inmatningsfält: Här anger man vilka fält man vill visa. Följande alternativ finns: namn, e-postadress, hemsida, plats. Fältbredd: Här bestämmer man hur breda inmatningsfälten skall vara. Standard är 30 tecken. Det går att öka eller minska med pil upp respektive pil ner. Skapa inlägg: Inlägg skapar man via en länk Nytt inlägg. Denna kan man välja att visa överst, underst eller på båda ställena. Har man mer än 10 inlägg visas också en sidnumrering som visas till höger om Nytt inlägg. 80

87 Fliken Utseende Formulär: Etiketter: Här bestämmer man formatmall för de etiketter (Namn, E-post, Hemsida, Plats, Meddelande) som finns. Inmatning: Här bestämmer man formatmall för inmatningsfälten. Felmeddelanden: Här bestämmer man formatmall för eventuella felmeddelanden. Inlägg: Namn: Här väljer man formatmall för att visa namnet. Datum: Här väljer man formatmall för att visa datumet på inlägget. Namn: Här väljer man formatmall för att visa namnet på personen som skrivit i gästboken. Plats: Här väljer man formatmall för att visa den plats man angett i formuläret. Färger: Kantfärg:Här väljer man om man vill ha en kantfärg runt inläggen. Huvud: Här ställer man in färgen på inläggets huvud, där det står namn och datum. Innehåll: Här ställer man in färgen på innehållet, själva meddelandet. Fot: Här ställer man in färgen på inläggets fot, där det visas namn och ikoner för e-post och hemsida. Fliken Inlägg Lagrade inlägg i gästboken: Här ser man de inlägg som finns i gästboken. Det går också att högerklicka på ett inlägg och välja Ta bort. 81

88 OBS! När man skapar en ny gästbok så kommer inte de första inläggen att visas under Lagrade inlägg.. på en gång. För att se de första inläggen måste man öppna en ny webbläsare. Fliken E-post Om man vill att någon skall bli notifierad så fort ett inlägg görs, så fyller man i dennes e-postadress här. 82

89 5.4 Inloggning Användningsområde Med inloggningsmodulen skapar man ett inloggningsformulär till en webbsida. Detta används för de sidor som man inte vill ska vara tillgängliga för allmänheten utan för en viss grupp. Inloggningsmodulen används också för att vissa användare som har rättigheter att redigera skall få tillgång till redigeringsläget Inställningar för Inloggning Fliken Allmänt Målsida: Peka ut målsida, dvs vilken sida som användaren skall komma till efter inloggning. Stäng av automatisk ifyllning : Kryssa i denna knapp om du inte vill att webbläsaren skall hjälpa till att fylla i inloggningsrutan. Tillåt Spara inloggning (Automatisk inloggning): Om funktionen är påslagen och personen har rätt att använda den så tillåts man som användare att själv välja om man vill spara undan sin inloggning. OBS! Denna syns bara om man har licens för Automatisk inloggning. Om detta är inställt så ser man en extra kryssruta Spara inloggning under inloggningsmodulen: Kryssar man i Spara inloggning så behöver man inte logga in framöver, det sker automatiskt. OBS! Läs mer om hur man sätter upp automatisk inloggning i Lathund Automatisk inloggning. 83

90 Förifyll kryssrutan Spara inloggning : Om man har aktiverat automatiskt inloggning så förifyller detta alternativ kryssrutan Spara inloggning så att användarna inte behöver tänka på det. Den är alltså redan förikryssad när man kommer till inloggningsmodulen: Fliken Utseende Etiketter: Om man vill ändra formatmallen på användarnamn, lösenord och kryssrutan spara inloggning. Texter: Om man vill ändra formatmall på texter från systemet tex vid multipla inloggningsuppgifter. Inmatning: Om man vill ändra formatmallen för inmatningsfälten och Logga in-knappen Felmeddelanden: Om man vill förändra formatmallen för felmeddelanden (ej de felmeddelanden som visas i eget fönster). 84

91 5.5 Mina favoriter Användningsområde Med Mina favoriter kan besökaren lägga till en sida på webbplatsen som en favorit. Favoriterna sparas som länkar i en dropplista. Sedan kan besökaren väljs sin favorit i dropplistan för att komma till sidan. På detta sätt skapar sig besökaren en egen navigering till de sidor som den ofta besöker. För att lägga till en sida som en favorit, klicka på länken "Lägg till i favoriter". OBS! Informationen om länkar i Mina favoriter sparas i en cookie. Det innebär att favoriterna är kopplade till din dator. OBS! För att man skall nå de sparade favoriterna på hela webbplatsen så bör denna modul placeras i mallen Inställningar för Mina favoriter Visa favoriter: Väljer man detta alternativ får man upp en rullgardinslista som visar de favoriter man sparat på webbplatsen. Under favoriterna visas länkar för att lägga till och redigera favoriter. OBS! För att alternativet Redigera favoriter skall fungera så måste man skapa en sida som har en Mina favoriter-modul med alternativet Redigera favoriter. 85

92 Redigera favoriter: Väljer man detta alternativ visas de favoriter man har lagt till på webbplatsen som länkar som man kan klicka på för att ta bort. Länk till att lägga till favorit: Väljer man detta alternativ visas en länk för att lägga till sidan i Mina favoriter. Denna klickar man på för att lägga till sidan man står på som favorit. Sida för att redigera favoriter: Här pekar man ut en sida där man kan redigera favoriter. På denna sida måste det finnas en Mina favoriter -modul med inställningen Redigera favoriter. 86

93 5.6 Sök Användningsområde: Sökmodulen används för att skapa en sökfunktion på webbplatsen. Det går att söka på innehåll och metadata på sidor, filer och bilder. Det går också att söka på innehållet på webbsidor och HTML-, text-, XML-, Word-, Excel-, StarOffice- och OpenOffice-filer. På alla filer, sidor och bilder går det att söka på namn, datum och önskade metadata (de som är uppsatta på det sättet). Sökmotorn uppdateras kontinuerligt, så strax efter att en sida publicerats går det att söka efter den. Sökmotorn hanterar trunkerad sökning (tex bil*), kategoriserad sökning och rankning av sökresultat. Sökresultatet presenteras under sökfältet om man inte angett att det skall visas på en annan sida. För varje träff presenteras titel, sammanfattning, senast ändrad och storlek. Sökträffarna listas efter träffpoäng om man inte ställt in någon annan sorteringsordning. Träffpoäng är beräknat värde på hur viktig sökfrågan är i förhållande till funna dokument. Den tar hänsyn till: hur många gånger sökordet finns med i texten hur högt upp på sidan ordet finns hur stor del av texten sökordet är (sökordet rankas högre i en kort text än en lång text) Ökad tillgänglighet! Enligt 24-timmarsriktlinjerna (avsnitt 4.7.1) så bör webbplatsen ha en sökfunktion. OBS! Alla filer som läggs in i fil- och bildarkivet blir sökbara i sökmotorn. Vill man undvika att sökmotorn skall hitta filer i arkivet så får man markera att filerna inte skall hittas i sökmotorn. Gör så här: 1. Växla över till fil eller bildarkiv. Markera den mapp som man inte vill skall visas i sökmotorn. 2. Välj Egenskaper och fliken Inställningar. Under Sökmotorindexering, välj Ändra och ärv inställning vidare: Visas inte. Klicka OK. 87

94 5.6.2 Inställningar för Sök Fliken Allmänt Begränsa sökningen: Välj om sökmotorn skall söka bland sidor, filer eller bilder. Visa sökresultat på aktuell sida: Sökresultaten kommer att visas på aktuell sida. Visa på annan sida: Skickar besökaren till en annan sida där resultatet visas i en sökmodul på den sidan. Fliken Sökfält Visa sökfältet för besökaren: Om sökrutan ska visas för besökaren. Sökknapp: Här väljer man om man vill ha en bild eller text på sökknappen. Väljer man text får sökknappen texten som står i "textknapp". Väljer man Använd bild som knapp så får man den bild man valt som sökknapp. Antal tecken i sökfältet: Hur många tecken bred sökfältet ska vara. Antal tecken styr alltså längden på sökfältet. 88

95 Standard är 25 tecken. Ändrar man tex till 17 tecken så minskas sökfältet: Formatmall i sökfältet: Här väljer man vilken formatmall man vill använda för sökfältet. Denna styr bredden på sökfältet. Tar man en stor formatmall (tex rubrik) blir också sökfältet bredare. Fliken Sökresultat Visa resultatlistan med sökträffar för besökarna: Om sökresultatet skall visas på sidan. Sökträffar: Här kan man välja att visa hur lång tid sökningen tog, visa felmeddelanden samt ställa in formatmallar för sökträffarna. Ökad tillgänglighet! Enligt 24-timmarsriktlinjerna (avsnitt 4.7.5) bör man erbjuda tydliga träffsidor, visa inte onödig information som hur lång tid sökningen tog. Sidnumrering: Här kan man begränsa antalet träffar per sida (normalinställning är 10) och välja om sidnumreringen skall stå ovanför/under sökträffarna. Man kan också ställa in formatmallen för sidnumreringen. Fliken Sortering 89

96 Sortera sökresultatet: Här markerar man om man vill att sökresultatet skall sorteras. Enligt standard sorteras sökresultatet efter träffpoäng. Sortera efter: Normalt sorteras sökresultaten efter träffpoäng. Det går även att välja att sortera i bokstavsordning på ett speciellt fält i sökmotorn eller i datumordning. Ex på fältnamn som det går att sortera på är: "summary" sammanfattning "title" sidrubrik "modifiedby" - senast uppdaterad av "createdby" - skapad av "metadataxmetaname" - egendefinierat metadatafält där metaname är namnet på fältet "content type" dokumentets typ Sorteringsordning: Sökresultaten kan visas i stigande eller fallande ordning. Standard är stigande. Fliken Avancerat 90

97 Förifyll en söksträng i rutan: Om man skall använda sök för att alltid eller ofta söka på ett visst ord så kan man förifylla det. Exempelvis om man använder sök för att visa de senaste produkterna tex. lampor så kan besökaren klicka på en länk som heter lampor så kan man använda en dold sökruta med förifylld söksträng lampa och bara visa resultatet av sökningen. Använd en dold söksträng: En för besökaren dold söksträng som inkluderas med besökarens sökfråga. Velocitymallar: Här kan man förändra utseendet på sökmodulen om man har kunskap om skript. Använd egen mall för visning av sökfältet: Om man vill förändra sökfältet tex lägga till en etikett där det står Sök på demowebben : Använd egen mall för visning av sökträffar: Om man vill förändra utseendet på hur resultatet presenteras, tex om man vill ta bort något som tex datum. Ökad tillgänglighet! Enligt 24-timmarsriktlinjerna (avsnitt 4.7.5) bör man erbjuda tydliga träffsidor, visa sammanhanget där sökordet hittades, begränsa träffsidan till 10 träffar. Använd egen mall för visning av sidnumrering: Om man vill förändra Använd egen mall för visning av felmeddelanden: Om man vill förändra standardfelmeddelandet till något annat, kan man göra det här. Om man inte kryssar i rutan att man skall söka på bilder får man följande meddelande: Annars ser standardfelmeddelandet ut så här: Fliken Miniatyrer Om man söker på bilder och vill visa resultatet som miniatyrer ställer man in höjd och bredd på miniatyrerna här. För att detta skall fungera måste söksresultat skriptet anpassas för att visa miniatyrer Sökuttryck För att gör en sökning mot sökmotorn ska en fråga ställas till en sökmodul. Detta görs normalt genom att besökaren fyller i en sökfråga och trycker på sök. Vill man skapa mer avancerade sökfrågor än bara ett ord så är detta söksyntaxen: Sökuttryck Förklaring pelle Söker efter ordet pelle eller Pelle pelle simmar Söker efter orden pelle eller simmar pelle simmar Söker efter frasen pelle simmar Pelle Söker efter ordet Pelle med versal i första tecknet +pelle +simmar Söker efter orden pelle och simmar +pelle -simmar Söker efter ordet pelle där ordet simmar inte får förekomma pelle AND simmar Söker efter orden pelle och simmar pelle OR simmar Söker efter orden pelle eller simmar pelle NOT simmar Söker efter ordet pelle där ordet simmar inte får förekomma pelle* Söker efter ord som börjar med pelle 91

98 Sökuttryck Förklaring p?lle Söker efter ord där? kan vara vilket tecken som helst tex pelle eller polle. p*le Söker efter ord där * kan vara vilka tecken som helst tex pelle eller partille. title:pelle Söker efter ordet pelle i fältet title roam~ Söker efter ord som stavas liknande som roam t.ex. foam och roams pelle simmar ~10 Söker efter sidor där ordet pelle finna inom 10 ords närhet till ordet simmar [ pelle TO boll] Söker efter sidor där ord som finns från pelle till och med boll finns pelle^4 simmar Söker efter sidor där pelle eller simmar finns med. pelle har en högre rankningsfaktor än simmar. Normala rankningsfaktorn är 1, pelle har i detta fall 4. Rankningen måste vara positiv men kan vara mindre än 1, t.ex. 0.2 (pelle AND simmar) OR boll Söker efter sidor där pelle och simmar finns eller där boll finns. Paranteserna används för att gruppera sökuttryck \(1\+1\)=2 Söker efter texten (1+1)=2. Dessa tecken är skyddade specialtecken i sökmotorn: +, -, &,,!, ( ), { }, [ ], ^, ", ~, *,?, :, \ För att söka efter en text med något av dessa specialtecken måste ett backslash \ skrivas framför varje specialtecken. 92

99 5.7 Tipsa en kompis Användningsområde Modulen skapar ett formulär som kan användas av besökaren på en sida som vill tipsa någon om den intressanta sidan. Formuläret visas på en gång eller annars klickar man på en länk för att komma till formuläret där man får fylla i namn, kompisens e-postadress samt en hälsning Inställningar för Tipsa en kompis Fliken Tips Sida tipset gäller: Tipset gäller automatiskt den sida man står på men om man vill peka ut en annan sida så gör man det här genom att bläddra fram den. Visa tipsformulär direkt: Om man vill att användaren skall nå formuläret på en gång utan att klicka på en länk. Visa som bild: Om man vill peka ut en bild som fungerar som en bildlänk till formuläret. Visa som länk: Om man vill ha en vanlig textlänk till formuläret. Standard länktexten är Tipsa en kompis och standardbeskrivningen är Tipsa en kompis (öppnas i nytt fönster) men det går att fylla i egen text om man vill. Det går också att ställa in formatmall för länken. 93

100 Fliken Tipsformulär Extra inmatningsfält: Här kan man välja om man vill ha med fält för sin egen e-postadress samt en hälsning till sin kompis. Knappinställningar: Här ställer man in formatmall för Skicka tips -knappen eller väljer att använda en bild istället. Markera alla obligatoriska fält med en asterisk: Om man vill visa användaren vilka fält som är obligatoriska att fylla i kryssar man för denna ruta. Bredd för inmatningsfält. Här kan man välja hur brett inmatningsfältet skall vara. Fliken E-post Ämne/subject: Här kan man fylla i en beskrivning som syns i e-postmeddelandets ämne (subject). Som standard visas Du har fått ett tips om en sida från en kompis. Infoga ytterligare text i e-postmeddelandet: Om man vill infoga mer text i e-postmeddelandet så skriver man det här. Texten man fyller i här hamnar under det vanliga standardmeddelandet. Svarsadress: Denna ruta kryssar man i om man vill använda tipsarens e-postadress som svarsadress. 94

101 Fliken Utseende Här ställer man in de formatmallar som används i modulen. Etiketter: Här ställer man in formatmall för de etiketter som finns i formuläret (namn, e-postadress, hälsning) Texter: Här ställer man in formatmall för de texter som visas som meddelanden tex meddelandet som visas efter ett tips. Inmatning: Här ställer man in vilken formatmall som skall användas när användaren matar in information. Felmeddelanden: Här ställer man in formatmall för felmeddelanden om man tex skrivit fel i e-postadressen. 95

102 Fliken Meddelanden Visa meddelandet efter att tips har lämnats: Här kan man fylla i ett meddelande som visas efter att man skickat iväg tipset. Skicka användaren till en annan sida efter att tips lämnats: Här kan man bläddra fram en sida dit man vill skicka användaren efter att tips lämnats. 96

103 5.8 Vykort Användningsområde Vykortsmodulen används för att besökaren enkelt skall kunna e-posta iväg ett vykort till en vän och/eller kollega. De bilder man vill ha som vykort spar man i samma mapp och väljer sedan att skapa vykort av denna mapp. Man fyller i rubrik, meddelande, e-post och namn och klickar på knappen. Mottagaren får då bilden som en länk i epostmeddelandet Inställningar för Vykort Fliken Allmänt Bildmapp: Här bestämmer man vilken mapp man skall göra vykort av. Markera den mapp som skall användas. Eftersom den skapar vykort av en hel mapp är det en god idé att förbereda sig genom att lägga de bilder man 97

104 vill ha som vykort i en mapp. Om man vill ändra mapp för vykort, så markerar man en annan mapp. Max miniatyrbredd/höjd: Här ställer man in den maximala bredden och höjden på miniatyrerna av vykorten. Max vykortsbredd/höjd: Här ställer man in den maximala bredden och höjden på vykortsbredden. Text Förhandsgranskaknapp: Vad man vill att det skall stå på förhandsgranskaknappen. Standardinställningen är Förhandsgranska. I exemplet ovan har vi skrivit dit Förhandsgranska vykort. Text Skickaknapp: Vad man vill att det skall stå på skickaknappen. Standardinställningen är Skicka. I exemplet ovan har vi skrivit dit Skicka vykort. Bredd för inmatningsfält: Här anger man hur brett inmatningsältet skall vara. Standard är 60px. Max antal miniatyrbildskolumner: Här anger man hur många kolumner med miniatyrer man vill visa. Standard är max 3 kolumner. Använd bildbeskrivningstext (metadata) under miniatyrer: Om man fyllt i fältet Beskrivning under Metadata på bilderna i bildarkivet så kan man välja att visa den texten här istället för Bild 1, Bild 2 osv. Fliken Utseende Etiketter: Här bestämmer man formamallar för etiketter som tex Bild 1, Bild 2 (eller bildbeskrivning), rubrik, meddelande, mottagare och avsändare. Texter: Här bestämmer man formatmallar för texter från systemet tex texter vid förhandsgranskningen, texter på själva vykortet samt texten efter att vykortet har skickats. Inmatning: Här bestämmer man formatmall för inmatningen. Detta påverkar höjden på inmatningsfälten om man tar en liten eller stor formatmall. Felmeddelanden: Här bestämmer man formatmall för felmeddelanden. Dessa visas när man klickar på förhandsgranskaknappen. Fliken Avancerat Om man har skriptkunskaper kan man ändra utseendet på vykortsmodulen: Använd egen mall för miniatyrer och formulär: Förändringar i denna mall ändrar utseendet på det formulär som visas (Rubrik, Meddelande, Mottagare, Avsändare) Använd egen mall för förhandsgranskning: Här kan man förändra förhandsgranskningsläget, dock inte själva vykortet. Använd egen mall för vykortet: Förändringar i denna mall ändrar utseendet på vykortet och den hälsning som skickas. 98

105 Använd alias i vykortsadressen (aktuell sida måste ha detta alias): Normalt skickas hela adressen till sidan med plus ett id-nummer för vykortet. Om man istället vill använda <server>/vykort kan man kryssa i denna ruta och ange samma namn som finns uppsatt under webbplatsen under fliken Egenskaper->Alias. Dvs Alias för denna sida måste redan vara skapad på webbplatsen. 99

106 5.9 Webbfråga Användningsområde Webbfråga används för att göra små undersökningar bland webbplatsens besökare gällande diverse frågor. Detta mest för att lätta upp webbplatsen samt att göra det intressant för besökarna att gå in regelbundet på webbplatsen. Besökarna klickar bara på det alternativ som passar dem och svaret syns direkt i staplarna. Försöker samma person besvara webbfrågan ytterligare en gång får de beskedet att de redan har besvarat webbfrågan. De gamla frågorna sparas i arkiv för att kunna återgå till genom länken Visa tidigare frågor Inställningar för Webbfråga Fliken Frågor Fråga: Här fyller man i den webbfråga man vill ställa. Alternativ: Klickar man på plusknappen under alternativrutan så kommer det upp en text Alternativ 1. Dubbelklickar man på texten så öppnas en dialogruta där man kan fylla i svarsalternativ. Skriv över texten Alternativ 1 och klicka OK. Med pilarna kan man flytta alternativen och frågorna upp resp. ned. Markera man ett alternativ kan man ta bort en fråga eller ett alternativ. 100

107 Fliken Utseende Formatmall fråga: Här bestämmer man utseende för själva frågan, det som blir som en rubrik. Formatmall alternativ: Här bestämmer man utseendet för svarsalternativen. Stapelns färg: Vilken färg på staplarna för de som har besvarat frågan Stapelns bakgrundsfärg:vilken färg bakgrunden skall ha. Fliken Övrigt Visa en länk till ett arkiv för gamla frågor: Om man vill att besökarna skall få ta del av svaren på gamla webbfrågor. När man fyller i nästa fråga låter man föregående fråga stå kvar och lägger till en ny fråga med hjälp av plusknappen. 101

108 Klickar man på Visa tidigare frågor så öppnas ett nytt fönster med alla frågor som skapats: Använd egen mall för utseende: Används enbart om du är väl insatt i detta. 102

109 6 Övrigt I denna modulväljare kan man välja mellan övriga moduler som finns i SiteVision. Här finns bland annat Anpassat läge, Anpassa webbplatsen, Evenemangskalender, FAQ-lista, Fildelning, HTML, Länkad modul, Multimedia, Nyheter, Nyhetsmeny, Ordförklaringar, PDF-utskrift*, Skript, Slumpad bild, Teckenstorlek och Utskriftsmodul. *= Tilläggsmoduler som inte ingår i grundlicens av SiteVision. Dessa har separata lathundar. 6.1 Anpassat läge Användningsområde Med modulen Anpassat läge kan man ställa in en absolut positionerad webbplats så att den visas på ett grafiskt enklare sätt. Det är bra för att öka tillgängligheten för de besökare som bland annat behöver öka teckenstorlek. Används inte när man arbetar med dynamiska mallar. Denna funktion används i kombination med funktionen Utökad tillgänglighet som finns under Egenskaper för webbplats. Se administratörsmanualen. OBS! Med dynamiska mallar används istället modulerna Anpassa webbplatsen eller Teckenstorlek Inställningar för Anpassat läge Använd textlänk: Om man vill att modulen skall använda en textlänk så anger man vad som skall stå på länken (Text) och vilken formatmall den skall vara. Använd bildlänk: Om man vill använda en bild istället för textlänk så väljer man bilden här genom att klicka på Bläddra... Hjälptext: En alternativtext som visas när muspekaren förs över länken. Standard är Anpassat läge. Ökad tillgänglighet! Enligt 24-timmarsriktlinjerna (avsnitt 4.2.4) bör man ha möjlighet att göra personliga inställningar för tex teckenstorlek, kontrastverkan. 103

110 6.2 Anpassa webbplatsen Användningsområde Med modulen Anpassa webbplatsen kan man ställa in en dynamisk webbplats så att den visas som besökaren vill. Här kan besökaren anpassa textstorlek, menystorlek, radavstånd, tecckensnitt och kontrast Inställningar för Anpassa webbplatsen Fliken Inställningar Här ställer man in de anpassningsmöjligheter som besökaren skall få tillgång till: Textstorlek: Väljer man detta alternativ kan besökaren välja att visa textstorleken som liten, normal eller stor. OBS! För detta krävs att man kryssat i rutan Omskalbar på formatmallen BODY (om man använder relativa mått) eller annars att rutan Omskalbar är ikryssad för alla formatmallar. Detta gör man på webbplatsen ->Egenskaper ->Utseende ->Formatmallar ->Egenskaper för BODY eller respektive formatmall) Radavstånd: Väljer man detta alternativ kan besökaren välja att visa radavsåndet som normalt eller stort. OBS! För detta krävs att man kryssat i rutan Omskalbar på formatmallen BODY (om man använder relativa mått) eller annars att rutan Omskalbar är ikryssad för alla formatmallar. Detta gör man på webbplatsen ->Egenskaper ->Utseende ->Formatmallar ->Egenskaper för BODY eller respektive formatmall) Teckensnitt: Väljer man detta alternativ kan besökaren välja att visa teckensnittet som normal (det teckensnitt som används på webbplatsen), Georgia eller Times. Kontrast: Väljer man detta alternativ kan besökaren välja att visa kontrasten som normal eller hög. OBS! För detta krävs att man satt upp kontrastfärger (detta gör man på webbplatsen ->Egenskaper ->Utseende ->Webbplatsförger ->Aktivera högkontrastfärg) 104

111 Fliken Förhandsgranskning Här ställer man in om man vill visa en förhandsgranskaruta där de val man gör visas innan man klickar ok. Formatmallsinställningar och bakgrund kan man ställa in så att den matchar den egna webbplatsen. Formatmall meny/rubrik/brödtext: Här ställer man in de formatmallar som man vill använda för respektive alternativ. Bakgrundsfärg meny/textspalt: Här ställer man in de bakgrundsfärger man vill ha på menyn respektive textspalten. Fliken Utseende Under Utseende kan man ställa in hur formatmallar för rubriker, alternativ och förhandsgranskaetiketten skall se ut. Formatmall rubriker: Här ställer man in formatmall för textstorlek, menystorlek, radavstånd, teckensnitt och kontrast (beroende på de val man gjort under fliken Inställningar) Formatmall alternativ: Här ställer man in formatmall för alternativen liten, normal, stor, normalt, stort, Georgia, Times och hög. Formatmall förhandsgranskaetikett: Här ställer man in formatmall för ordet Förhandsgranska. 105

112 Ökad tillgänglighet! Enligt 24-timmarsriktlinjerna (avsnitt 4.2.4) bör man ha möjlighet att göra personliga inställningar för tex teckenstorlek, kontrastverkan. 106

113 6.3 Evenemangskalender Användningsområde Evenemangskalendern används för att visa evenemang. Vyn är en kalender där dagar med evenemang är markerade med en viss färg. Kommande evenemang i aktuell månad visas under kalendern. Evenemangen läggs till som artiklar och nyhetsmodulen används för att visa evenemangen Inställningar för Evenemangskalendern Här presenteras enbart inställningarna som man gör i evenemangskalendern. För att denna skall fungera krävs också att man använder en nyhetsmodul samt lägger till evenemangen i ett arkiv. OBS! Läs mer om hur man sätter upp detta i Lathund Evenemangskalender. Fliken Allmänt Under fliken Allmänt kan man ställa in utseendet på kalendern: Inställningar: Här ställer man in hur man kalendern skall se ut. Man kan välja att visa en länk till inaktuella månader under kalendern, veckonummer till vänster om kalendern samt om man skall visa lördag och söndag i kalendern. 107

114 Veckan startar med: Här väljer man vilken veckodag som kalendern skall startas med, måndag eller söndag. Initial tidsperiod: Här väljer man vilken tidsperiod som skall visas när man inte gjort några val i kalendern. Har man få evenemang väljer man kanske resten av månaden och har man väldigt många evenemang väljer man resten av dagen. Vill man visa de kommande fem evenemangen, väljer man Ange antal dagar: 5. Tabellbeskrivningstext: Här väljer man om man vill använda tabellbeskrivningstext eller inte. Fliken Evenemangskälla Välj evenemangskälla: I högra rutan markerar du den nyhetsmodul som skall kopplas ihop med evenemangskalendern. Välj metadatadefintioner: Här pekar man ut de metadatadefinitioner för Från och Tilldatum som man har skapat på arkivet. Under Från datum markerar man alltså den metadatadefinition som man skapat för Från Datum respektive Till Datum. Fliken Utseende Under Utseende ställer man in formatmallar, färger och cellbredd: 108

115 Fliken Avancerat Under Avancerat finns tillgång till en egen mall om man vill förändra utseendet. Detta förutsätter att man kan hantera skript. Tips! Vill man använda datumfunktionaliteten i evenemangskalendern men vill inte ha den grafiska kalendervyn så raderar man all kod under Använd egen mall. OBS! För att ställa in evenemangskalendern behöver man använda både metadata och nyhetsmodulen, läs om detta i Lathund Evenemangskalender. 109

116 6.4 FAQ-lista Användningsområde Frågor och svar (nyheter) är en modul för frågor och svar som nyttjar nyhetsmodulen. Man lägger till frågor och svar som artiklar som automatiskt samlas upp i frågor och svar-modulen. I modulen kan man ställa in vilka ikoner och länktexter som skall visas Inställningar för FAQ-lista Först måste man skapa ett arkiv (och eventuellt en mall) som FAQ-listan skall använda sig av. När man har skapat ett arkiv, så pekar man ut det aktuella arkivet. När man pekar ut arkivet så kan man passa på att gå in på metadata på arkivet för att göra övriga inställningar som behövs. Arkiv: Här pekar man ut det arkiv som frågor och svar ligger i. Ett nytt fönster öppnas där man väljer arkivet. Högerklicka på arkivet och välj Egenskaper. Välj fliken Metadata och leta upp metadatadefinitonen som heter Artikel Rubrik (skapas automatiskt när man 110

117 skapar ett arkiv). Klicka på knappen Egenskaper för denna metadata. Under Namn står det antagligen DCTitle, skriv istället question. Gå till fliken Portlet och fyll i det namn som den textmodul heter där man skriver i frågan i den mall som används. I vårt exempel heter den textmodulen Fråga och därför fyller vi i Fråga under Hämta från portlet med namn. Klicka OK tre gånger. Formatmall fråga: Här fyller man i den formatmall som skall användas för frågan. Formatmall svarslänk: Här fyller man i den formatmall som skall användas för svarslänken. 111

118 Länktext: Här fyller man i det som skall stå som länktext. Detta alternativ kommer alltså länka till svaret för frågan. I exemplet ovan har vi skrivit Svar. Länkbeskrivning: En länkbeskrivning för att förtydliga vart länken går. Bild för fråga: Här väljer man en bild som skall visas innan frågan. Detta görs genom att klicka på Bläddra knappen. Bild för svarslänk: Här väljer man en bild som skall visas innan svarslänken. Detta görs genom att klicka på Bläddra knappen. Ökad tillgänglighet! Enligt 24-timmarsriktlinjerna (avsnitt 4.1.7) bör man ha en innehållsöversikt, ett komplement till den ordinarie navigeringen tex en FAQ. 112

119 6.5 Fildelning Användningsområde Med modulen fildelning kan man dela med sig av sina filer och mappar på webbplatsen. Användarna/besökarna kan själva ladda upp sina filer här så att alla kan ta del av dem. Det är viktigt att namnge filerna på ett bra sätt eftersom det är filnamnet som visas på sidan. Man kan välja att visa mappar eller bara filer. Det går också att radera och/eller lägga till filer direkt på webbsidan (om man har rätt behörighet). Som standard visas ikon för dokumenttyp, filnamn, storlek samt datum när man laddade upp filen till servern Inställningar för Fildelning Fliken Mappval Under mappval väljer man vilken mapp med filer som skall visas i fildelningen. Peka ut mappen och klicka OK. 113

120 Fliken Inställningar Visa mappar: Om man vill visa mappar i fildelningen. En mapp visas som man kan klicka på. Då visas enbart innehållet i mappen samt en Föregående -länk. Tillåt publicering av filer och dokument: Om användaren själv skall få ladda upp filer på webbsidan. Klicka på Bläddra, leta reda på rätt fil och klicka på Lägg till så blir filen uppladdad i filmappen som används i fildelningsmodulen. Tillåt radering av filer och dokument: Om användaren ska få tillåtelse att radera på webbsidan. Klicka på det röda krysset för att radera filen. Kräver att användaren har skrivrättigheter i den filmapp som används i fildelningsmodulen. 114

121 Enkel fillista: Så enkel lista som möjligt, bara filnamnet och ikonen för dokumentet syns (inget om storlek, datum). Öppna länkar i ett nytt fönster: Om filerna skall öppnas i ett eget fönster. Formatmall för mappar/filer: Här ställer man in hur man vill att texten på mapparna/filerna skall visas. Fliken Mall Om man kan hantera skript kan man under fliken Mall förändra utseendet på fildelningsmodulen. Tex om man vill ta bort datum när filen laddades upp: 115

122 6.6 HTML Användningsområde HTML- modulen kan användas för att lägga till egen HTML-kod direkt på webbplatsen. Man kan också infoga hela webbsidor från andra webbplatser Inställningar för HTML Visa i redigeringsläge: Om man lägger in enklare och mindre HTML-kod så kan man med fördel kryssa i denna ruta så att man ser resultatet av koden även när man är i redigeringsläget. Använder man modulen till hela webbsidor eller skript så bör man inte visa detta i redigeringsläget. Hämta sida från adress: Här kan man fylla i en länk till en extern webbsida som man vill infoga. Denna kommer att infogas i en Iframe och visas direkt på webbsidan. Egen HTML-kod: Här skriver du in den HTML-kod du vill använda. Skriv inte in <html> eller <head>-taggar, det finns redan på webbsidan. OBS! Om man använder dynamiska mallar bör man sätta en storlek på modulen för att den skall visas i visningsläget. Detta gör man genom att högerklicka på modulen och väljer Egenskaper. Under fliken Inställningar kan man ställa in bredd och höjd. Ökad tillgänglighet! Enligt 24-timmarsriktlinjerna (avsnitt 4.8.1) bör man validera koden. Gör alltid det efter att man lagt till egen HTML-kod på sidan. Validera koden på sidan 116

123 6.7 Idag Användningsområde Idag-modulen används för att skriva ut dagens datum på olika sätt Inställningar för Idag-modulen Använd fördefinierat mönster: Här finns de fördefinierade mönster av dagens datum (dag, månad på olika sätt) som några visas högst upp på denna sida. Välj det format som önskas i dropplistan. Använd inledande versal för månader och dagar: Här bestämmer man om man vill att månader och dagar skall skrivas ut med versaler. OBS! Denna gäller bara om man väljer fördefinierat mönster, inte om man använder eget mönster. Använd eget mönster: Här kan man själv skriva sin variant av dagens datum om inget av de fördefinierade mönstren passar. Tex kan man skriva ut veckonumret genom att ange bokstaven w: TIPS! Läs mer på suns webbplats i dokumentationen för klassen SimpleDateFormat för hur man kan skriva egna formateringsmönster om de fördefinierade inte passar. Formatmall:Här väljer man med vilken formatmall dagens datum skall skrivas ut. 117

124 6.8 Länkad modul Användningsområde En länkad modul används för att visa innehållet av en modul på ett annat ställe inom webbplatsen. Om man tex skapat en tabell med kontaktinformation på en kontaktsida och även vill visa denna tabell på personalsidan kan man nyttja Länkad modul. Då visas en kopia på den sida där man använder en länkad modul. Vill man göra förändringar måste man gå till den sida där den riktiga modulen finns Inställningar för Länkad modul Här väljer man vilken modul som man vill kopiera från ett annat ställe. Markera modulen och klicka OK. TIPS! Det finns också en Länkad layout. Den finns under Innehåll om man högerklickar och väljer alternativet Lägg till layout -> Länkad layout. Då kan man få en kopia på en hel layout med flera moduler. Denna går också att använda i malläge till skillnad från Länkad modul som bara visar innehållet på webbplatsen. För att hitta original-layouten, så högerklickar man på den länkade modulen och väljer Egenskaper. Här finner man alternativet Källa där adressen till sidan med layouten finns. 118

125 6.9 Multimedia Användningsområde Multimediamodulen används för att visa multimedia som tex Flash, Streaming video osv på webbsidan. Multimediamodulen stödjer formaten.avi,.asf,.mp4,.mov,.ram,.ra,.swf Inställningar för Multimedia Välj mediafil: Här väljer man den multimediafil som man vill visa i modulen. Starta uppspelning automatiskt: Om man vill att filen skall spelas upp automatiskt kryssar man för detta alternativ. Det är förifyllt. Repetera automatiskt: Om man vill att filen skall visas om och om igen. Visa uppspelningskontroller: Om besökaren skall få tillgång till uppspelningskontroller så kryssar man för detta alternativ. Beskrivningstext: Här kan man fylla i en alternativtext som visas när man rör muspekaren över modulen. OBS! Om man använder dynamiska mallar bör man sätta en storlek på modulen för att den skall visas. Detta gör man genom att högerklicka på modulen och väljer Egenskaper. Under fliken Inställningar kan man ställa in bredd och höjd. 119

126 6.10 Nyheter Användningsområde SiteVision har en inbyggd nyhetsmodul. Den kan användas för att få en nyhetsfunktion på webbplatsen med notiser på startsidan med automatisk länkning till hela artikeln (genom länken Läs mer ). Beroende på inställningar och behörigheter kan man också ha en länk Lägg till artikel där användaren lätt kan lägga till egna artiklar. Klickar man på Lägg till artikel så växlar man till redigeringsläget till en mall där man kan fylla i en ny artikel. Det går också att hämta aktuella nyheter automatiskt från andra webbsidor tex Dagens Nyheter eller grannkommunen. Det som krävs är att de webbplatser man vill hämta nyheter från använder RSS-kanaler. Detta innebär att andra webbaserade nyhetssystem kan hämta nyheter från dem. RSS är en XML-standard som de flesta nyhetskanaler på Internet använder för att exponera information Inställningar för Nyheter Fliken Arkiv Visa artiklar från: Här väljer man det nyhetsarkiv som modulen ska jobba mot. Klicka på plustecknet så öppnas 120

127 ett nytt fönster: Här väljer man om man skall hämta interna nyheter från arkivet (som man skapat själv) eller externa nyheter från andra webbplatser med RSS-källa. OBS! För att kunna hämta nyheter från en extern RSS-källa måste administratören ha ställt in dessa RSS-källor för webbplatsen, se Administratörsmanualen. Nya artiklar För att underlätta för redaktörer att lägga till nyheter kan man lägga till en länk som de kan klicka på för att skapa en artikel i rätt arkiv och med rätt mall. Denna länk syns inte för besökare, utan bara de som har skrivrättigheter på arkivet. Visa länk för att skapa nya artiklar i valda arkiv: Detta alternativ klickar man i om det ska finnas en "Lägg till artikel"-länk under nyhetslistningen för de som har behörighet att skapa nyheter. Detta gör det enkelt för behöriga att lägga till nya nyheter i ett arkiv. OBS! De användare som skall få lägga till artiklar på detta sätt behöver då ha behörighet till nyhetsarkivet. Använd mall: För att användarna skall kunna lägga till en sida med en nyhet måste det finnas en mall där användaren fyller i tex rubrik, ingress och text. Denna mall skapas av administratören och heter lämpligtvis Nyheter. Här visar man att det är denna mall, Nyheter, som användarna skall komma till när de klickar på länken Lägg till artikel. Länktext: Här väljer man vad det skall stå på länken. Formatmall: Här väljer man vilken formatmall som skall användas för länken. Fliken Innehåll Under fliken Innehåll väljer man hur nyheterna skall visas. Man väljer vad som skall visas och hur det skall se ut. 121

128 I den vita rutan till vänster visas vilka värden som ska visas i nyhetsmodulen (dessa värden är standard). Nya värden läggs till med plusknappen, minusknappen tar bort ett värde. Upp och ner pil ändrar ordning. Detta innebär att i exemplet ovan visas först Publiceringsdatum, sedan Bild, Rubrik, Ingress, Länk till artikel och två Radbrytningar innan nästa nyhet visas. För varje värde kan man ställa in formatmallar, begränsa antal bokstäver samt länka texten. Markera först Publiceringsdatum i rutan till vänster. Till höger väljer man formatmall och formatering för datumet. I detta exempel har vi valt formatmallen Sidfot och datumformatet yyyy-mm-dd ( ). Därefter går man till nästa värde i listan, markera Artikel bild (Metadata). Om man vill ta bort det, markerar man det och klickar på minusknappen. Därefter går man till nästa värde i listan, markera Artikel rubrik (Metadata). 122

129 Här väljer man formatmall och om man vill begränsa antalet bokstäver i texten. Om man vill länka rubriken till artikeln (istället för Länk till artikel-länk) sä väljer man fliken Länk. Här kan man välja Länka alltid texten -> Länk till artikel. Därefter markerar man Artikel ingress (Metadata) och väljer formatmall och om man vill begränsa antalet bokstäver i texten. Markera sedan Länk till artikel. Här bestämmer man formatmall, placering på länken, varifrån ALT-texten skall hämtas, om bild skall visas, om länken skall öppnas i nytt fönster. 123

130 Resultatet blir då: Fler värden att infoga (under plusknappen): Alla metadata som man satt upp på webbplatsen Artikel innehåll (Metadata) om man vill visa alla artiklar i fullformat istället för att länka artikeln till innehållet Systemvärden skapad av, skapad datum, senast ändrad av, senast ändrad datum, senaste publiceringsdatum Radbrytning Om man vill lägga till en radbrytning eller separator (valfritt tecken) mellan nyheterna, Resultatet blir då: Bild - Om man vill lägga till en bild (tex ikon) som förekommer innan varje nyhet tex. Resultatet blir då: 124

131 OBS! För att läsa mer om hur man ställer in utseendet på nyhetsmodulen, se Lathund Nyheter. OBS! Om man hämtar in nyheter med RSS så kan man inte styra lika mycket hur de skall visas för alla värden kanske inte är medskickade. Fliken Begränsningar Begränsa antalet synliga artiklar: Antalet nyheter som ska visas, oavsett om det finns fler i arkivet. Standardvärde är 10 artiklar. Hoppa över inledande artiklar: Om modulen inte ska visas från senaste nyheter utan kanske näst senast, då den senaste får en "större" plats i en annan modul. Filter: Här kan man ställa in om man vill filtrera nyheterna och tex bara visa de nyheter som innehåller golf. Om man klickar på plusknappen så öppnas ett nytt fönster: Här får man välja om man vill hämta från rubriken, ingress osv (alla värden under innehåll). Sedan väljer man begränsning dvs vad man vill filtrera på. Det finns innehåller, innehåller inte, lika med och inte lika med. Därefter fyller man i ett värde. Fliken RSS 125

132 Aktivera åtkomst av artiklar via RSS: Om den interna nyhetsfunktionen ska exponeras som en RSS-kanal så att andra webbaserade nyhetssystem kan hämta nyheter från den. RSS är en XML-standard som de flesta nyhetskanaler på Internet använder för att exponera information. Fyll i de fyra fälten titel, beskrivning, skapad av och copyright. RSS länk: I fältet RSS länk syns adressen. Det är denna adress som de andra webbplatserna behöver få att nå era nyhetsmoduler. Kopiera till klippbord: Adressen till RSS-länken är ganska lång och därför krånglig att kopiera. Klicka på knappen Kopiera till klippbord för att kopiera adressen. OBS! Om ni vill att andra webbplatser skall använda era nyheter måste de ha tillgång till RSS-länkadressen. Därför behöver ni exponera denna. Detta kan man tex göra genom att ha en webbsida med RSS-adresser. OBS! Publiceringsdatum, Rubrik, Ingress, Källa och Länk till artikel är de värden som går att exponera ut med RSS. Ökad tillgänglighet! Enligt 24-timmarsriktlinjerna (avsnitt 2.2.9) skall man dra nytta av möjligheterna att tillhandahålla syndikerat material till andra webbplatser. 126

133 Fliken Avancerat Koppla ihop med nyhetsmeny: Om man kryssar i denna ruta kan man koppla ihop nyheterna med en meny som visar dem fördelat på de år och de månader då de publicerades. (se 6.11 Nyhetsmeny). Koppla ihop med evenemangskalender: Denna skall man kryssa i om man använder nyhetsmodulen ihop med evenemangskalendern (se 6.3 Evenemangskalender ). Visa ett meddelande när inget finns att visa: Om man inte har några nyheter att visa kan man välja att visa ett meddelande istället för att ingenting visas. Standardmeddelandet är Det finns inga artiklar att visa. Avancerad sortering: Normalt sorteras artiklar utifrån publiceringsdatum (stigande). Här kan man ändra till fallande genom att bocka ur rutan Sortera i stigande ordning. Annars kan man välja att sortera efter något annat metadata som är uppsatt på webbplatsen. Dessa visas i en lista när man klickar på plusknappen. 127

134 6.11 Nyhetsmeny Användningsområde Nyhetsmenyn används för att summera de interna nyheterna efter år och månader. Den skapar en länklista med länkar till de månader där det har skapats nyheter. Månaderna är klickbara länkar som visar nyheterna från den månad man är intresserad av. En förutsättning för att det skall fungera är att rutan Koppla ihop med nyhetsmeny är ikryssad i nyhetsmodulen (se Fliken Avancerat under 6.10 Nyheter). Man måste alltså använda en nyhetsmodul i kombination med nyhetsmenyn Inställningar för Nyhetsmeny Fliken Arkiv Under Arkiv ställer man in de arkiv som man vill hämta nyheter från samt anger om man vill presentera nyheterna på en annan sida. Visa artiklar från: Klickar man på plustecknet får man upp en filväljare där man kan peka ut de arkiv som man vill visa nyheterna ifrån. Presentera nyheterna från annan sida än den aktuella: Om man inte har plats att visa nyheterna på den sida 128

135 där menyn visas kan man hänvisa till en annan sida. Då måste man först skapa en till webbsida där man lägger ut en nyhetsmodul, som har rutan Koppla ihop med nyhetsmenyn ikryssad. Kryssa därefter i denna ruta och bläddra fram sidan. Fliken Utseende Inställningar för år/månader: Här ställer man in formatmall för år/månader samt anger om man vill visa en bild. Vill man visa en bild bläddrar man fram den. 129

136 6.12 Ordförklaringar Om man har aktiverat ordförklaringar så markeras de ord som finns förklarade med en viss färg (i detta fall grönt). Klickar man på länken öppnas förklaringen i ett nytt fönster Användningsområde Ordförklaringar används för att man skall lägga till en ordlista och förklara vissa svåra ord. Om man väljer att slå på ordförklaringslänkar så visas de ord som finns förklarade med en annan länkfärg. Klickar man på ordet så får man en förklaring av ordet i ett nytt fönster. Det går också att välja att stänga av ordförklaringslänkarna Inställningar för Ordförklaringar Ordförklaringarna läggs till i ett vanligt nyhetsarkiv med en speciell mall som passar ordförklaringen. Man skapar därefter ett arkiv där man lägger till ordförklaringar som artiklar. Fliken Allmänt Arkiv med ord: Här pekar man ut det arkiv man skapat med ordförklaringar. Metadefinition med uppslagsord: Här pekar man ut vilken Metadatadefinition som används i mallen där man fyller i uppslagsordet. Om man som i nyhetsmallen låter textmodulen heta Rubrik så behöver man bara peka ut Artikel rubrik (DC.Title). 130

137 Skiftlägesokänslig: Denna kryssar man i om man skall få träffar oavsett om ordet skrivs med versaler eller gemener. Fliken Ordförklaringslänkar Länkfärg: Här fyller man i den färg som man vill att ordförklaringarna skall visas med. Tänk på att det är bra att det syns att det är speciella länkar. Understrukna länkar: Om man vill att länkarna skall vara understrukna markerar man denna ruta. Öppna länkar i nytt fönster: Om man vill att länkarna skall öppnas i ett nytt fönster. Annars öppnas länkarna i det fönster som är öppet. Fönsterbredd & fönsterhöjd: Om man vill att länkarna skall öppnas i ett nytt fönster kan man styra fönstrets bredd och höjd här. 0 är standardvärde vilket inte betyder att man gör någon inställning. Länkmall: Om man kan skriptspråk så kan man göra sin egen mall för hur ordförklaringslänkarna skall visas. Fliken Utseende Formatmall: Här bestämmer man vilken formatmall länkarna Aktivera ordförklaringar och Stäng av ordförklaringar skall se ut. Egen mall: Om man kan hantera skriptspråk så kan man göra sin egen mall för hur länkarna Aktivera ordförklaringar och Stäng ordförklaringar skall visas. 131

138 6.13 Skript Användningsområde Skriptmodulen används för att via skript inkludera dynamiska funktioner på webbsidan. Den har stöd för att skriva skript i skriptspråken JavaScript och Velocity. Båda dessa skript körs på servern. OBS! Javascript för klienter tex Popup-rutor skall skrivas in i HTML-modulen Inställningar för Skript Visa i redigeringsläge: Medför att resultatet av skriptet visas i redigeringsläget. Annars visas följande meddelande: Denna modul visas endast online. OBS! Välj endast denna när du vet att dina skript inte påverkar redigeringsläget! Det kan medföra att sidan inte går att redigera annars. JavaScript: Fält för inmatning av JavaScript. Skapade variabler förs över till Velocity. Velocity: Fält för inmatning av Velocity-skript. Läs mer om velocity: Testa: Sparar och exekverar skriptet utan att dialogen behöver stängas. Backa: Backar skriptet till status innan test. OBS! Om man använder dynamiska mallar bör man sätta en storlek på modulen för att den skall visas i visningsläge. Detta gör man genom att högerklicka på modulen och väljer Egenskaper. Under fliken Inställningar kan man ställa in bredd och höjd. Ökad tillgänglighet! Enligt 24-timmarsriktlinjerna (avsnitt 4.8.1) bör man validera koden. Gör alltid det efter att man lagt till egna skript på sidan. Validera på sidan 132

139 6.14 Slumpad bild Användningsområde Med modulen Slumpad bild kan man tex ha ett bildutrymme på startsidan som slumpar fram bilder ur en mapp varje gång sidan uppdateras Inställningar för Slumpad bild Fliken Bildval Under fliken Bildval pekar man ut den mapp som man vill slumpa bilder ifrån. Finns inte bilderna på servern så får man ladda upp dem med hjälp av Lägg till bild. OBS! Tänk på att bilderna i mappen bör ha samma storlek för bästa resultat. Fliken Inställningar 133

140 Skapa länk av bilden: Vill man skapa en länk av de slumpade bilderna så fyller man i kryssrutan Skapa länk av bilden och klickar därefter på Bläddra. Då öppnas fönstret Skapa länk (se Inställningar för text) Anpassa bildens storlek till tillgänglig yta: Används vid absolut positionerade sidor. Om bilderna i mappen är av olika storlek så kan man anpassa bildens storlek till tillgänglig yta. Denna funktion förändrar inte filstorleken utan bilden förblir lika stor även om man anpassar bilden till en liten yta. OBS! Denna ruta är utgråad om man inte har behörigheten Lägg till absolut innehåll. Bildbeskrivningstext: Även kallad Alt-text. Detta är en text som används om bilden inte visas eller om en funktionshindrad person använder hjälpmedel för att ta del av informationen. Om administratören har kryssat i att man skall följa WAI-riktlinjer så är det inställt så att man inte skall glömma att använda bildbeskrivningstext. Dock behöver man inte alltid fylla i en beskrivande text. Som standard är alternativet Ange en bildbeskrivningstext valt. Glömmer man att fylla i en beskrivning får man upp följande fönster: Vill man inte fylla i en beskrivning så väljer man OK. Då blir alternativet Använd inte bildbeskrivningstext valt. Klickar man Avbryt så hamnar man i fältet Ange en bildbeskrivningstext. Använd inte bildbeskrivningstext: Om bilden är ett designelement (en pil) eller en dekorationsbild skall man inte fylla i någonting. I koden blir det då alt= vilket gör att skärmläsare hoppar över bilden. Hämta bildbeskrivning från metadata på vald bild: När man laddar upp en bild i bildarkivet kan man ange en beskrivning på metadatafliken på bilden. Om det finns det en beskrivning på den aktuella bilden med metadata kan man välja detta alternativ annars är det utgråat. Tips! Poängen med detta är att man skall slippa att fylla i en bildbeskrivningstext varje gång man använder bilden. I stället lägger man till en bra beskrivning i metadatafältet när man laddar upp bilden. Ange en bildbeskrivningstext: Tänk på att fylla i en text som förmedlar någonting om bilden. Lägger man till en bild med en text i skall man alltid ange vad som står i texten på bilden. Om bilden länkar någonstans skall man ange detta i bildbeskrivningen. OBS! Om man länkar en bild och fyller i både bildbeskrivningstext och länkbeskrivningstext så visas oftast bara bildbeskrivningstexten. Bägge dessa beskrivningar skrivs dock ut i HTML. Det är webbläsaren som bestämmer vad som skall visas. Internet Explorer väljer att bara visa bildbeskrivningstexten. För t.ex. en synskadad läses både bild och länkbeskrivningstext upp, det är därför viktigt att fylla i båda. Ökad tillgänglighet! Enligt 24-timmarsriktlinjerna (avsnitt ) skall samtliga meningsbärande grafiska objekt beskrivas med alt-text. Alt-texten bör begränsas till max 150 tecken. 134

141 6.15 Teckenstorlek Användningsområde Teckenstorlek används för att byta teckenstorlek på ett enkelt sätt. Detta är viktigt för bland annat synskadade som vill kunna ändra teckenstorleken till en stor stil. För att göra detta kan man använda teckenstorlek för att skapa en länk för Normalstorlek och en länk för Stor stil Inställningar för Teckenstorlek Använd text för att byta formatmallsstorlek: Skriv namn på länken (Text) och ange formatmall. OBS! Inte formatmall för texten på sidan utan för länken. Använd en bild för att byta formatmallsstorlek: Vill man ha en bild istället för textlänk så väljer man bilden här. Hjälptext: En alternativtext som visas när muspekaren förs över länken Storleksändring: Här väljer man vilken teckenstorlek man vill ha. Skall man göra en sida med Normalstorlek väljer man 100%, och för sidan med Stor stil kan tex välja 300%. OBS! För att formatmallarna skall öka i storlek krävs det att man har klickat i alternativet Omskalbar på formatmallarna! 135

142 6.16 Utskriftsversion Användningsområde Utskriftsversion används för att skapa en länk/ikon till en utskriftsvänlig sida. Det är ett ytterligare alternativ för utskrift för den som använder webbsidan. För att detta skall fungera måste man skapa en utskriftsmall som innehåller en innehållsyta som heter som den innehållsyta som används i mallarna. Den skalar då bort den information som finns i mallen och visar bara innehållet på webbsidan. Läs mer om detta i Lathund Mallar. Därefter pekar man ut en utskriftsmall att använda som standardmall Inställningar för Utskriftsversion Fliken Allmänt Typ av länk: Här väljer man vilken typ av länk man vill ha, om man vill ha en textlänk, bildlänk eller en kombination av dessa. Länktext: Om man har valt länktypen Text/Text och Bild/Bild och Text så fyller man här i vad som skall stå i textlänken. Standardtexten är Skriv ut. Detta går dock att skriva över. Formatmall: Om man har valt länktypen Text/Text och Bild/Bild och Text så väljer man här vilken formatmall som länken skall visas med. Välj bild: Om man har valt länktypen Bild/Text och Bild/Bild och text så väljer man den bild man vill använda genom att klicka på Bläddra-knappen. Hjälptext: Hjälptexten visas när man för muspekaren över ikonen/länken. Standard är Utskriftsversion Fliken Fönster Öppna utskriften i ett nytt fönster: Denna fyller man i om man vill att utskriften skall öppnas i ett nytt fönster. Man kan ställa in bredd och höjd på fönstret. Standard är 600*600 pixlar. Utskriftsmall När administratören har skapat en utskriftsmall och man vill använda utskriftsversion så högerklickar man på webbplatsen. Välj Egenskaper och fliken Avancerade inställningar under Webbplatsinställningar. Här fyller man i en standardmall att använda vid utskrift av sidor. Den kommer då att användas för alla mallar som inte har någon specifik utskriftsmall vald. 136