Manual - Introduktionskurs SiteVision

Transkript

1 Manual SiteVision version 5 sidan 1 Manual - Introduktionskurs SiteVision Version 5 Innehållsförteckning Logga in 2 Navigering och uppbyggnad 3 Redigera text 6 Om bilder på ale.se 9 Lägga till en bild - SiteVision bildbank 10 Lägga till en bild - MediaflowPro bildbank 13 Lägga till en länk i text 18 Lägga till länkar under Relaterad information 19 Publicera en sida 21 Status-symboler för sidor 25

2 Manual SiteVision version 5 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. 2) Grå penna När du loggat in ser du en grå penna längst ned på sidans högra sida. Klicka på den för att komma in i redigeringsläget.

3 Manual SiteVision version 5 sidan 3 Navigering och uppbyggnad 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 som ligger på vänster sida eller klicka dig fram på via menyerna på själva webbplatsen. (Om du inte kan se strukturen till vänster, klicka på Bläddra i den svarta vänsterspalten.) 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, pdf-filer och e-tjänster. Under rubriken Relaterad information kan du lägga in relaterade länkar och pdf-filder. Under rubriken E-tjänster & blanketter kan du länka till e-tjänster.

4 Manual SiteVision version 5 sidan 4 3) Meny, struktur och verktygsfält Längst till vänster på sidan finns en svart meny. Där visas följande ikoner: Sök - Sök efter sidor, bilder och filer på webbplatsen. Historik - Se historiken över vad du som redaktör gjort på webbplatsen. Bläddra - Visa eller dölj strukturen. Skapa ny - Skapa ny sida. Används endast av webbansvarig. Publicera - Publicera sidan. Klar - Stänger redigeringsläget och återgår till visningsläget. Spara Det finns ingen Spara-knapp. När du befinner dig i redigeringsläget så sparas allt du arbetar med automatiskt. Den gröna handen, längst upp i menyn, symboliserar att allt är sparat. Till höger om den svarta menyn visas webbplatsens struktur - Sidor. Genom att klicka på pilen till höger om den gröna handen kan du välja att istället visa Filarkiv eller Bildarkiv.

5 Manual SiteVision version 5 sidan 5 Högst upp på sidan finns verktygsfältet. I många lägen visas endast de fem första ikonerna. Resten av ikonerna visas när du befinner dig på en yta där du kan redigera text. Kugghjulet - Dessa funktioner används endast av webbansvarig Ögat - Här kan du dels se en förhandsgranskning av sidan och dels se den i responsivt läge, vilket innebär att du kan se webbsidan i olika skärmstorlekar för mobiler och surfplattor. Bokstaven A - Lägg till en textmodul på sidan. Bildikon - Lägg till bildmodul på sidan. Boxen - Lägg till modul (exempelvis bildmodul för MediaflowPro).

6 Manual SiteVision version 5 sidan 6 Redigera text 1) 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 Bild - välj själv om du vill ha med en bild eller ej Innehåll Exempel på sida utan bild. Du kan navigera mellan innehållsytorna antingen via rutan Innehåll som ligger längst ned på vänster sida (under strukturen) eller genom att klicka direkt på webbsidan.

7 Manual SiteVision version 5 sidan 7 b. Teckenstorlek och typsnitt (formatmall) Teckenstorlek och typsnitt (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 - 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):

8 Manual SiteVision version 5 sidan 8 c. Ändra eller lägg till en formatmall i din text Markera din text eller rubrik, klicka på menyn för formatmallarna och välj vilken formatmall du vill använda.

9 Manual SiteVision version 5 sidan 9 Om bilder på ale.se Storlek Alla bilder som används på ale.se ska ha storlek 768x432 pixlar. Alla bilder på ale.se måste vara godkända Alla bilder på ale.se måste vara godkända av webbansvarig. Om bilden innehåller personer måste dessutom skriftligt samtycke inhämtas från respektive person på bilden. Om bilden innehåller barn måste skriftliga samtycken inhämtas från båda vårdnadshavarna. Kontakta kommunikationsavdelningen om du har frågor kring bilder. Fri användning av bilder i bildarkivet Tänk på att alla bilder som laddas upp i SiteVisions bildarkiv 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).

10 Manual SiteVision version 5 sidan 10 Lägga till en bild - SiteVisions bildarkiv 1) Lägg till en bildmodul Markera "Ingress" (under Innehåll) i strukturen till vänster och klicka på "Bild" i verktygsfältet längst upp på sidan.

11 Manual SiteVision version 5 sidan 11 2) Bildarkivet Du har nu lagt till en "Bild-modul" mellan ingressen och brödtexten. Samtidigt öppnas bildarkivet automatiskt. 3) 4) Bild från bildarkiv Du kan nu välja att lägga till en bild från någon av mapparna i bildarkivet. Markera den bild du vill lägga till och klicka sedan på fliken "Texter" (i menyn högst upp på sidan). Om du vill ladda upp en egen bild så ska bilden först godkännas av webbansvarig. Bildbeskrivning Under "Texter" kan du fylla i en Alternativtext (alt-text) och bildtext. Alternativtext: Syns inte på sidan. Beskriver vad du ser på bilden (är viktig för att uppläsningsverktyg/talsynteser ska kunna förmedla vad bilden visar). Här kan du välja att ange egen text (beskrivning av bilden) eller bocka för alternativet Ingen (i de fall bilden inte tillför något mervärde för besökaren). 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.

12 Manual SiteVision version 5 sidan 12 5) Klicka OK. Nu ligger bilden mellan ingressen och texten 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.

13 Lägga till en bild - Mediaflowpro bildbank 1) Lägg till en bildmodul från Mediaflowpro Markera "Ingress" (under Innehåll) i strukturen till vänster och klicka på "Moduler" i verktygsfältet längst upp på sidan. 2. Välj sedan "Bild och media" och därefter "Bild från MediaflowPro". Manual SiteVision version 5 sidan 13

14 3. Mediabanken MediaflowPro öppnas automatiskt. Klicka på mappen "Bilder" för att komma till bildarkivet. 4. Välj en bild genom att markera bilden och klicka sedan på "Infoga markerad bild". Manual SiteVision version 5 sidan 14

15 5. Välj storlek på bilden i menyn på höger sida. När du valt alternativet webb 768x432 kan du justera hur du vill att bilden ska se ut genom att dra i markeringen som ligger ovanpå bilden. Formatet och proportionerna i bilden följer med. 6. Klicka "OK" längst ned på sidan när du är nöjd. Manual SiteVision version 5 sidan 15

16 7. Nu ligger bilden i rätt storlek på din sida i SiteVision. 8. Modulen "Bild från MediaflowPro" syns även under Innehåll. Manual SiteVision version 5 sidan 16

17 Manual SiteVision version 5 sidan 17 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 extern webbplats (OBS! Kryssa i "Öppna i ett nytt fönster") Fil: Välj i filarkivet vilken fil som du vill länka till (OBS! Kryssa i "Öppna i ett nytt fönster") Bild: Välj en bild i Bildarkivet. (OBS! Kryssa i "Öppna i ett nytt fönster") E-postadress: Länka till en e-postadress Telefonnummer: Länka ett telefonnummer 3) 4) Klicka OK! Viktigt! Tänk på detta när du skapar länkar: Alla länknamn måste förklara vart länken går. Skriv inte: Läs mer här Skriv: Läs mer om hur du ansöker om bygglov här Alla badplatser i Ale Tidtabell Madenbussen En länk kan även vara en del av en mening: Enligt lag om färdtjänst (SFS 1997:736) kan du få färdtjänst när du är folkbokförd i Ale kommun Uppdraget är reglerat i föräldrabalkens bestämmelser

18 Manual SiteVision version 5 sidan 18 Lägg till länkar under "Relaterad information" 1) Markera "Högerspalt" i innehållsytan 2) Infoga en textruta genom att klicka på text-ikonen (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 en punktlista i verktygsfältet. 6) Välj "Gråa pilar"

19 Manual SiteVision version 5 sidan 19 7) Gå därefter till formatmallar och välj "Ny - Relaterad information" 8) Högerspalten ska nu se ut på följande sätt: Observera att det inte är någon understrykning trots att det är en länk. Detta är en inställning som beror på formatmallen. Strecket syns enbart när du för muspekaren över länken i publicerat läge. 9) Om du behöver redigera länken så kan du högerklicka på länken och välja "Redigera länk". Då kan du välja att länka till någon annan sida/dokument.

20 Manual SiteVision version 5 sidan 20 Publicera en sida 1. Klicka på ikonen för publicera i vänstermenyn. 2. En ny dialogruta öppnas med två flikar ö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 (*). 3. Fliken "Allmänt" Datum och tider: Här kan du välja att publicera/avpublicera sidan vid ett senare tillfälle. Du behöver inte kryssa i någon av rutorna. (Denna funktion används ej.) Aktivera tidpunkt för påminnelse att se över innehållet: Denna ruta är automatiskt ikryssad och hjälper dig att påminna dig via e-post när det är dags att uppdatera sidan nästa gång. (Låt denna ruta vara ikryssad.) Pliktleverans av elektroniskt material: Kryssa alltid i rutan "Inkludera i E-pliktleverans" (undantaget nyheter och evenemang). Kvalitetskontroll: Varje gång som du publicerar en sida görs en automatiskt länkkontroll för att säkerställa att alla länkar på sidan fungerar. Om du får ett felmeddelande kan du klicka på länken som kommer upp för att se vilka länkar som behöver åtgärdas.

21 Manual SiteVision version 5 sidan Fliken "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. Uppgifter med asterisk (*) är obligatoriska. Det här kan du fylla i: Visa kontaktinfo Om du vill koppla en kontaktruta till din sida (kontaktrutan lägger sig längst ned på sidan) så klickar du på kedjan och väljer aktuell kontaktruta i mappen 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 upp och välja ditt 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".

22 Manual SiteVision version 5 sidan 22

23 Manual SiteVision version 5 sidan När all information är ifylld kan du trycka på "Publicera"-knappen Nu är sidan publicerad och publik.

24 Manual SiteVision version 5 sidan 24 Status-symboler 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). Klocka - 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.