SiteVision Användarmanual
Innehållsförteckning
1 Om SiteVision...1
2 Arbeta med SiteVision...1
2.1 Starta SiteVision... 1
2.2 Sidolist... 2
2.2.1 Snabbtangenter... 3
2.2.2 Navigator... 3
Högerklicka på en sida... 3
Menyn i Navigatorn... 4
Snabbikoner i Navigatorn... 7
2.2.3 Innehåll... 7
Menyn i Innehåll ... 8
Snabbikoner under Innehåll... 10
2.3 Högerklicka på en modul ... 10
Fliken marginaler... 11
Fliken Inställningar... 11
Fliken Dekorationsegenskaper... 12
Färgskala... 13
2.4 Verktygsfält... 15
2.4.1 Ny sida ... 15
2.4.2 Spara ... 15
2.4.3 Publicera ... 16
Fliken Metadata... 17
Fliken Notifiera... 19
2.4.4 Dölj/visa sidolist ... 19
2.4.5 Stödraster ... 19
2.4.6 Förhandsgranska ... 19
2.4.7 Textstorlek ... 19
2.4.8 Återgå till visningsläge ... 19
2.5 Modulväljaren... 20
2.6 Redigeringsyta... 21
2.6.1 Lägga till ... 21
Dynamiskt innehåll... 22
Absolut innehåll... 22
2.6.2 Ta bort... 22
2.6.3 Ändra... 22
2.6.4 Flytta... 22
2.7 Absolut layout ... 23
2.7.1 Användningsområde... 23
3 Snabbvalsikoner...24
3.1 Text ... 24
3.1.1 Användningsområde... 24
3.1.2 Inställningar för text ... 24
3.1.3 Menyalternativ ... 26
Arkiv... 26
Redigera... 26
Alternativ... 26
3.2 Bild ... 29
3.2.1 Användningsområde... 29
Redigera... 34
Alternativ... 34
4 Navigation ...35
4.1 Expanderande meny... 35
4.1.1 Användningsområde... 35
4.1.2 Inställningar för Expanderande Meny... 35
Fliken Startsideinställningar... 35
Fliken Nivåinställningar... 36
Fliken Bildinställningar... 37
Fliken Övriga Inställningar... 37
4.2 Flernivålänk... 38
4.2.1 Användningsområde... 38
4.2.2 Inställningar för Flernivålänk... 38
Fliken Inställningar... 38
Fliken Mall... 38
4.3 Flernivåmeny... 39
4.3.1 Användningsområde... 39
4.3.2 Inställningar för Flernivåmeny... 39
Fliken inställningar... 39
Fliken Nivå 1/Nivå 2... 39
Fliken Avancerat... 40
4.4 Föregående/Nästa... 41
4.4.1 Användningsområde... 41
4.4.2 Inställningar för Föregående/Nästa... 41
4.5 Imagemap... 42
4.5.1 Användningsområde... 42
4.5.2 Inställningar för Imagemap... 42
4.6 Innehållsförteckning... 44
4.6.1 Inställningar för Innehållsförteckning... 44
4.7 Meny... 45
4.7.1 Användningsområde... 45
4.7.2 Inställningar för Meny... 45
Fliken Inställningar... 45
Fliken Mall... 45
4.8 Popup-meny... 46
4.8.1 Användningsområde... 46
4.8.2 Inställningar för Popup-meny... 46
Fliken Inställningar... 46
Fliken Huvudmeny... 47
Fliken Popupmeny... 48
4.9 Rullgardinsmeny... 49
4.9.1 Användningsområde... 49
4.9.2 Inställningar för rullgardinsmenyn... 49
4.10 Trädmeny... 50
4.10.1 Användningsområde... 50
4.10.2 Inställningar för Trädmeny... 50
4.11 Webbkarta... 51
4.11.1 Användningsområde... 51
4.11.2 Inställningar för Webbkarta... 51
5 Interaktivt ...52
5.1 Bokning... 52
5.1.1 Användningsområde... 52
5.1.2 Inställningar för Bokning... 54
Fliken Resurs, Kategori och Plats... 54
Fliken Formulär... 55
Fliken Bokning och avbokning... 55
Fliken E-post... 55
Fliken Övrigt... 58
5.2 Enkät... 59
5.2.1 Användningsområde... 59
5.3 E-postformulär... 60
5.3.1 Användningsområde... 60
5.3.2 Inställningar för E-postformulär... 60
Fliken Fråga ... 60
Fliken Bild ... 61
Fliken Attribut... 61
Textfråga... 61
Envalsfråga... 61
Flervalsfråga... 62
Kommentar... 62
Bifogad fil... 62
E-postmottagare... 63
Kategorifråga... 63
Fliken E-post... 66
Fliken Utseende ... 66
Fliken Meddelanden... 67
5.4 Forum ... 68
5.4.1 Användningsområde... 68
5.4.2 Inställningar för Forum ... 69
5.4.3 Modererat forum... 69
5.5 FAQ-lista ... 71
5.5.1 Användningsområde... 71
5.5.2 Inställningar för FAQ-lista ... 71
5.6 Gästbok ... 74
5.6.1 Användningsområde... 74
5.6.2 Inställningar för gästbok... 74
Fliken Allmänt... 74
Fliken Utseende... 75
Fliken Inlägg... 75
Fliken E-post... 76
5.7 Webbanmälan... 77
5.7.1 Användningsområde... 77
5.7.2 Inställningar för Webbanmälan... 77
Fliken Anmälan... 77
Fliken Frågor... 78
Fliken E-post... 78
Fliken Utseende... 79
Fliken Meddelande... 79
5.7.3 Administration On-line... 80
Visa deltagare... 81
5.8 Webbfråga... 82
5.8.1 Användningsområde... 82
5.8.2 Inställningar för Webbfråga... 82
Fliken Frågor... 82
Fliken Utseende... 83
Fliken Övrigt... 83
5.9 Vykort... 85
Fliken Utseende... 89
Fliken Meddelanden... 90
6 Övrigt...91
6.1 Anpassat läge... 91
6.1.1 Användningsområde... 91
6.1.2 Inställningar för Anpassat läge... 91
6.2 Anpassa webbplatsen... 92
6.2.1 Användningsområde... 92
6.2.2 Inställningar för Anpassa webbplatsen... 92
Fliken Inställningar... 92
Fliken Förhandsgranskning... 92
Fliken Utseende... 93
6.3 A-Ö lista... 95
6.3.1 Användningsområde... 95
6.3.2 Inställningar för A-Ö lista... 95
6.4 Evenemangskalender ... 96
6.4.1 Användningsområde... 96
6.4.2 Inställningar för evenemangskalendern... 96
Fliken Allmänt... 96
Fliken Evenemangskälla... 97
Fliken Utseende... 97
Fliken Avancerat... 98
6.5 Fildelning... 99
6.5.1 Användningsområde... 99
6.5.2 Inställningar för Fildelning... 99
Fliken Mappval... 99
Fliken Inställningar... 99
6.6 HTML... 100
6.6.1 Användningsområde... 100
6.6.2 Inställningar för HTML... 100
6.7 Inloggning ... 101
6.7.1 Användningsområde... 101
6.7.2 Inställningar för Inloggning... 101
6.8 Länkad modul... 102
6.8.1 Användningsområde... 102
6.8.2 Inställningar för Länkad modul ... 102
6.9 Multimedia... 103
6.9.1 Användningsområde... 103
6.9.2 Inställningar för Multimedia... 103
6.10 Nyheter... 104
6.10.1 Användningsområde... 104
6.10.2 Inställningar för Nyheter ... 104
Fliken Arkiv... 104
Fliken Innehåll... 105
Fliken Begränsningar... 106
Fliken RSS ... 106
Fliken Avancerat... 107
6.11 Nyhetsmeny... 108
6.11.1 Användningsområde... 108
6.11.2 Inställningar för Nyhetsmeny... 108
Fliken Arkiv... 108
Fliken Utseende... 109
6.12 Ordförklaringslänkar... 110
6.12.1 Användningsområde... 110
6.12.2 Inställningar för Ordförklaringslänkar... 110
Fliken Allmänt... 110
Fliken Ordförklaringslänkar... 111
6.13.1 Användningsområde... 112
6.13.2 Inställningar för PDF... 112
Fliken Allmänt... 112
Fliken Kapitel... 112
Fliken Formatmallar... 113
Fliken Sidhuvud och sidfot... 113
6.14 Skript... 114
6.14.1 Användningsområde... 114
6.14.2 Inställningar för Skript... 114
6.15 Slumpad bild... 115
6.15.1 Användningsområde... 115
6.15.2 Inställningar för Slumpad bild... 115
Fliken Bildval... 115
Fliken Inställningar... 115
6.16 Sök... 117
6.16.1 Användningsområde:... 117
6.16.2 Inställningar för Sök... 118
Fliken Allmänt... 118
Fliken Sökfält... 118
Fliken Sökresultat... 118
Fliken Sortering... 118
Fliken Avancerat... 119
Fliken Miniatyrer... 119
6.16.3 Sökuttryck... 119
6.17 Teckenstorlek ... 121
6.17.1 Användningsområde... 121
6.17.2 Inställningar för Teckenstorlek... 121
6.18 Utskriftsversion ... 122
6.18.1 Användningsområde... 122
6.18.2 Inställningar för Utskriftsmodul... 122
Fliken Allmänt... 122
Fliken Fönster... 122
Utskriftsmall... 122
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:
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.
Knapp som växlar till redigeringsläget
Översikt
När man är inne i redigeringsläget så ser man följande struktur:
Till vänster finns en sidolist som innehåller navigatorn (se avsnitt 2.2.1) och innehåll (se avsnitt 2.2.2). Överst finns verktygsfältet (se avsnitt 2.4) och modulväljaren (se avsnitt 2.5). I mitten finns redigeringsytan (se avsnitt 2.6).
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.
Innehåll
Redigeringsyta
Navigator
Verktygsfält Modulväljare
2.2.1 Snabbtangenter
I SiteVision finns följande generella snabbtangenter:
➢ CTRL-SHIFT-N Gå till navigator
➢ CTRL-SHIFT-M Gå till mallar
➢ CTRL-SHIFT-F Gå till filarkiv
➢ CTRL-SHIFT-B Gå till bildarkiv
➢ CTRL-ALT-N Skapa ny sida
➢ CTRL-ALT-S Spara
➢ CTRL-ALT-P Publicera
➢ CTRL-ALT-R Återgå till visningsläge
➢ CTRL-ALT-M Gå till modulväljare
2.2.2 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änk
Webbplats Papperskorg
Webbsida Arkiv
Mapp Artikel
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.
➢ Visa sida i nytt fönster: Om man vill öppna den aktulla sidan i ett nytt fönster.
➢ 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:
OBS! För att skapa en mall, se Administratörsmanualen.
➢ 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. Läs mer om detta i Administratörsmanualen.
➢ 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.
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 då 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 om bilderna så visas det också.
Högerklickar man på ett bildnamn i Bildarkivet och väljer Egenskaper så ser man även filstorleken:
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.
➢ 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:
2.2.3 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 tre 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.
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:innehåll, högerspalt och vänsterspalt.
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, sök, egenskaper, 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:
• 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.
➢ 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.
➢ Egenskaper: 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 mall 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.
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
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 upptill, nertill, till vänster och höger.
Marginaler: Marginaler är utrymmet mellan två objekt dvs utanför objektet.
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.
Fliken Inställningar
• 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.
➢ Ö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.
Marginaler <---> Avstånd <--->
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.
Fliken Dekorationsegenskaper
För att få upp fliken Dekorationsegenskaper klickar man först på ikonen Utseende till vänster i fönstret. Då ser man fliken Dekorationsegenskaper.
➢ Kantlinjer: Här kan man bestämma om modulen skall ha en ram och i så fall färg och kanttjocklek på denna.
De kantfä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.
➢ Bakgrund: Här väljer man om modulen skall ha en bakgrundsbild eller bakgrundsfärg. Tex om man vill ha en bakgrundsfärg på ett textfält.
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
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 ) . 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.
2.4 Verktygsfält
Högst upp till vänster under adressfältet finns verktygsfältet. Där visas följande åtta ikoner:
2.4.1 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. För att läsa om övriga alternativ, se Administratörsmanualen. Dessa fem är dock de vanligast förekommande:
➢ 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 dem 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. För att läsa mer om länkar, se avsnitt 3.1.2. 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 www.namn.se. 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”.
2.4.2 Spara
Sparar alla ändringar i redigeringsläget, dvs de är inte publicerade så att användaren 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.
2.4.3 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 om man glömmer att publicera.
➢ 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 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.
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 är nyckelord som 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:
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:
Fliken Notifiera
Denna flik syns bara om prenumeration är uppsatt på webbplatsen. Används i samband med prenumeration, se Administratörsmanualen.
2.4.4 Dölj/visa sidolist
Döljer eller visar sidolisten som innehåller navigator och innehåll så att redigeringsytan blir större.
2.4.5 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.
2.4.6 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.
2.4.7 Textstorlek
Här kan man ställa om textstorleken i redigeringsläget. Ett nytt fönster öppnas där man kan välja textstorlek normal, stor eller störst. De inställningar man gör sparas.
2.4.8 Återgå till visningsläge
Stänger redigeringsläget och återgår till visningsläget.
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.
1. 2. 3. 4. 5. 6. 7.
1. 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 avsnitt 2.7.
2. Lägg till text
Snabbvalsikon. Klicka på denna ikon och en textredigerare öppnas. Mer information om textmodulen i avsnitt 3.1.
3. Lägg till bild
Snabbvalsikon. Klicka på denna ikon och en bildväljare öppnas. Mer information om bildmodulen i avsnitt 3.2.
4. Lägg till tabell
Snabbvalsikon. Klicka på denna ikon och en tabellmodul öppnas. Mer information om tabellmodulen i avsnitt 3.3.
5. Navigation
I denna rullgardinsmeny kan du välja mellan olika moduler för att navigera. Det finns olika typer av menyer (expanderande, flernivå, flernivålänk, meny, popup, träd, rullgardin), föregående/nästa, imagemap, innehållsförteckning och webbkarta. För att välja ett alternativ markerar du det. Mer information om navigationsmodulväljaren i avsnitt 4.
6. Interaktivt
I denna rullgardinsmeny kan du välja mellan olika moduler för att skapa interaktivitet. Det finns bokning, e- postformulär, FAQ-lista, forum, gästbok2, prenumeration, webbfråga, webbanmälan och vykort. Alla dessa 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 i avsnitt 5.
7. Övrigt
I denna rullgardinsmeny kan du välja mellan olika övriga moduler som finns i SiteVision. Det finns anpassat läge, A-Ö lista, evenemangskalender, fildelning, HTML, inloggning, länkad modul, multimedia, nyheter, nyhetsmeny, PDF-utskrift , skript, slumpad bild, sök, 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 i avsnitt 6.
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.
2.6.1 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. 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.
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 kolumnsvis (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.
2.6.2 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):
2.6.3 Ändra
Man kan ändra på en modul genom att dubbelklicka på en modul t.ex. en text. Då öppnas textredigeraren. Om
Under ”Innehåll” finns en ikon ”flytta layout”. Med denna kan man bara flytta absolut positionerade layouter.
2.7 Absolut layout
2.7.1 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.
3 Snabbvalsikoner
3.1 Text
3.1.1 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 listan.
OBS! För att lägga till en ny formatmall måste man vara administratör, se Administratörsmanualen.
3.1.2 Inställningar för text
1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14.
1. 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. Observera att sidan inte sparas när man klickar på spara-knappen utan bara texten i textmodulen.
2. Klipp ut: Klipper ut markerad text och lägger den på klippbordet.
3. Kopiera: Kopierar markerad text och lägger den på klippbordet.
4. Klistra in: Klistrar in text från klippbordet på platsen där markören är placerad.
5. Formatmallsväljare: Markera önskad text och välj någon av de fördefinierade formatmallarna. På denna bild syns formamallen ”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 få en punkt när man klickar enter. Punktlistan avslutas genom att klicka igen på ikonen eller vid styckebrytning.
Tips! Vill man ha en styckeindragning lämnar man en tom rad innan man börjar punktlistan. Det blir då extra
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:
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). Länkar kan skapas till följande objekt:
➢ Intern webbsida: Används om man vill länka till en sida inom egna webbplatsen. Strukturen på webbplatsen visas och 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
“http://” 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.
➢ 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 användaren klickar på länken öppnas användarens e-postprogram och adressen blir automatiskt ifylld.
➢ 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.
Ankare kan användas för att hoppa direkt till ett visst ställe på sidan. För att lägga till ett ankare, markera rätt sida i navigatorn och kryssa i Använd ankare och klicka därefter på knappen Ankare. Då visas ett träd mellan alla de moduler som finns på sidan. Har man lagt till ankare i textmodulen så syns dessa under respektive textmodul.
I fältet Beskrivning kan man fylla i en beskrivning som syns när användaren för musen över länken. 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.
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.
3.1.3 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.
Redigera
➢ Klipp ut: Klipper ut markerad text och lägger den på klippbordet.
➢ Kopiera: Kopierar markerad text och lägger den på klippbordet.
➢ Klistra in: Klistrar in texten som ligger på klippbordet på platsen där markören är placerad.
➢ Ångra: Ångrar den senaste ändringen.
➢ Gör om: Ångrar ångringen.
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 redigera tex 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 skall länkas och klickar på Infoga ankare. (eller använder snabbkommandot CTRL+SHIFT+L). Ett nytt fönster öppnas där man fyller i namnet på ankaret. Har du markerat ordet som skall bli en ankarlänk så fylls namnet i automatiskt.
Om man fyller i exempelvis Acrobat Reader, så visar textmodulen då 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. Här syns de textankare som man namngivit:
➢ 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 kan infogas:
• Hårt mellanslag
• Copyright
• Grader
• Dubbelpil vänster/höger
• Promilletecken
• Euro
• Registrerat varumärke
• Varumärke
• Långt tankestreck
• Upphöjd etta/tvåa/trea
➢ 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 runda punktlistorna. Väljer man en annan punktlista så används den enbart i den textmodul där man har valt punktlisttypen.
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! Läs mer om hur man sätter upp andra punktlisttyper i Administratörsmanualen.
3.2 Bild
3.2.1 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 eller lägga till en bild från den egna arbetsstationen i bildarkivet. 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.
3.2.2 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å mappar 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.
Fliken Inställningar
➢ 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 lite yta. Det är också stor risk att bilden blir oproportionerlig, använd hellre Redigera bild som skalar om storleken på bildfilen, se avsnitt 3.2.3.
OBS! Använder man denna dynamiskt måste man högerklicka på modulen och sätta Bredd och Höjd för att bilden skall visas.
➢ Skapa länk av bilden: Väljer man detta alternativ blir bilden klickbar. Om man klickar på “Länka” öppnas den vanliga länkväljaren (se avsnitt 3.2.2 under punkt 12 Länk) och man väljer var 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.
➢ Bildbeskrivningstext: Även kallad “Alt-text”. Detta är en text som visas om bilden inte visas eller om en synskadad person använder skärmläsnings-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 för att man alltid skall använda bildbeskrivningstext. Tänk på att fylla i en text som verkligen säger någonting om bilden. I vissa fall tex om man använder en bild för dekoration (en pil framför tex ett menyval) kan man välja att inte fylla texten.
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.
3.2.3 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:
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.
➢ 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.
3.3 Tabell
3.3.1 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.
3.3.2 Verktygsfält
1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18.
1. 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.
2. Klipp ut: Klipper ut markerade celler och lägger dem på klippbordet.
3. Kopiera: Kopierar markerade celler och lägger dem på klippbordet.
4. Klistra in: Klistrar in text från klippbordet med början på den markerade cellen.
5. Formatmallsväljare: Markera önskad text och välj någon av de fördefinierade formatmallarna. På denna bild syns formamallen ”Brödtext”. Ändrar på markerade celler vid nytt val.
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.
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. Infoga rad: Lägger till en rad över den markerade raden.
15. Infoga kolumn: Lägger till en kolumn innan den markerade kolumnen.
16. Radera rader: Raderar de markerade raderna.
17. Radera kolumner: Raderar de markerade kolumnerna.
18. Rad/kolumnrubrik: Markerar aktuella celler som rubrik. Om cellen är på första raden blir det kolumnrubriker och om de är i första kolumnen blir de radrubriker.
3.3.3 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.
Redigera
➢ Klipp ut: Klipper ut markerade celler och lägger dem på klippbordet.
➢ Kopiera: Kopierar markerade celler och lägger dem på klippbordet.
➢ Klistra in: Klistrar in text från klippbordet med början på den markerade cellen.
Alternativ
➢ Tabellsammanfattning: Det man fyller i här skrivs ut i HTML-koden som summary. När man har aktiverat ”WAI- läget” måste denna fyllas i.
➢ Kantinställningar: Inställningar för tabellens ramar. Kantbredden kan ställa in, normalt använder man bredd från 1-10 där 10 ä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: Anpassa tabellens bredd till modulen.
➢ 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.
➢ 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
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 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 Expanderande meny
4.1.1 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.
4.1.2 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.
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.
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:
➢ 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.
➢ 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.
4.2 Flernivålänk
4.2.1 Användningsområde
Flernivålänken visar vilken webbsida man befinner sig på så att man vet var man är i strukturen. Flernivån visar inte mappar då dessa inte går att länka till. Om strukturen i navigationsträdet ser ut som följande:
Så innebär att flernivålänken kommer att visa tre olika nivåer:
4.2.2 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: 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.
➢ Maximalt antal visade tecken: Här kan man begränsa antal tecken som visas ifall en webbsida har ett långt namn.
4.3 Flernivåmeny
4.3.1 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.
4.3.2 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.
