Manual Introduktionskurs SiteVision

Transkript

1 Manual Introduktionskurs SiteVision sidan 1 Manual Introduktionskurs SiteVision Version 3 Innehållsförteckning Logga in 2 Redigera text 3 Om bilder på ale.se 6 Lägga till en bild 7 Lägga till en länk i text 9 Lägga till länkar under Relaterad information 10 Lägga till Etjänster och blanketter 11 Lägga till en tabell 14 Publicera en sida 16 Statussymboler för sidor 19

2 Manual Introduktionskurs SiteVision sidan 2 Logga in 1) Sidfoten I sidfoten på ale.se hittar du länken "Logga in". Du loggar in med samma användaruppgifter som du använder för att logga in på din dator. SiteVision fungerar bäst med Firefox som webbläsare. 2) Grön knapp När du loggat in ser du en grön knapp längst ned på sidans högra sida. Klicka på den för att komma in i redigeringsläget.

3 Manual Introduktionskurs SiteVision sidan 3 Redigera text 1) Navigera till sidan som ska redigeras För att komma till den sida som du ska redigera kan du antingen navigera dig via strukturen (Navigator) som ligger på vänster sida eller klicka dig fram på via menyerna på själva webbsidan. 2) Sidans uppbyggnad Alla informationssidor på webben består av två delar: En mittenspalt där du lägger in text och bild En högerspalt där du lägger in länkar. I högerspalten kan du även länka till etjänster och blanketter.

4 Manual Introduktionskurs SiteVision sidan 4 3) Verktygsfältet Högst upp till vänster på sidan, under adressfältet, finns verktygsfältet. Där visas följande fem ikoner: a. b. c. d. a. b. c. d. Spara Sparar alla ändringar i redigeringsläget, dvs. de är inte publicerade så besökarna kan ännu inte se ändringarna. Förhandsgranska För att återgå till redigeringsläge, klicka på förhandsgranska ytterligare en gång. Publicera Återgå till visningsläge Stänger redigeringsläget och återgår till visningsläget (online). 4) Redigera befintlig text (Mittenspalten) Det är enkelt att skriva nytt eller ändra texter i SiteVision. Det räcker att du placerar markören/muspekaren vid den plats där du vill börja skriva/ändra. a. Mittenspaltens uppbyggnad Alla sidors innehåll är uppbyggda på samma sätt: Rubrik Ingress Innehåll Du kan navigera mellan innehållsytorna antingen via strukturen på vänster sida eller genom att klicka direkt på webbsidan. b. Teckenstorlek och typsnitt (formatmall) Teckenstorlek och typsnitt (i SiteVision kallas det formatmallar) för rubrik, ingress och innehåll är förinställda, så du behöver inte tänka på att ställa in teckenstorlek och typsnitt själv. Vi använder följande förinställda formatmallar: Rubrik: Ny H1 Sidrubrik Ingress: Ny Ingress Innehåll: Ny Brödtext

5 Manual Introduktionskurs SiteVision sidan 5 Om du behöver göra underrubriker så använder vi oss av två nivåer i löpande text/brödtext: Underrubrik nivå 2: Ny H2 Rubrik brödtext Underrubrik nivå 3: Ny H3 Rubrik brödtext Exempel på underrubrik nivå 2 (Förskola) och nivå 3 (Pedagogisk omsorg): c. Ändra eller lägg till en formatmall i din text Markera din text eller rubrik, klicka på droplisten och välj vilken formatmall du vill använda.

6 Manual Introduktionskurs SiteVision sidan 6 Om bilder på ale.se Storlek Alla bilder som används på ale.se ska ha storlek 507x324 pixlar. Om du har en bild som du vill använda och inte vet hur du får fram rätt storlek kan du vända till din huvudredaktör alternativt webbansvarig för att få hjälp. Fri användning av bilder i Bildarkivet Tänk på att alla bilder som laddas upp i bildarkivet ska vara fria för alla att använda i olika sammanhang. Ale kommun måste också äga bilderna (antingen genom att vi har köpt in/fått bilderna eller att någon anställd på Ale kommun har tagit bilderna). Om ett foto innehåller människor som kan identifieras är det viktigt att vi får personens/personernas godkännande innan bilden publiceras. Bild som endast används vid ett speciellt tillfälle/sammanhang Om du har en bild som du vill använda på din sida, men som inte bör användas i något annat sammanhang på ale.se (detta är exempelvis vanligt vid publicering av nyheter) kan du välja att lägga bilden i sidans arkiv "Bilder på sidan" istället för webbens arkiv "Bildarkiv". Om du sparar den i "Bilder på sidan" kan ingen annan använda din bild. Målet är dock att alla bilder ska vara gemensamma och att alla bilder på ale.se kan användas av alla redaktörer i olika sammanhang.

7 Manual Introduktionskurs SiteVision sidan 7 Lägga till en bild 1) Lägg till en bildmodul Markera "Rubrik" (under Innehåll) i strukturen till vänster och klicka på "Bild" i verktygsfältet längst upp på sidan. 2) Bildarkivet Du har nu lagt till en "Bildmodul" mellan rubriken och ingressen. Samtidigt öppnas bildarkivet automatiskt.

8 Manual Introduktionskurs SiteVision sidan 8 3) 4) Bild från bildarkiv eller ladda upp egen bild Du kan nu välja att ladda upp en bild från någon av mapparna i bildarkivet eller lägga till en helt ny bild (från din egen dator). Markera den bild du vill lägga till och klicka sedan på fliken "Bildbeskrivning". Bildbeskrivning Under "Bildbeskrivning" kan du fylla i en Alternativtext (alttext) och bildtext. Alternativtext: Beskriver vad du ser på bilden (är viktig för att uppläsningsverktyg/talsynteser ska kunna förmedla vad bilden visar). Bildtext: Används endast vid behov. Bildtext är den text som visas under bilden i publicerat läge. Ex. namn på de personer som visas på bilden. 5) Klicka OK. Nu ligger bilden mellan rubrik och ingress på webbsidan. Om du vill byta bild kommer du enkelt tillbaka till bildarkivet genom att dubbelklicka på bilden. Markera en annan bild och klicka ok.

9 Manual Introduktionskurs SiteVision sidan 9 Lägga till en länk i text 1) Markera text som ska bli en länk Markera din text och klicka på ikonen för att skapa länk (i verktygsfältet längst upp på sidan). 2) Olika typer av länkar Du kan nu välja att länka på fem olika sätt: Intern sida: Välj att länka till en annan sida på ale.se Extern sida: Länka till en annan webbsida (OBS! Kryssa även i "Öppna i ett nytt fönster") Epostadress Fil: Välj i filarkivet vilken fil som du vill länka till (OBS! Kryssa även i "Öppna i ett nytt fönster") Bild: Välj en bild i Bildarkivet. (OBS! Kryssa även i "Öppna i ett nytt fönster") 3) Klicka OK!

10 Manual Introduktionskurs SiteVision sidan 10 Lägg till länkar under "Relaterad information" 1) Markera "Högerspalt" i innehållsytan 2) Infoga en textruta genom att klicka på textikonen (ett A) i verktygsfältet längst upp på sidan. 3) 4) Nu öppnas en ny textruta i högerspalten där ordet "Text" är förberett. Ta bort ordet "Text" och skriv in namnet på din länk istället. Markera namnet på länken och klicka på ikonen (som ser ut som en kedja) för att skapa länk. 5) Markera länken/texten (under "Relaterad information") och välj ikonen som ser ut som ett Plustecken i verktygsfältet. 6) 7) Välj "Punktlista" och därefter "Gråa pilar" Gå därefter till formatmallar och välj "Ny Relaterad information" 8) Högerspalten ska nu se ut på följande sätt: Observara att det inte är någon understrykning trots att det är en länk. Detta beror på formatmallen. Strecket syns enbart när du för muspekaren över länken i publicerat läge.

11 Manual Introduktionskurs SiteVision sidan 11 Lägg till Etjänster och blanketter Direktlänk till en undersida på Etjänster och blanketter: 1) Klicka på "Etjänster" under Innehåll (längst till vänster på sidan). Tryck på Textmodul längst upp på sidan (ikonen som ser ut som ett A). 2) Skriv in "Etjänster, blanketter" i textrutan med hjälp av textmallen "NyEtjänster och självservice". 3) Gör en tabell med grå pilar. På samma sätt som under relaterad information.

12 Manual Introduktionskurs SiteVision sidan 12 4) Lägg in länk till etjänsten 5) Bocka i rutan "Använd ankare " och klicka på knappen "Ankare" och välj aktuell rubrik för din etjänst 6) Klicka OK. Klart!

13 Manual Introduktionskurs SiteVision sidan 13 Lägga till en tabell 1) Lägg till en tabell Markera en textmodul (under Innehåll) i strukturen. Tabellen kommer att infogas under det objekt som är markerat. Klicka sedan på de tre färgglada klossarna i verktygsfältet längst upp på sidan och välj Tabell. 2) Inställningar för tabell öppnas Fyll i din information samt rubriker för varje kolumn. Det går att klistra in från Excel. Om du vill ändra kolumnbredden kan du dra i kolumnerna eller välja Alternativ och sedan Kolumnbredd. 3) Rubrik Markera genom att dra musen över den översta raden (som i det här fallet innehåller namn, sektor, epost och telefonnummer) och välj en annan formatmall så att det syns att det är rubriker. 4) Tillgänglighetsanpassa Låt översta raden med rubriken vara markerad och klicka sedan på ikonen, som ser ut som ett dokument, längt till höger i verktygslisten. (Du har nu kodat tabellen för att underlätta tillgänglighet för exempelvis synskadade.) Om du inte gjort detta och klickar OK, får du upp följande påminnelse: 5) Klicka sedan OK om du känner dig nöjd med tabellen. Klart!

14 Manual Introduktionskurs SiteVision sidan 14 Övriga valmöjligheter: 6) Varannanradsfärga Om du vill underlätta läsningen av tabellen kan du varannanradsfärga tabellen. Markera de rader/kolumner som ska varannanradsfärga och välj Alternativ längst upp i menyn och därefter Varannanradsfärga. 7) 8) Hela sidans bred Vill du att tabellen ska fylla ut hela sidans bredd så väljer du Alternativ och sedan Utnyttja full tabellbredd. Skapa mellanrum från kantlinjerna Om du vill ha lite luft mellan kantlinje och text kan du ställa in avståndet under Alternativ och sedan Kantinställningar. Fyll i antal pixlar (avståndet) under Utfyllnad (padding). Tryck OK och sedan OK i tabellen för att se resultatet. 9) Flytta en tabell från en sida till en annan Högerklicka på tabellen och välj kopiera. Gå till sidan du vill klistra in tabellen på och markera Mittenspalt i strukturen p å vänster sida (under Innehåll). Högerklicka och välj Klistra in. Tabellen lägger sig då längst ned i strukturen. 10) Flytta tabellen inom samma sida Om du vill flytta på tabellens placering på sidan, exempelvis ovanför eller under ett visst textstycke, så markerar du tabellen, håller inne Shift och drar och släpper tabellen där du vill att den ska ligga.

15 Manual Introduktionskurs SiteVision sidan 15 Publicera en sida 1) Klicka på ikonen för publicera i verktygslisten. 2) 3) 4) En ny dialogruta öppnas. Du kommer nu att få gå igenom ett antal steg för att fylla i uppgifter som krävs för att sidan ska gå att publicera. De uppgifter som är obligatoriska är markerade med en röd asterisk (*). Schemaläggning av publicering Här behöver du inte göra något. Tryck på "Nästa". Metadata Under den här rubriken kan du ställa in vad som ska visas på sidan. Vissa uppgifter är förinställda. Scrolla ned i rutan för att komma till rätt information. Det här behöver du fylla i: Nyckelord Sökord som beskriver sidans innehåll. Ex. sidan om Förskolor har nyckelorden: förskolor, förskola, dagis, lekis, barn m.fl. Sidansvarig Klicka på "gubben" för att söka på namn Relaterad information (länkar i högerspalten) Om sidan saknar länkar i högerspalten ska du ändra till alternativet "Ja" under "Ta bort relaterad information".

16 Manual Introduktionskurs SiteVision sidan 16 5) Övriga inställningar Det skickas automatiskt ut påminnelser två gånger per år om att se över sidans innehåll. Ett mail skickas då till den som är sidansvarig med länk till sidan som ska ses över. Under övriga inställningar kan du ändra så att påminnelsen kommer oftare. Exempelvis redan om en månad om du vet om att sidan kommer att behöva uppdateras då. Om du är nöjd med förinställningen (påminnelse två ggr/år) behöver du inte göra något. Klicka på "Nästa". 6) Kvalitetskontroll av sidan (länkkontroll) Här kontrolleras alla länkar på sidan för att säkerställa att alla länkar fungerar. Du kan stöta på två olika alternativ; antingen att inga felaktiga länkar hittades eller att felaktiga länkar hittades. a. Inga felaktiga länkar hittades: Är sidan OK får du en grön bock och kan gå vidare. Klicka på "Slutför" Sidan är nu publicerad b. Felaktiga länkar hittades: Om någon länk är felaktig visas det med ett rött kryss. Klicka på "Visa rapport" för att se vilken/vilka länkar som är trasiga.

17 Manual Introduktionskurs SiteVision sidan 17 Välj avbryt för att komma tillbaka till sidan för att rätta till länken/länkarna, försök därefter publicera sidan på nytt.

18 Manual Introduktionskurs SiteVision sidan 18 Statussymboler för sidor Vanlig publicerad sida Ej publicerad sida Utropstecken Sparad, ej publicerad version Symbolen försvinner nästa gång sidan publiceras. Om du ångrar din senaste sparade version kan du gå in på sidans egenskaper och välja att återta en tidigare version. Dold, publicerad sida Sidan är dold i menyer men är publicerad och sökbar. Symbolen har en ljusare grå nyans än en vanlig sida (som här visas under den dolda sidan). Dold, ej publicerad sida Sidan är dold i menyer och avpublicerad. Symbolen har en ljusare grå nyans än en vanlig sida (som här visas under den dolda sidan). Paustecken sida med senarelagd publiceringsdag Vanligt vid exempelvis nyheter och pressmeddelanden. Liten pil Struktursida Sidan är speglad och måste redigeras på sin källsida. Högerklicka på sidan i strukturen och välj "Gå till källsida". När du redigerat på källsidan slår förändringarna igenom även på den speglade sidan. Kedja Länkad sida Sidan ligger på en annan plats i strukturen. När besökaren klickar på rubriken länkas besökaren automatiskt till den plats i strukturen där sidan ligger.