Användarutbildning i SiteVision
SiteVision AB
Version 3
Innehållsförteckning
1 Komma igång med SiteVision............................................................................................1
1.1 Starta SiteVision................................................................................................................................... 1
1.2 Redigeringsläget i SiteVision............................................................................................................ 2
1.2.1 Verktygslisten.................................................................................................................................................................2
1.2.2 Modulväljare..................................................................................................................................................................3
1.2.3 Navigator.......................................................................................................................................................................3
1.2.4 Innehåll...........................................................................................................................................................................5
2 Komma igång med några vanliga uppgifter...................................................................6
2.1 Skapa en ny webbsida...................................................................................................................... 6
2.2 Lägg till en text med en länk........................................................................................................... 7
2.3 Lägg till en bild ................................................................................................................................. 8
2.3.1 Skala om bild manuellt..............................................................................................................................................10
2.3.2 Skala om bild automatiskt.........................................................................................................................................11
2.3.3 Använd fördefinierad anpassad storlek (maximal bredd x höjd).......................................................................12
2.4 Lägg till en tabell med kontaktinformation.................................................................................. 13
2.5 Lägga till nyhetsartikel.................................................................................................................. 16
3 Uppgifter..............................................................................................................................17
4 Tips.......................................................................................................................................18
© SiteVision Användarutbildning i SiteVision, Version 3
2
1 Komma igång med SiteVision
1.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.
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.
Användare med behörighet att ändra en sida får 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.
© SiteVision Användarutbildning i SiteVision, Version 3
1
1.2 Redigeringsläget i SiteVision
När man är inne i redigeringsläget så ser man följande struktur:
1.2.1 Verktygslisten
Högst upp till vänster under adressfältet finns verktygslisten. Där visas följande fem ikoner:
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. T ex 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. Fyll i namn och välj vilken mall sidan skall
baseras på. Alla webbsidor bygger på mallar som administratören har skapat.
Tänk på att det skall vara ett beskrivande namn då det är detta namn som kommer att synas i alla menyer osv.
2. Spara
Sparar alla ändringar i redigeringsläget, dvs de är inte publicerade så besökarna kan ännu inte se ändringarna.
3. 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.
4. 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. En publiceringsguide
öppnas där man kan gå igenom alla steg eller klicka på Slutför för att publicera sidan.
5. Återgå till visningsläge
Stänger redigeringsläget och återgår till visningsläget (online).
© SiteVision Användarutbildning i SiteVision, Version 3
2
1.2.2 Modulväljare
Högst upp i mitten (under adressfältet) finns modulväljaren. Där visas följande ikoner:
1. Lägg till text
Snabbvalsikon. Klicka på denna ikon och en textredigerare öppnas.
2. Lägg till bild
Snabbvalsikon. Klicka på denna ikon och en bildväljare öppnas.
3. Ikon för lägg till modul – en meny fälls ut
Här väljer man den modul man ska använda genom att:
–
Sök efter modulen
–
Modulen ligger som en favorit
–
Modulen ligger som senast använd modul
–
Leta i rätt kategori efter modulen
OBS! Alla dessa moduler 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 att använda modulerna.
1.2.3 Navigator
Navigatorn visar navigationsträdet som används för att enkelt kunna navigera i strukturen och välja det objekt man
vill nå/ändra. Här visas alla sidor som skapats på webbplatsen, både publicerade och opublicerade.
Snabbikoner (Ta bort, Egenskaper, Flytta markerad sida, Översätt sida)
För att se underliggande sidor under en mapp eller en sida, klicka på plustecknet.
Byt namn på en sida
För att byta namn på en sida, högerklicka på en sida och välj alternativet Byt namn. För att namnbytet skall slå
igenom måste man avsluta inmatningen med ett Enter-slag.
Flytta på en sida
Markera sidan, håll nere SHIFT och dra den till rätt plats med musen. Alternativt kan man använda snabbikonen
Flytta markerad sida för att flytta sidan till en ny gren.
Ordningen i navigatorn är avgörande för hur menyerna visas. För att ändra på ordningen kan man dra-och-släppa
© SiteVision Användarutbildning i SiteVision, Version 3
3
sidorna på den plats där de skall vara (håll ner Shift-tangenten och dra sidan till sin nya plats). Eventuellt måste
man ställa om sorteringen till manuell. Detta gör man genom att högerklicka på mappen/sidan och välja alternativet
Sortering -> Manuell sortering.
Ta bort en sida
För att ta bort en sida, markera den i navigatorn och högerklicka och välj alternativet Ta bort. Alternativt kan man
markera sidan och välja den första snabbikonen med krysstecknet, Ta bort.
Sidikoner
Ikonen för sidor kan se ut på sex olika sätt:
Sidlås aktiveras så fort någon börjar 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 har klickat på spara-knappen och
lämnat sidan.
OBS! Sidlås är något som man kan aktivera på webbplatsen, det används därför inte av alla.
Längst till höger i det blå fältet finns en meny. I menyn finns förutom Navigatorn också Sidmallar, Filarkiv och
Bildarkiv. Beroende på behörighet kan man även se Dekorationsmallar och Mobila vyer. För att välja en annan vy
(exempelvis sidmallar) klickar man på menyn längst upp till höger, då visas en meny:
➢ 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.
➢ 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.
➢ Bildarkiv
I bildarkivet visas de bilder som finns i bildarkivet. Här kan man också lägga till, ta bort och ändra egenskaper.
© SiteVision Användarutbildning i SiteVision, Version 3
4
Klickar man på Lägg till bild öppnas en bildväljare där man kan ladda upp filer till servern.
OBS! I Fil- och bildarkivet visas bara de filer och bilder som man har lagt i mappen Bildarkiv/Filarkiv. Dvs 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 som ligger i Bilder/Filer på sidan.
1.2.4 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.
Byt namn på en modul
Det kan vara bra att byta namn på modulerna på en sida. I exemplet ovan finns det t ex två textmoduler och då kan
det vara svårt att skilja på dem. För att byta namn, högerklicka på en modul och välj alternativet Byt namn. För att
namnbytet skall slå igenom måste man avsluta inmatningen med ett Enter.
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 modulerna (håll ner Shift-tangenten och dra modulen till sin nya plats).
Flytta en modul
Flytta på en modul genom att markera den under ”Innehåll”, håll nere SHIFT och dra den till rätt plats med musen.
Du kan även flytta på en modul ute i redigeringsytan.
Ändra en modul
Man kan ändra på en modul genom att dubbelklicka på den t ex en bildmodul. Då öppnas bildväljaren osv. Det är en
ram runt de moduler som går att ändra på.
Ta bort en modul
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)
Menyn vid innehåll
Längst till höger i det blå fältet finns en meny. I menyn finns förutom innehåll också Snabblänkar, Mina sidor, Sök,
Snabbegenskaper, Versioner och Kommentarer.
© SiteVision Användarutbildning i SiteVision, Version 3
5
2 Komma igång med några vanliga uppgifter
2.1 Skapa en ny webbsida
1. Markera den plats i navigatorn där du vill infoga en webbsida.
2. Välj ”Ny sida” (första ikonen på verktygsfältet).
3. Fyll i namn på webbsidan och välj vilken mall sidan skall baseras på.
4. Webbsidan har nu skapats och lagts till i navigatorn under den gren/arkiv/mapp som var markerad.
5. Sidan är markerad med ett rött kryss eftersom den är opublicerad. Fyll på med innehåll och publicera sidan
6. Klart!
© SiteVision Användarutbildning i SiteVision, Version 3
6
2.2 Lägg till en text med en länk
1. Markera den sida som du vill lägga till en ny textmodul på i navigatorn.
2. Markera innehållsytan under Innehåll. I detta exempel heter innehållsytan Mittenspalt.
3. Välj snabbikonen ”Lägg till text”.
4. Markera texten som ska länkas.
5. Klicka på ikonen Skapa länk (eller kortkommandot CTRL+L)
6. Ett nytt fönster öppnas där man får välja typ av länk och var länken ska peka.
En länkväljare öppnas. Det finns fem olika typer av länkar:
✔
Intern webbsida – en länk inom den egna webbplatsen
✔
Extern webbsida – en länk till en annan webbplats
✔
Fil – en länk till en fil i filarkivet
✔
E-postadress – en länk till en e-postlänk
✔
Bild – en länk till en bild i bildarkivet.
I detta exempel väljer vi Intern webbsida och markerar startsidan som vi vill länka till.
Fyll eventuellt i en länkbeskrivningstext. Behövs inte om länken är självbeskrivande i sig.
Om man vill att fönstret skall öppnas i ett nytt fönster, markerar man rutan ”Öppna i nytt fönster” .
7. Klart!
© SiteVision Användarutbildning i SiteVision, Version 3
7
2.3 Lägg till en bild
1. Markera den sida där du vill lägga till en ny bild.
2. Markera innehållsytan under Innehåll.
3. Välj snabbikonen ”Lägg till bild”.
4. En bildväljare öppnas. Markera den bild du vill lägga till.
5. Finns inte bilden i bildarkivet, ladda upp den genom alternativet ”Lägg till bild”. Det finns två arkiv där man kan
lagra bilderna:
•
Bilder på sidan – Bilderna kan endast användas på den aktuella sidan. Om bilderna lagras på sidan så
försvinner dessa bilder när man slänger sidan.
•
Bildarkiv – Bilderna hamnar i ett gemensamt bildarkiv för hela webbplatsen.
Ett nytt fönster öppnas. Leta reda på bilden, markera den och välj ”Öppna”. Bilden läggs nu till i den mapp som
var markerad i bildarkivet.
6. Markera bilden och välj OK.
7. Om administratören bestämt att man skall använda Utökat tillgänglighetsstöd, så kanske man bör fylla i en
© SiteVision Användarutbildning i SiteVision, Version 3
8
alternativtext. Detta gör man under fliken Bildbeskrivning och alternativet Alternativtext.
Det finns tre alternativ till bildbeskrivning:
➢ Använd inte alternativtext: Används om det är en dekorationsbild som inte tillför något till webbsidan.
➢ Hämta alternativtext från metadatat Beskrivning: Hämtar metadatabeskrivning om man fyllt i en
beskrivning när man laddade upp bilden i bildarkivet. Om det inte finns någon bildbeskrivning med
metadata på bilden så blir detta alternativ utgråat.
➢ Använd alternativtext: Används för att förklara bilden, att förmedla vad den visar.
Om en besökare surfar utan bilder så visas/läses bildbeskrivningstexten upp istället för bilden:
8. Under denna flik kan man också lägga till en bildtext som visas under bilden. Detta gör man genom att fylla i
fältet Bildtext.
Bildtexten visas vänsterställd under bilden med den formatmall som är bestämd att användas som bildtext på
webbplatsen.
9. Klicka OK. Bilden är nu tillagd på sidan.
© SiteVision Användarutbildning i SiteVision, Version 3
9
2.3.1 Skala om bild manuellt
1.
Om man har en bild som är för stor, dubbelklicka på bilden för att öppna bildväljaren igen.
2.
Markera namnet på bilden och högerklicka. Välj alternativet ”Redigera bild”.
3.
Nu öppnas en enkel bildredigerare.
4.
•
För att beskära en bild: markera ett område med ikonen ”Markera ett område”
”Beskär bild”.
•
För att skala om en bild: välj ikonen ”Ändra bildens storlek”
och välj därefter ikonen
och fyll i den bredd och höjd som önskas.
En kopia skapas av den redigerade bilden så att originalbilden finns kvar. Kopian får namntillägget (2), (3) osv
beroende på hur många kopior som har skapats.
OBS! Städa bort de kopior som skapats som inte används, så att det inte samlas en massa onödiga bilder på
servern!
© SiteVision Användarutbildning i SiteVision, Version 3
10
2.3.2 Skala om bild automatiskt
1.
Lägg till en bild. Om bilden är större än innehållsytan så kan man skala om den.
2.
Dubbelklicka på bilden för att öppna bildväljaren igen.
3.
Gå till fliken Inställningar. Under Bildstorlek, kryssa i Anpassa bildens storlek automatiskt.
Här anger man både max bredd och max höjd. Bilden blir dock proportionerligt omskalad då den går på
antingen bredd eller höjd.
4.
Klicka OK. Klart! Nu får bilden plats innanför innehållsytan.
© SiteVision Användarutbildning i SiteVision, Version 3
11
Tips! Om man anpassar bildens storlek kan man även göra bilden förstorningsbar. Klicka då i kryssrutan under
bredd och höjdinställningarna. Aktivera bildzoom vid anpassad storlek. Bilden blir klickbar (får en hand som
markör om man för musen över bilden).
Klickar man på bilden så förstoras bilden medan övrig bakgrund gråas ut.
För att återgå till normalt läge, stäng ner förstoringen med det svarta krysset längst upp till höger på
bilden.
Tips! Förstoringen utgår från den bild som används och anpassar den till storleken på besökarens
webbläsarfönster. För bästa resultat, låt originalbilden vara i samma storlek eller lite mindre än bredden på
webbplatsen.
2.3.3 Använd fördefinierad anpassad storlek (maximal bredd x höjd)
Om webbplatsansvarig har aktiverat Bildstorlekar på webbplatsen kan man välja att skala om bilden till en
viss bildstorlek. Välj ett av filtren i listan och klicka ok.
© SiteVision Användarutbildning i SiteVision, Version 3
12
2.4 Lägg till en tabell med kontaktinformation
1. Markera den sida där du vill lägga till en ny tabell.
2. Markera innehållsytan under Innehåll.
3. Välj modulen tabell i modulväljaren.
4. ”Inställningar för tabell” öppnas. Fyll i exempelvis kontaktinformation. Markera första cellen och skriv exempelvis
Namn. För att flytta till nästa cell, välj tab, pil höger eller klicka med musen i nästa cell.
5. Markera den översta raden (som innehåller Namn, Rum, Telefon och E-post) och välj en annan formatmall så
att det syns att det är rubriker.
6. Om administratören har bestämt att man ska använda Utökat tillgänglighetsstöd, bör man också markera
tabellrubrikerna och klicka på ikonen längst bort till höger (Rad/kolumnrubrik) för att också kodmässigt märka
dessa som tabellrubriker.
© SiteVision Användarutbildning i SiteVision, Version 3
13
Om man inte gjort detta och klickar på OK, får man upp följande påminnelse:
7. Vill man underlätta läsningen av tabellen kan man varannanradsfärga tabellen. Markera det område som skall
varannanradsfärgas och välj Alternativ -> Varannanradsfärga.
8. Vill man att tabellbredden skall fylla ut hela innehållsytan, välj Alternativ -> Utnyttja full tabellbredd. Tabellen
blir då lika bred som innehållsytans bredd.
© SiteVision Användarutbildning i SiteVision, Version 3
14
9. Om man nu klickar OK, så får man upp en påminnelse om att ange tabellrubrik (OM man centralt har bestämt
att man skall ha utökat tillgänglighetsstöd) och/eller tabellrubrik.
10. Klicka OK. Klart!
© SiteVision Användarutbildning i SiteVision, Version 3
15
2.5 Lägga till nyhetsartikel
Om det redan finns en nyhetsmodul uppsatt och du vill lägga till en nyhet så lägger du till en artikel i nyhetsarkivet.
Det finns två sätt att göra detta på:
1.
Markera arkivet där de andra nyheterna ligger i och välj Skapa ny (stora ikonen längst upp till vänster). Välj den
nyhetsmall som skall användas och tryck OK.
Fyll i Rubrik. Ingress , Innehåll och Bild (eller vad textmodulerna heter i mallen). Det är viktigt att textmodulerna
har dessa namn för att nyhetsmodulen skall fungera. Tar du bort en modul och lägger dit en ny modul så
måste du alltså byta namn på modulen.
2.
Om den som satte upp nyhetsmodulen klickade i Visa länk för att skapa ny artiklar i valda arkiv så visas en länk
under de befintliga nyheterna på sidan (Du måste dock vara inloggad för att se denna länk).
I visningsläge eller förhandsgranskaläge, klicka på länken Lägg till artikel så kommer en nyhet skapas i korrekt
arkiv med den mall som finns inställd i nyhetsmodulen.
Fyll i Rubrik. Ingress , Innehåll och Bild (eller vad textmodulerna heter i mallen). Det är viktigt att textmodulerna har
dessa namn för att nyhetsmodulen skall fungera. Tar du bort en modul och lägger dit en ny modul så måste du
alltså byta namn på modulen.
© SiteVision Användarutbildning i SiteVision, Version 3
16
3 Uppgifter
1. Skapa en ny webbsida med ditt förnamn, basera den på valfri mall.
2. Lägg till en textmodul där du skriver en rubrik med en formatmall som passar en rubrik.
3. Lägg till ytterligare en textmodul där du fyller i lite text. Kopiera texten och klistra in den så att det blir ganska
många rader text.
4. Lägg till en bildmodul där du lägger till en bild som redan finns i bildarkivet. Länka bilden till en valfri extern
adress.
5. Lägg till en tabell med Namn och E-postadress. Lägg till två personer och länka e-postadresserna.
6. Skala om en befintlig bild till halva dess bredd. Lägg till den redigerade bilden.
7. Lägg till en bildtext på bilden som du lade till på punkt 4.
8. Dra tabellmodulen (med hjälp av hålla nere SHIFT) så att den ligger direkt under rubriken.
9. Byt namn på din webbsida som du jobbar med.
10. Skapa en extern länk till Google (www.google.se)
11. Skapa en ny webbsida under din webbsida. Basera den på valfri mall. Dölj sidan så att den inte syns i menyer.
© SiteVision Användarutbildning i SiteVision, Version 3
17
4 Tips
➔ Behöver du hjälp med något? Klicka på frågetecknet i modulerna eller surfa till vår onlinehjälp:
http://help.sitevision.se
➔ Kortkommandon för att byta formatmall i textmodulen:
CTRL
CTRL
CTRL
CTRL
+ 1 För att få rubriknivå 1
+ 2 För att få rubriknivå 2
+ 3 För att få rubriknivå 3
+ 0 För att återgå till den formatmall som ligger högst upp bland alla formatmallar (normalt brödtext).
➔ Flytta moduler under rutan Innehåll genom att hålla nere SHIFT.
➔ Byt namn på en sida genom att högerklicka på sidan och välj alternativet Byt namn (eller markera sidan
under Innehåll och klicka F2). För att namnbytet skall slå igenom måste man avsluta inmatningen med ett
Enter-slag.
➔ Om en sida inte skall synas i menyer, högerklicka på sidan och välj ”Dölj i menyer”.
➔ Det går att dela upp en textmodul i flera textmoduler tex om man vill ha texten i olika textmoduler pga man
skall infoga en bild mitt i texten, om man vill skapa ankarlänkar till olika delar eller om man vill nyttja olika
punktlistor. Markera i textmodulen där du vill dela textmodulen och välj Redigera ->Dela textmodul. All text
nedanför markeringen flyttas ned till en ny textmodul.
© SiteVision Användarutbildning i SiteVision, Version 3
18