Instruk(onsmanual Ale kommun www.ale.se Roll: Webbredaktör Version: 1.0 Datum: 2013-12- 02 Ansvarig: Anne Kolni 1 av 23
Kom i gång med Sitevision 3 Redigeringsläget i Sitevision 4 Struktur 5 Skapa en ny sida 6 Publicera en webbsida 8 Lägg till en textmodul 11 Lägg till en bild 11 Lägg till en tabell 12 Lägg till relaterad information 13 Lägg till E-tjänster 14 Kontaktrutan 15 Karta 17 Teckenspråk och lättläst 19 Dropdownlist 21 Skapa en nyhet 22 2 av 23
1. Kom i gång med Sitevision Responsiva mallar Webbplatsen www.ale.se är byggd i ett responsivt format vilket innebär att sidans utformning förändras utifrån storleken på skärmen. Det gör att webbplatsen kan se olika ut både i redigeringsläget och i det publika läget, beroende på vilket skärmupplösning du har på din dator. Är du osäker så hör alltid av dig till anne.kolni@ale.se. Logga in Steg 1: Det Linns två sätt att hitta inloggningsrutan för att logga in i redigeringsläget på www.ale.se. Du kan antingen skriva www.ale.se/inloggning eller välja att klicka på ikonen Logga in i sidfoten på www.ale.se Steg 2: Fyll i ditt användarnamn och lösenord (samma som du använder för att logga in på datorn). Klicka på Logga in. Steg 3: Du är nu inloggad och kan klicka på den lilla gröna knappen längst ner till höger för att komma till redigeringsläget. Knapp som växlar till redigeringsläge 3 av 23
2. Redigeringsläget i Sitevision När du klickat på den gröna knappen öppnas webbplatsen i redigeringsläget. Du har nu fått två fält på vänstersida som kallas navigator och innehåll. Navigatorn är en spegling av hela webbplatsens struktur (alla sidorna på webbplatsen). Innehåll visar innehållet på den sida du valt att redigera. Längst upp hittar du verktygsfältet där du hittar och den stora innehållsytan visar den sida du valt att redigera. Navigator Verktygsfält Innehåll - visar moduler på sidan 4 av 23
3. Struktur För att förenkla för användare som surfar via mobil eller surfplatta är webbplatsen målgruppsanpassad. Det innebär att det Linns tre parallella ingångar där vi samlat information riktat till olika målgrupper, Invånare, Företagare, Flytta hit. Den Ljärde ingången, Visit Ale, leder vidare till den externa webbplatsen www.vastsverige.com/ gotaalv och redigeras i Basetool och inte i Sitevision. I redigeringsläget innebär det att varje målgruppsingång har sin egen mapp (se bild nedan) där alla sidor Linns samlade i en trädstruktur. De sidor som skapas i mappen Invånare visas enbart under målgruppsingången Invånare i publikt läge. I mapparna hittar du strukturen för de olika målgruppsingångarna Hi?a i strukturen Det Linns två sätt att navigera sig fram till den sida du vill göra ändringar i. Du kan antingen att klicka dig fram i trädstrukturen i navigatorn (klicka på pilen/plusset för att maximera strukturträdet) eller klicka på dig fram i menyerna på webbplatsen i innehållsytan. 5 av 23
4. Skapa en ny sida Steg 1: Ställ dig på den plats i strukturen där du vill att sidan ska läggas till. Vill du lägga till sidan under Kommun & politik / Kommunens organisation så markerar du sidan Kommunens organisation. Steg 2: Klicka på ikonen för skapa ny i verktygslisten och välj sida. Skapa ny Steg 3: Gå till Lliken Bouvet utvecklar nya mappar och välj mallen Textsida. ns uppbyggnad Textsidan består av tre sektioner, en vänsterspalt där menyn visas, en mittdel där du lägger in text, bilder, tabeller och formulär, etc och en högerspalt där du lägger in relaterad information (länkar till andra sidor på webbplatsen, andra webbplatser och länkar till dokument). Här kan du även koppla e- tjänster/blanketter. Mi#enspalt I mittdelen är ingress och brödtext förinställt i sidmallen så att du alltid får rätt formatmall på din text. Rubriken är och ska alltid vara sidans namn, det har med tillgänglighet att göra. För att ändra rubriken byter du namn på sidan i Navigatorn. Så här gör du för att ändra sidrubrik/sidnamn: Steg 1: Markera sidan i Navigatorn Steg 2: Högerklicka och välj byt namn Steg 3: Skriv in det namn du vill ändra till och tryck enter. 6 av 23
Börja skriva 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. Ingress Alla sidmallar har en förinställd textmodul som heter Ingress. En ingress ska innehålla kortfattat information om sidans innehåll, max fyra rader. Du kan välja att ta bort ingressen om du inte har behov av den. Det gör du genom att markera ingress i innehållsytan, högerklicka med musen och välj ta bort. Innehåll - brödtext I innehållsfältet, som ligger under ingressfältet, skriver du in den information som ska Linnas med på sidan. Tänk på att inte skriva för mycket löpande text. Dela hellre upp din text i korta stycken och rubriker som talar om vad stycket innehåller. Lägg 8ll rubrik Skriv in din text som vanligt och placera markören någonstans på raden. I verktygsfältet ändrar du formatmall till NY Rubrik Brödtext H2 eller NY Rubrik Brödtext H3 för de mindre rubrikerna. 7 av 23
5. Publicera en webbsida När du är klar med innehållet på din sida kan du välja att publicera den. Den kommer då att bli synlig för besökare. Innan du har publicerat sidan är den alltså inte synlig för besökare på webbplatsen. För att publicera sidan gör du så här: Steg 1: Klicka på publicera i verktygslisten Steg 2: En ny dialogruta öppnar sig. 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 (*). Steg 3: Schemaläggning av publicering - här kan du styra när du vill att sidan ska publiceras. Du kan alltså välja att sätta ett specilik datum då du vill att sidan ska bli synlig för besökare på webbplatsen. Du kan även välja att avpublicera sidan vid ett specilikt datum så att den inte längre är synlig på webbplatsen. Gå vidare genom att klicka på nästa. Klicka i bockrutan om du vill sätta ett senare publiceringsdatum. Klicka på pilen för att ändra datum. Steg 4: Metadata - Med hjälp av metadatat kan du bland annat styra vad som ska visas på sidan, lägga in sidanansvarig, mm. Vissa uppgifter är obligatoriska. Scrolla dig ner i listan med hjälp av scrollisten till höger i dialogrutan, fyll i metadata och klicka på nästa. Se de olika metadata på näsa sida. 8 av 23
Nyckelord (frivillig) och sidansvarig (obligatorisk). Nyckelord är det samma som sökord, dvs ord som inte Linns med i informationen på sidan men som ofta används - t ex dagis istället för förskola. Klicka på gubben för att söka efter sidansvarig. Teckenspråk, lä?läst och kontakt (frivilliga uppgiqer). Bocka ur ärv värde och klicka på ikonen till höger för att lägga till länk till en specilik sida med information på teckenspråk eller lättläst (se instruktion för lägg till teckenspråk/lättläst) Bocka ur ärv värde och klicka på ikonen till höger för att lägga till länk till en specilik kontaktsida (se instruktion för lägg till kontakt) Relaterad informa(on och e- tjänster (frivilligt). Om sidan saknar relaterad information bocka ur ärv värde och klicka på pilarna till höger för att ta bort relaterad information på sidan. Om sidan ska kopplas till e- tjänster och blanketter ändrar du metadata från dölj till visa genom att klicka på pilarna till höger. 9 av 23
Steg 5: Övriga inställningar - ställ in när du vill ha en påminnelse om att se över sidans innehåll. Ett mejl skickas då till den som står som sidansvarig med länk till sidan som ska ses över. Steg 6: Kvalitetskontroll av sidan - här kontrolleras alla länkar på sidan för att säkerställa att inga länkar är brutna. Är sidan okej får du ett grönt kryss och kan gå vidare till slutför. n är nu publicerad. Om någon länk är bruten visas det med ett rött kryss. Klicka på visa rapport för att se vilken/vilka länkar som är trasiga. Välj avbryt för att gå tillbaka och rätta länken/ länkarna, försök därefter publicera sidan på nytt. 10 av 23
6. Lägg (ll en textmodul Steg 1: Ställ dig där du vill att textmodulen ska läggas till, antingen på själva sidan, eller i rutan innehåll. Klicka på lägg till text i verktygsfältet. (Om din textruta hamnar på fel plats kan Llytta den genom att markera textmodulen i innehållsrutan, hålla ner shift och vänster musknapp - dra och släpp textmodulen till rätt plats). Steg 2: Ändra eventuellt till annan formatmall om du inte ska ha vanlig brödtext (brödtext är förinställt i texmodulen). Skriv därefter din text som vanligt. 7. Lägg (ll en bild Steg 1: Klicka på lägg till bild i verktygsfältet Steg 2: I innehållsytan läggs en bildmodul till i mittenspalt och bildarkivet öppnas automatiskt. Markera den bild du vill lägga till och klicka på Bildbeskrivning. Steg 3: En bild måste ALLTID ha en alternativtext (alt- text) för att uppläsningsverktyg (talsynteser) ska kunna förmedla vad bilden visar. Alt- texten ska beskriva vad du ser på bilden, t ex Ale kommun tar emot pris som årets uppstickare. 11 av 23
Steg 4: Om det Linns behov kan du även fylla i bildtext (den text som visas under bilden i publicerat läge), t ex namnet på de personer som visas på bilden. Alt- text Bildtext Steg 5: Gå till Lliken inställningar och ställ in bildens storlek. Bilder på www.ale.se ska vara 507 x 324 px. Klicka därefter ok. 8. Lägg (ll en tabell Steg 1: Klicka på lägg till modul och välj tabell. Steg 2: I innehållsytan läggs en tabell till i mittenspalt och tabellen öppnas automatiskt. Fyll i informationen i cellerna. 12 av 23
Steg 3: Markera den översta raden och klicka på rad/kolumnrubrik. Skriv in namnet på tabellen. Steg 4: Klicka i utnyttja full tabellbredd och klicka OK. 9. Lägg (ll relaterad informa(on Högerspalten på sidan har till en början två tomma innehållsytor (se bild) där relaterad information och e- tjänster, självservice, blanketter ska läggas in. Relaterad information har ett speciellt utseende. Det ska alltid vara en grå pil och formatmallen relaterad information. Så här gör du för att få till det: Steg 1: Markera Högerspalt i innehållsytan Steg 2: Infoga en textmodul genom att klicka på ikonen lägg till text i verktygsfältet. 13 av 23
Steg 3: Nu öppnas en ny textrutan där ordet Text är förberett. Ta bort ordet Text, skriv in namnet på länken. Steg 4: Markera ordet och klicka på ikonen för att skapa länk. Steg 5: Markera länken/texten i textrutan och välj ikonen med plusset i topplisten, välj punktlista och gråa pilar. Steg 5: Gå till formatmallar och leta upp formatmallen Ny relaterad information bland formatmallarna. 10. Lägg (ll E- tjänster Länken till e- tjänster och blanketter är en gemensam ikon/länk som styrs med hjälp av metadata. Som standard är länken dold. För att lägga till länken/e- tjänstikonen ändrar du metadatat från dölj till visa. Ikonen visas nu på sidan och är automatiskt länkad till rätt sida. Gör så här: Steg 1: Klicka på publicera sida i verktygslisten. 14 av 23
Steg 2: Klicka dig fram till metadata på sidan, scrolla dig längst ner till E- tjänster och ändra dölj till visa genom att klicka på pilen till höger om dropplisten. 11. Kontaktrutan Kontaktuppgifterna skapas från en separat sidmall och kopplas till informationssidan med hjälp av metadata. Skapa ny kontaktruta Steg 1: Ställ dig på lämplig plats i mappen Kontaktuppgifter. (Strukturen i mappen följer strukturen på webbplatsen.) Klicka på ikonen skapa ny i verktygslisten och välj Lliken Mallar som inte används så ofta och mallen Kontaktuppgifter. Skapa ny Steg 2: Kontaktrutan består bara av en tabell där du lägger in kontaktuppgifter i olika celler. Öppna tabellen genom att dubbelklicka på tabellen i innehållsytan eller på själva sidan. Ändra och lägg till rätt uppgifter i cellerna i kolumnen. Du kan ha en eller två kolumner i kontaktrutan, men tänk på att bara använda kolumn 1 och 3. Antalet rader går att lägga till eller ta bort, allt efter behov. 15 av 23
Koppla kontaktruta (ll rä? sida Kontaktrutan kopplas med hjälp av metadata. Så här gör du: Steg 1: Klicka på publicera sida i verktygslisten. Steg 2: Klicka dig fram till metadata på sidan, scrolla dig ner till kontakt. Klicka ur Ärv värde och klicka på den lilla ikonen med kikaren. Steg 3: Ny dialogruta öppnas. Klicka på plusset för att lägga till en länk. Steg 4: En ny dialogruta öppnas. Klicka på bläddra och leta därefter upp rätt kontaktsida bland de interna sidorna och mappen Kontaktuppgifter och klicka ok hela vägen tillbaka. (Fälten namn och Länktext ska vara tomma.) 16 av 23
12. Karta För att byta kartat dubbelklickar ni antagligen modulen Karta i innehållsytan Karta eller så dubbelklickar ni på själva kartan. Det som dyker upp kan verkar lite komplext, men det är inte riktigt så farligt som det ser ut: För att byta karta behöver ni följa dessa steg: Steg 1: gå till: https://maps.google.se/ Steg 2: skriv in önskad adress i sökrutan (blå pil) Steg 3: Klicka på den lilla länk ikonen (grön pil) 17 av 23
Steg 4: Välj Anpassa och förhandsgranska inbädda karta (Lila pil) Steg 5: Välj radioknappen Anpassa. (rosa pil) Steg 6: Skriv in bredden 300 och höjden 218. Steg 7: Kopiera den långa HTML- koden. (orange pil) Steg 8: Byt ut koden i pop upp- rutan i SiteVision mot denna kod. Steg 9: Tryck Ok Steg 10: Ändra rubrik över karta som vanlig om det behövs samt spara och publicera. 18 av 23
13. Teckenspråk och lä?läst För att ställa in att ikonen för teckenspråk och/eller lättläst ska visas på sidan klickar du på publicera och metadata, alt högerklicka på själva sidan i navigator och välj egenskaper, klicka dig fram till metadata. Steg 1: Klicka ut Ärv värde på de alternativet du vill lägga till på sidan och klicka på den lilla ikonen med kikaren: 19 av 23
Det dyker nu upp en ny ruta: Steg 2: Klicka på plustecknet för att lägga till ett värde. (Blå pil) Ytterligare en ruta dyker upp. Steg 4: Skriv in Teckenspråk om det är teckenspråk du valt i metadata och Lättläst om du har valt det metadatat. OBS Det som skrivs in här visas på sidan. (Grön pil) Steg 5: Välj bläddra och peka ut sidan som ska vara kopplad till detta värde. OBS du behöver alltså ha skapat en sida med teckenspråk eller de lättlästa innehållet på innan du gör detta. (Röd pil) Steg 6: tryck Ok, spara och publicera. 20 av 23
14. Dropdownlist Dropdownlist är ett sätt att kategorisera information på en webbsida, exempelvis en lista. Gör så här: Steg 1: Lägg till en ny textmodul Steg 2: Högerklicka på textmodulen i innehållsrutan och välj använd dekoration. Steg 3: Öppna dropplisten genom att klicka på pilarna till höger och välj Drop- down lista. Steg 4: Byt namn på textmodulen till den text du vill ska stå i det grå fältet på själva drop- down listen. Steg 5: Skriv in text som vanligt i själva textrutan. Vill du ha en punktlista med streck under klickar du på plusset, välj punktlista och streckad lista. 21 av 23
15. Skapa en nyhet Nyheter kan publiceras på en eller Llera genomgånssidor och på startsidorna Invånare och Företagare. Det styrs med hjälp av metadata. För att publicera på startsidorna krävs en högre behörighet så vänd dig till anne.kolni@ale.se för att få hjälp. Steg 1: Markera nyhetsarkivet i navigatorn och klicka på skapa ny i verktygslisten. Skapa ny Steg 2: Välj Lliken Bouvet utvecklar nya mallar och mallen nyhet. Steg 3: I mallen Linns redan texmoduler för rubrik, ingress och innehåll med rätt formatmallar förinställt. Fyll i din information som vanligt. Det som skiljer nyhetsmallen från en vanlig textsida är att rubriken ändras på själva sidan och inte via sidans namn i navigatorn. Steg 4: Byt nyhetsbilden genom att dubbelklicka på själva bilden på webbsidan, alt. på bildmodulen liten bild i innehållsytan. Om du skulle råka ta bort bildmodulen kan du lägga till en ny bildmodul. OBS - tänk på att du måste döpa om modulen till Liten bild för att den ska visas på genomgångssidorna. Tänk på att bilden måste ha en alt- text och vara max 507 px bred, 324 px hög. 22 av 23
Steg 5: Publicera nyheten genom att klicka på publicera i verktygslisten. Steg 6: Ställ in datum då nyheten ska visas och när den eventuellt ska avpubliceras. Steg 7: Fyll i/ändra metadata (nyckelord, sidansvarig, kontakt, mm). Här ställer du även in vilken genomgångssida/sidor som nyheten ska visas på. Kom ihåg att ta bort relaterad information om du inte ska länka till annan sida, webbplats eller dokument. 23 av 23