Användarutbildning i SiteVision

Transkript

1 Användarutbildning i SiteVision Senselogic AB Version 2.4

2 Innehållsförteckning 1 Komma igång med SiteVision Starta SiteVision Redigeringsläget i SiteVision Verktygsfält Modulväljare Navigator Innehåll Komma igång med några vanliga uppgifter Skapa en ny webbsida Lägg till en textmodul med en länk Lägg till en bild Lägg till en tabell med kontaktinformation Senselogic Användarutbildning i SiteVision, Version 2.4 2

3 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: 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. Senselogic Användarutbildning i SiteVision, Version 2.4 1

4 1.2 Redigeringsläget i SiteVision När man är inne i redigeringsläget så ser man följande struktur: Verktygsfält Modulväljare Redigeringsyta Navigator Innehåll 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. 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å att användaren kan se ändringarna. 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. Klicka OK för att publicera sidan som är markerad. 4. Dölj/visa sidolist Döljer eller visar sidolisten som innehåller navigator och innehåll så att redigeringsytan blir större. Senselogic Användarutbildning i SiteVision, Version 2.4 2

5 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. 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. 7. Inställningar Här kan man göra inställningar som gäller textstorlek och språk i redigeringsläget i SiteVision. 8. Återgå till visningsläge Stänger redigeringsläget och återgår till visningsläget (on-line) Modulväljare Högst upp i mitten (under adressfältet )finns modulväljaren. Där visas följande ikoner: 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. Lägg till tabell Snabbvalsikon. Klicka på denna ikon och en tabellmodul öppnas. 4. 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. 5. 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. För att välja ett alternativ markerar du det. 6. Ö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. För att välja ett alternativ markerar du det. 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 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 på. Här visas alla sidor som skapats på webbplatsen, både publicerade och opublicerade. Senselogic Användarutbildning i SiteVision, Version 2.4 3

6 Meny Snabbikoner (Ta bort, Egenskaper, Flytta markerad sida, Översätt sida) Navigationsträd 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 Flyttad 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 sidorna på den plats där de skall vara (håll ner Shift-tangenten och dra modulen 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äljer 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 Ta bort. Sidikoner Ikonen för sidor kan se ut på sex olika sätt: 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 tex 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. Längst till höger i det blå fältet finns en meny. I menyn finns förutom navigatorn också sidmallar, filarkiv och bildarkiv. För att välja en annan vy (exempelvis sidmallar) klickar man på menyn längst upp till höger, då visas en meny: Senselogic Användarutbildning i SiteVision, Version 2.4 4

7 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. 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 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 tex 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 (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. Ändra en modul Man kan ändra på en modul genom att dubbelklicka på en modul tex en textmodul. 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å. 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. Senselogic Användarutbildning i SiteVision, Version 2.4 5

8 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, sök, egenskaper, versioner och kommentarer. Senselogic Användarutbildning i SiteVision, Version 2.4 6

9 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. Infoga Ny sida (första ikonen på verktygsfältet). 3. Fyll i namn på webbsidan och välj vilken mall sidan skall baseras på. 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. 4. Webbsidan har nu skapats och lagts till längst ner i navigationsträdet eller i den mapp som var markerad. 5. Sidan är markerat med ett rött kryss för den är opublicerad. Fyll på med innehåll och publicera sidan 6. Klart! Senselogic Användarutbildning i SiteVision, Version 2.4 7

10 2.2 Lägg till en textmodul 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. En textredigerare öppnas. Skriv det ord du vill länka i textmodulen tex Till startsidan 5. Markera ordet och välj ikonen för länk. En länkväljare öppnas. Det finns fem olika typer av länkar: Senselogic Användarutbildning i SiteVision, Version 2.4 8

11 Intern webbsida en länk inom den egna webbplatsen Extern webbsida en länk till en annan webbplats Dokument/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 länk och markerar startsidan som vi vill länka till. Fyll i en länkbeskrivningstext. Om man vill att fönstret skall öppnas i ett nytt fönster, markerar man rutan Öppna i nytt fönster. 6. Klart! Senselogic Användarutbildning i SiteVision, Version 2.4 9

12 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. Om man vill att bilden skall hamna i bildarkivet så att alla kan nå den, lägg den under mappen Bildarkiv. Om man vill att man bara ska nå bilden från den aktuella sidan, lägg den under mappen Bilder på sidan. 6. 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. Senselogic Användarutbildning i SiteVision, Version

13 7. Markera bilden och välj OK. 8. Har administratören bestämt att man skall följa WAI, bör man fylla i en bildbeskrivningstext. Detta gör man under fliken Bildbeskrivning och alternativet Bildbeskrivning. Det finns tre alternativ till bildbeskrivning: Använd inte bildbeskrivningstext: Används om det är en dekorationsbild som inte tillför något. Hämta bildbeskrivning från metadata på vald bild: 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. Ange en bildbeskrivningstext: Används för att förklara bilden, att förmedla vad den visar. Här kan man också lägga till en bildtext under bilden. Detta gör man genom att fylla i rutan Bildtext. 9. Klicka OK. Bilden är nu tillagd på sidan. 10. Vill man redigera bilden, dubbelklicka på bilden för att öppna bildväljaren igen. 11. Markera namnet på bilden och högerklicka. Välj alternativet Redigera bild. Senselogic Användarutbildning i SiteVision, Version

14 12. Nu öppnas en enkel bildredigerare För att beskära en bild: markera ett område med ikonen Markera ett område och välj därefter ikonen Beskär bild. För att skala om en bild: välj ikonen Ändra bildens storlek och fyll i den bredd och höjd som önskas. 13. 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! Senselogic Användarutbildning i SiteVision, Version

15 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 snabbikonen Lägg till tabell. 4. Inställningar för tabell öppnas. Fyll i exempelvis kontaktinformation. 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. OBS! Om man centralt har bestämt att man skall följa WAI, 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. Senselogic Användarutbildning i SiteVision, Version

16 Om man inte gjort detta och klickar på OK, får man upp följande påminnelse: 6. 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. 7. Vill man att tabellbredden skall anpassas till modulbredden, välj Alternativ -> Tabellbredd. Kryssa i rutan Anpassad till modulbredden. Senselogic Användarutbildning i SiteVision, Version

17 Tabellen blir då lika bred som innehållsytans bredd. 8. Om man nu klickar OK, så får man upp en påminnelse om att ange tabellsammanfattning (OM man centralt har bestämt att man skall ha utökat tillgänglighetsstöd) och/eller tabellrubrik. Senselogic Användarutbildning i SiteVision, Version