Steg för steg-anvisningar för huvudwebbredaktörer

Senast uppdaterad 2013-01-11 Steg för steg-anvisningar för huvudwebbredaktörer Del 1 introduktion, skapa sidor och skriva, publicering av kontaktuppgifter och länkar samt tabellhantering Tibro kommun 543 80 TIBRO www.tibro.se kommun@tibro.se Växel: 0504-180 00

Sida 2 (49) Innehållsförteckning Förord Tibro kommuns webbredaktörer... 3 Tibro.se ett skyltfönster för Tibro och kommunens viktigaste informationskanal... 4 Logga in i EPiServer... 5 Ändra lösenord i Mina inställningar... 6 Hitta i EpiServer... 7 Skapa sidor och skriva i EPiServer... 8 Skapa en ämnessida... 8 Skriva in text på sidor i EPiServer... 11 Kopiera in text från annat program... 14 Skapa en listningssida... 16 Skapa lista med eller utan bilder... 19 Skapa nyhetslista... 22 Skapa nyhet... 26 Länka till nyhet i annan nyhetslista på webbplatsen... 29 Länka till text på annan sida på webbplatsen... 30 Kontaktuppgifter på tibro.se... 31 Publicera kontaktuppgifter i EPiServer... 31 Skapa länkar... 36 Länkar till andra sidor på tibro.se interna länkar... 36 Länkar till andra hemsidor... 39 Skapa tillgängliga tabeller... 41

Sida 3 (49) Förord Tibro kommuns webbredaktörer Våren 2010 lanserades Tibro kommun en ny webbplats, www.tibro.se. Webbplatsen är skapad i webbpubliceringsverktyget EpiServer. Den här användarmanualen är tänkt att fungera som ett hjälpmedel för dig som ska arbeta som webbredaktör. I manualen finns: 1. En kortfattad beskrivning av den nya webbplatsen och hur den ska användas 2. En kortfattad beskrivning av hur EPiServer är uppbyggt 3. Anvisningar för hur du: loggar in i EPiServer skapar olika typer av sidor och skriver på webben skapar nyheter lägger in kontakt-/adressuppgifter lägger in bilder lägger in länkar till dokument, andra sidor på webbplatsen och länkar till andra hemsidor 4. Information om de lagar, regler och riktlinjer som gäller vid webb-publicering i Tibro kommun. Den här informationen återfinns under rubriken Att tänka på, som du hittar i anslutning till steg för-steg-anvisningarna om textpublicering och länkning till dokument och andra hemsidor. Christina von Brömssen informatör och infomaster Susanne Johansson IT-tekniker och webmaster

Sida 4 (49) Tibro.se ett skyltfönster för Tibro och kommunens viktigaste informationskanal Tibro.se är en av Tibro kommuns viktigaste informationskanaler för kommuninvånarna, förenings- och näringslivet och besökare. Den ska fungera som ett nav för all kommunikation i kommunen, vilket innebär att all information som kommunens verksamheter sprider via trycksaker, brev och andra medier också bör finnas tillgänglig på tibro.se. Webbplatsen har tre huvudfunktioner: Service- och informationsplattform. Här ska kommuninvånare, föreningar och företag enkelt hitta information om de kommunala verksamheterna och smidigt kunna ta del av den service som kommunen erbjuder. Skyltfönster. Webben ska fungera som ett skyltfönster för Tibro som ort. Här ska både befintliga och blivande kommuninvånare och besökare kunna få kunskap om och en känsla för det som är typiskt för Tibrobygden samt få en inblick i det utvecklingsarbete, som kommunen och förenings- och näringslivet driver tillsammans. Med hjälp av den grafiska profilen, de publicerade bilderna och profilbärande nyheter ska webben sända ut signaler om det som Tibro strävar efter att vara enligt Vision Tibro 2017: en plats där det skapas miljöer och evenemang som sticker ut en boplats som lockar, inspirerar och erbjuder trygghet för ett aktivt liv i världen en innovativ mötesplats för världens inredare en mötesplats för allas intressen Kopplingen mellan tibro.se och Tibros turist- och evenemangssidor på webbplatsen www.vastsverige.com, som drivs av Västsvenska Turistrådet, är tydlig. Det märks främst genom att det löpande läggs ut nyheter om aktuella evenemang på startsidan på tibro.se. Adressbok. Kommuninvånare, föreningar, företag och besökare ska kunna använda webbplatsen som en digital adressbok när de behöver komma i kontakt med kommunens personal.

Sida 5 (49) Logga in i EPiServer EPiServer är ett helt webbaserat publiceringsverktyg. Du loggar in genom att öppna Internet Explorer. Därefter anger du adressen till vår webbplats, www.tibro.se, följt av /edit, d v s www.tibro.se/edit. Ange namn och lösenord, och klicka sedan på LOGGA IN Om du arbetar med hemsidan på din arbetsplats når du inloggningssidan via startmenyn på din dator. Den aktuella sökvägen är: Nätapplikationer/ Webbpublicering/Tibros hemsida redaktörsläge.

Sida 6 (49) Ändra lösenord i Mina inställningar Det första du ska göra när du loggat in i EpiServer för första gången är att ändra ditt lösenord. Det gör du i ett formulär under fliken Mina inställningar, som du når genom att klicka på ditt användarnamn vid användarikonen högst upp till höger på sidan. Länk till fliken Mina inställningar, där du kan ändra ditt lösenord. Klicka i rutan Byt lösenord och skriv in ditt nya lösenord i det aktuella fältet. Bekräfta sedan det nya lösenordet i nästa fält och tryck på Spara-knappen. 3. Spara lösenordet. 2. Skriv in ditt nya lösenord och bekräfta det i de 1. Klicka i rutan Byt lösenord.

Sida 7 (49) Hitta i EpiServer Verktygs -meny Länk till filhanteraren Upload-katalogen där du lagrar alla dokument som finns på dina webbsidor. Länk till statistikprogrammet Vizzit, som du använder när du vill kontrollera hur många som besökt dina sidor. Arbetsyta Länk till programmet Imagevault, som du använder när du laddar upp alla bilder, som du använder på Webbplatsens sidstruktur = Rotkatalogen med alla sidor på webbplatsen När du har loggat in i EpiServer får du fram en sida med: en verktygsmeny överst till vänster. Här finns verktygen du behöver för att skapa, flytta och ta bort sidor. Här finns också en genväg till EpiServers filhanterare, Upload-katalogen, där alla dokument som är publicerade på hemsidan ligger. webbplatsens sidstruktur, den så kallade rotkatalogen, till vänster. I rotkatalogen ligger alla sidor på tibro.se. När du klickar på namnet på någon av ämnesingångarna i strukturen öppnar du den aktuella sidan. en flik som det står Imagevault på. Klickar du på fliken, når du bildlagringsprogrammet Imagevault, där du ska lägga in de bilder som du vill publicera på dina webbsidor och i olika bildspel.

Sida 8 (49) en flik som det står Vizzit på. Klickar du på fliken, når du statistikprogrammet Vizzit, där du kan hämta information om hur många som besökt olika sidor på webbplatsen, hur besökarna nått en viss sida samt hur de navigerar sig fram mellan olika sidor på webbplatsen. en stor grå yta, en arbetsyta med ett antal flikar, till höger. På den här arbetsytan visas den sida som du öppnar genom att klicka på ett av sidnamnen i sidstrukturen. När du skapar en ny sida visas en lista med olika sidmallar här. På samma yta finns EPiServers sidredigeringsverktyg. Skapa sidor och skriva i EPiServer Skapa en ämnessida 1. Markera var i strukturen du vill placera din nya sida. 1. Markera var i strukturen du vill placera din sida. Den nya sidan kommer att hamna under den sida/rubrik som är markerad med fet stil. Du placerar dina sidor under huvudsidan till den avdelning som du ansvarar för, till exempel Miljö och hälsoskydd, Näringsliv och arbete eller Omsorg och socialtjänst.

Sida 9 (49) 2. Klicka på blad-ikonen i verktygsmenyn. När du har gjort det visas en lista med olika sidmallar. Se bild nedan. 3. Välj mallen Tibro Ämnessida genom att klicka på ordet Skapa. När du har gjort det har du kommit in i EpiServers sidredigeringsverktyg, där fliken Information är öppen. Se bild på nästa sida. 2. Klicka på blad-ikonen för att skapa en ny sida. 3. Välj mallen Tibro Ämnessida. 4. Namnge sidan. Tänk på att ge den ett menynamn (i fältet Namn) som är beskrivande och begripligt för personerna som ska besöka sidan. Sidans namn kommer att visas i webbplatsens vänstermeny. Se bild på nästa sida. 5. Välj publiceringsdatum, d v s ange när sidan ska börja respektive sluta publiceras. När du sparar sidan för första gången anger du samma datum för börja publicera och sluta publicera. På det sättet visas inte sidan på webben och du behöver inte hantera flera versioner av sidan. När sidan är klar för publicering tar du bort sluta publicera-datumet eller väljer ett nytt, lämpligt slutdatum. 6. Skriv en rubrik. Vill du ha en särskild rubrik på sidan, skriver du in den i rubrik-fältet. Tänk på att rubriken ska fungera som en aptitretare som får webbesökarna att vilja läsa din sida. Lämnar du rubrikfältet tomt blir rubriken densamma som sidnamnet. Se bild på nästa sida. 7. Skriv en ingress, som sammanfattar textinnehållet på den aktuella sidan. Se bild på nästa sida.

Sida 10 (49) 7. Ange sidansvarig. Klicka på pilen till höger om fältet Sidansvarig och markera ditt namn, så kommer det att finnas en e-postlänk till dig som sidansvarig på den aktuella sidan. Se bild på nästa sida. 8. Spara. Klicka på ikonen Spara och publicera för att spara sidan, se bild nedan. 8. Spara. När du har fyllt i namn-, rubrik-, pufftext- och sidansvarig-fälten klickar du på ikonen Spara och publicera för att spara sidan. För att sidan inte ska vara synlig på webben innan den är klar fyller du i sluta publicera-datum (samma tid som börja publicera) när du skapar sidan. När du publicerar sidan tar du bort sluta publicera-datumet eller väljer ett nytt, lämpligt slutdatum. 6. Rubrik. Den rubrik som kommer att visas överst på den publicerade sidan. Om du lämnar detta fält tomt blir sidnamnet sidans rubrik. 8. Sidansvarig. Ange att det är du som är ansvarig för 4. Namnge sidan. 5. Välj publiceringsdatum. Du kan välja att publicera en sida vid en senare tidpunkt än när du skapar den. Du kan begränsa tiden som sidan ska visas på webben. Det gör du genom att ange Sluta publicera-datum. 7. Ingress. Kort text, som sammanfattar hela textinnehållet på den aktuella sidan.

Sida 11 (49) Att tänka på när du skriver ingresser: Skriv kort. En ingress bör inte vara längre än 1-3 meningar. Skriv enkelt och rakt på sak. Rikta dig direkt till personerna som ska läsa texten. Använd gärna du-tilltal! Undvik fackuttryck och svåra ord! Exempel: Det är Länsstyrelsen som ansvarar för att kontrollera att djurägare följer de djurskyddsregler som gäller i Sverige. Har du frågor om djurskydd eller vill anmäla vanvård av djur, använd kontaktuppgifterna till höger. Skriva in text på sidor i EPiServer Klicka på fliken Redigera för att komma tillbaka till redigera-läget. När du har tryckt på ikonen Spara och visa ser du din nya sida i sidredigeringsverktygets visa-läge. När du ska skriva in text på sidan klickar du på Redigera-fliken i flikraden ovanför arbetsytan.

Sida 12 (49) 1. Skriv din text här. 1. Skriv din text i den stora vita rutan, texteditorn, som visas i redigera-läget. Att tänka på när du skriver på webben: Vänd dig direkt till dina läsare. Fundera över vad de behöver veta och vad du vill att de skall göra med informationen på sidan. Vad är syftet med texten? Använd du-tilltal. Använd korta, konkreta och vanliga ord. Undvik att använda fackuttryck och förkortningar, till exempel AME eller IFO. När du gör det, förklara vad det aktuella ordet betyder första gången du använder det i en text. Skriv korta meningar.

Sida 13 (49) Använd rak ordföljd, det vill säga börja meningen med subjekt och verb. Exempel: Du kan., Vi erbjuder, Vi har gjort Dela in texten i korta stycken. Använd mellanrubriker och punktlistor när du skriver längre texter. (Se punkt 2, formatera text nedan.) Publicera aldrig en persons namn på webben, om inte personen har gett sitt samtycke till detta. Detta krävs enligt Personuppgiftslagen, PUL. Undantag: Namn, befattning, telefonnummer, e-postadress och liknande arbetsrelaterade personuppgifter kan normalt publiceras på en webbplats utan berörda personers samtycke. Anställda ska dock informeras om att deras kontaktuppgifter finns tillgängliga på webben. 2. Nu kan du formatera din text, det vill säga skapa mellanrubriker, citat och en eller flera punktlistor samt fetmarkera ord. Det finns två olika typer av mellanrubriker Rubrik 1, som ska användas i normalfallet och Rubrik 2, som ska användas om du använder dig av underrubriker. Fetmarkera text. Markera ordet eller meningen som du vill lyfta fram lite extra i texten. Används med försiktighet, för många fetmarkeringar gör texten svårläst! Skapa citat. Markera det inlagda citatet och ange vem som står bakom uttalandet och från vilken källa citatet är hämtat. Skapa punktlistor. Sätt markören till vänster om de meningar som du ska lägga i en punktlista. Klicka därefter Ta bort felaktiga formateringar. Markera texten du vill ändra och välj alternativet Tag bort formatering. Skapa mellanrubriker. Markera eventuella mellanrubriker och välj Rubrik 1 i listrutan.

Sida 14 (49) OBSERVERA! Har du formaterat en text på ett felaktigt sätt, så kan du ta bort formateringen genom att markera den aktuella texten och välja valet Tag bort formatering i formateringsmenyn. En sida på www.tibro.se ska alltid ha en rubrik, en ingress och kontaktuppgifter till en verksamhet eller en person som kan svara på eventuella frågor om det som beskrivs på den aktuella sidan. Kopiera in text från annat program Du kan kopiera text från ett annat program (t.ex. Word eller Powerpoint) eller från en annan hemsida och klistra in det i texteditorn. Att tänka på vid textkopiering: Du kan inte använda texter som någon annan har skrivit på webben. Detta är förbjudet enligt Upphovsrättslagen, som ger författare, journalister och andra skribenter rätt att bestämma över hur deras verk ska användas. För att undvika att få med dig formateringar från det program du kopierar en text från ska du klistra in texten oformaterad. Se beskrivning nedan. 1. Gå in i texteditorn på den sida som du ska placera text från ett annat dokument eller en annan hemsida på. Du når texteditorn genom att klicka på Redigera-fliken i flikraden ovanför arbetsytan. 2. Markera texten som du ska kopiera i det aktuella dokumentet eller på den aktuella hemsidan.

Sida 15 (49) 2. Markera texten som du ska kopiera in på vår hemsida. 3. Ställ dig i texteditorns textruta, högerklicka och välj alternativet klistra in oformaterat. 3. Stå i textrutan, högerklicka och välj alternativet Klistra in oformaterat.

Sida 16 (49) 4. Kontrollera att den inklistrade textens stycke- och radbrytning ser ok ut. 5. Formatera den inkopierade texten. 6. Spara sidan genom att klicka på någon av knapparna Spara och visa eller Spara och publicera. Skapa en listningssida Ett sätt att öka läsvärdet på en lång text på webben är att dela in texten i olika avdelningar undersidor som du skapar länkar till från en så kallad listningssida. En listningssida kan också användas för att presentera en kommunal verksamhet som drivs på olika enheter, för att göra en samling dokument, nyheter eller ett antal kontaktuppgifter tillgängliga på ett enkelt sätt eller för att presentera flera områden eller saker, till exempel bostadsområden, parker och lekplatser, kategorivis. En listningssida förses med en ingress och en ganska kort inledande text (normalt 1-2 stycken). Därefter följer själva listan. Exempel på listningssidor på tibro.se: Förskolor och familjedaghem. Här presenteras alla förskolor och familjedaghem i kommunen med en bild och en kort presentationstext. När webbesökaren klickar på en av listlänkarna hamnar de automatiskt på respektive enhets egen hemsida. Bostadsområden. Här presenteras alla bostadsområden som finns i Tibro med en bild och en kort text. När webbesökaren klickar på en av listlänkarna hamnar de på en ämnessida, som är placerad under den aktuella listningssidan i sidstrukturen. Vision och utvecklingsarbete. Här har den fylliga presentationen av Tibros vision och utvecklingsarbete samlats på en listningssida och flera undersidor för att texten inte ska kännas för tung. Besökare kan välja att skaffa sig en snabb överblick om ämnet genom att läsa ingresserna som är samlade på listningssidan eller fördjupa sig i de olika delarna genom att klicka på listlänkarna, som leder vidare till ämnessidor med mer utförlig information. Protokoll från nämnder och styrelser. Här listas alla protokoll från kommunens nämnder och styrelser kategorivis. Varje nämnds namn utgör en listlänk, som leder vidare till den aktuella nämndens protokollsida. Denna länklista saknar bilder.

Sida 17 (49) Nyheter. Nyhetslistor finns på webbplatsens startsida, på flertalet ämnesingångar samt på vissa verksamhetssidor. Kontaktsidor. Sidor där kontaktuppgifter till samtliga personer på en enhet listas. Dokument/rapporter. Sida där rapporter och andra dokument kan listas. Så skapar du en listningssida: 1. Markera var i strukturen du vill placera din sida. Den nya sidan kommer att hamna under den sida/rubrik som är markerad med fet stil. Du placerar dina sidor under huvudsidan till den avdelning som du ansvarar för, till exempel Miljö och hälsoskydd, Näringsliv och arbete eller Omsorg och socialtjänst. 1. Markera var i rotkatalogen/ sidstrukturen du vill placera din sida. Din sida placeras under den sida som är markerad med fet stil. 2. Klicka på blad-ikonen i verktygsmenyn. När du har gjort det visas listan med olika sidmallar. Se bild på nästa sida. 3. Välj mallen Tibro Listningssida genom att klicka på ordet Skapa, så hamnar du i redigera-läget på den nya sidan. Se bild på nästa sida.

Sida 18 (49) 2. Klicka på blad-ikonen för att skapa en ny sida. 3. Välj mallen Tibro Listningssida. 4. Namnge sidan samt skriv en rubrik och en ingress. Mer utförliga anvisningar om hur du gör detta finns på sidorna 11-13. 5. Nu ska du ange vilken typ av lista du ska skapa. Det gör du genom att scrolla dig ner till den delen av informationsfliken i EPiServers sidredigeringsvertyg som heter Listningsinställningar. Det finns fyra olika typer av listor: Lista med bilder. Används när platser eller dylikt presenteras med text och bilder. Lista utan bilder. Används när du listar dokument, till exempel protokoll, eller textbaserad/skriftlig verksamhetsinformation. Kontaktkort. Används när du ska skapa listor med kontaktuppgifter. Bildgallerilista. Används för att skapa listor med bildgallerier. Nyhetslista. Används för att skapa listor med nyheter på ämnes-ingångarnas startsidor och startsidor för verksamheter med ett stort nyhetsflöde. Nyhetslistor kan endast skapas i sidmallen Tibro understartsida.

Sida 19 (49) Skapa lista med eller utan bilder 5. Välj Lista med bilder eller Lista utan bilder. När du väljer något av alternativen Lista med bilder eller Lista utan bilder skapas en lista med länkar i textfältet i mitten av hemsidan. På nästa sida ser du ett exempel på en sådan lista. Exempel på lista utan bilder. 6. Nästa steg är att ange från vilken sida du ska hämta de listade undersidorna (= ämnessidor). Klicka på piltangenten till höger om det vita fältet vid Hämta lista från. Tänker du lägga sidorna, som du ska länka till, direkt under sidan du håller på att skapa klickar du på knappen Den aktuella sidan i dialogrutan, som kommer upp när du klickar på Hämta lista från-knappen. Finns sidorna du ska lista någon annanstans pekar du i samma dialogruta ut den sida i strukturen som sidorna ligger under, och klickar sedan på Välj-knappen.

Sida 20 (49) 6. Här pekar du ut varifrån listningssidan ska hämta de sidor som ska listas. Finns sidorna som ska listas någon annanstans i strukturen pekar du ut/markerar den sida som ämnessidorna ligger under i strukturen. Klicka sedan på Välj-knappen. Finns sidorna som ska listas under den listningssida som du just håller på att skapa, klickar du på knappen Den aktuella sidan. 7. Ange eventuellt hur många sidor som ska listas på din listningssida. Anger du inget maxantal listas samtliga sidor, som finns under den sida du pekade ut i föregående moment. 8. Klicka i rutan dölj datum i listningen. Datum anges endast i våra nyhetslistor.

Sida 21 (49) 7. Ange eventuellt hur många sidor som ska listas i denna ruta. 8. Bocka i rutan Dölj datum i listningen. 10. Spara sidan. 11. Skapa undersidor till listningssidan genom att markera namnet på listnings-sidan i rotkatalogen/strukturen och skapa en eller flera ämnessidor. 12. Vill du påverka i vilken ordning undersidorna ska visas på din listningssida, klickar du på fliken Avancerad information i Redigera-läget i EpiServers sidredigeringsverktyg. Ange vilken typ av sorteringsordning du vill tillämpa. 12. Klicka på knappen till höger om det vita sorteringsordningsfältet, så visas en meny med olika sorteringsalternativ. Välj ett av alternativen, t ex alfabetiskt eller enligt sorteringsindex. 13. Om du valt att sortera enligt sorteringsindex i föregående val måste du ge alla undersidor ett tal, index, så att systemet förstår i vilken ordning sidorna ska placeras. Den sida som har lägst tal sorteras överst i listan. Standardtal för alla sidor är oftast 100. Arbeta med minst 10-tal (både över och under 100) så att du i framtiden kan få in sidor mellan dina tidigare indexerade sidor. För att indexeringen, d v s placeringsordningen ska fungera så måste även ha valt sorteringsalternativet Enligt sorteringsindex på huvudsidan.

Sida 22 (49) 14. När man skapar listningssidor vill man vanligen inte att undersidornas namn ska vara synliga i webbplatsens vänstermeny. Vill du inte att en sida (= sidnamnet) ska vara synlig i vänstermenyn tar du bort bocken i rutan Visa sidan i menyer, som finns överst på arbetsytan under fliken Avancerad information. 14. Ta bort bocken i Visa sidan i menyer-rutan så visas inte sidan som länk i vänstermenyn på webbplatsen. 13. Väljer du alternativet Enligt sorteringsindex måste du skriva in ett nummer i rutan sorteringsindex på alla dina undersidor. Sidan med det lägsta numret hamnar överst på sidan. Skapa nyhetslista En nyhetslistning består av ämnessidor (innehållande nyheter) som listas i form av länkar i textfältet på en ämnesingång eller en startsida för en särskild verksamhet. Så här skapar du en nyhetslista: Du skapar en nyhetslistning i två steg, först skapar du en listningssida (steg 1-10 nedan) och sedan anger du varifrån dina nyheter ska hämtas i sidredigeringsverktyget på din understartsida (steg 11-16 nedan). 1. Markera var i strukturen du vill placera din sida. 2. Klicka på ikonen Skapa en ny sida i verktygsfältet och välj mallen Tibro listningssida. 3. Namnge sidan.

Sida 23 (49) Placera din nyhetslista direkt under den aktuella understartsidan. 3. Döp din nyhetslista så att det framgår vad nyheterna på sidan handlar om. 4. Ange vilken typ av lista du ska upprätta. Välj något av alternativen Lista med bilder eller Lista utan bilder. 4. Välj något av listalternativen Lista utan bilder eller Lista med bilder.

Sida 24 (49) 5. Nu ska du ange från vilken sida du ska hämta listningen. Ämnessidor med nyheter placeras alltid under den aktuella nyhetslistsidan. Klicka på pil-tangenten till höger om det vita fältet vid Hämta lista från, så får du upp en dialogruta med webbplatsens sidstruktur. Klicka på knappen Den aktuella sidan. 5. Klicka på knappen Den aktuella sidan. 6. Ange hur många sidor som ska listas (= antal objekt). Se bilden på nästa sida. 7. Du ska inte göra någon bock i rutan Dölj datum i listningen. Se bilden på nästa sida. 6. Ange hur många sidor som ska listas på din listningssida. 7. Lämna fältet Dölj datum i listningen tomt. 8. En nyhetslistningssida ska inte synas i webbplatsens vänstermeny. Öppna därför fliken Avancerad information och ta du bort bocken i rutan Visa sidan i menyer, som finns överst på arbetsytan under denna flik. 9. Välj sorteringsordningsalternativet Enligt skapadatum (senast överst).

Sida 25 (49) 8. Ta bort bocken ur rutan Visa sidan i menyer. 9. Välj sorteringordningsalternativet Enligt skapadatum (senast överst). 10. Spara sidan. 11. Nu ska du öppna den understartsida som nyhetslistan ska vara länkad till. Det gör du genom att klicka på denna sidas namn i sidstrukturen. Se bild på nästa sida. 12. Klicka sedan på redigera-fliken, så att du når EPiServers sidredigerings-editor. 11. Öppna den understartsida som nyheterna ska listas på. 12. Öppna sidredigeringseditorn genom att klicka på Redigera-knappen. 13. Nu ska du ange vilken sida du ska hämta nyhetslistningen från. Det gör du genom att klicka på pilen vid fältet Hämta nyhetslistning från

Sida 26 (49) som du hittar under rubriken Nyhetsinställningar i den nedre delen av informationsfliken i EPiServers sidredigeringsvertyg i denna sidmall. 14. Markera den aktuella nyhetslistningssidan i sidstrukturen och klicka på Välj-knappen. 15. Ange det maximala antalet nyheter som ska visas i nyhetslistan. 14. Markera den aktuella nyhetslistningssidan. Klicka sedan på Väljknappen. 15. Ange hur många nyheter som maximalt ska kunna visas på den aktuella sidan. 13. Klicka på pilen vid fältet Hämta nyhetslistning från. 16. Spara sidan. Skapa nyhet Det är enkelt att skapa nyheter i EPiServer. Nyheter skrivs på nyhetssidor, som ligger i en nyhetslista. En nyhetssida, som placeras i en nyhetslista visas automatiskt på den understartsida, som den är länkad till (om inte antalet nyheter är begränsade).

Sida 27 (49) När du har skrivit in din nyhet i en nyhetssida och placerat den under din nyhetslista publiceras nyheten automatiskt på ämnesingångens/ verksamhetens startsida. 1. Markera din nyhetslista i sidstrukturen/rotkatalogen och skapa en ny nyhetssida. 1. Du skapar en ny nyhetssida, som du placerar under din ämnesingångs/ verksamhets nyhetslistsida.

Sida 28 (49) 2. Namnge sidan. 5. Spara nyheten. 3. Skriv en kort ingress. 4. Skriv nyheten i texteditorn. 2. Namnge sidan genom att förse den med en rubrik, av vilken det tydligt framgår vad nyheten handlar om. 3. Skriv en kort ingress i rutan pufftext. Det är denna pufftext som visas på din Aktuelltsida. En nyhetsingress bör bestå av 1-2 korta meningar. 4. Skriv nyhetsartikeln/notisen. Tänk på att nyheten i första hand ska rikta sig till kommuninvånare, företagare och andra personer som besöker vår webbplats. Utgå från att de inte har så stora kunskaper om vår verksamhet, det vill säga skriv så enkelt att nyheten blir begriplig för alla. Fler anvisningar för hur du skriver på webben hittar du på sidan 11-13 i manualen. 5. Spara. Klicka på ikonen Spara och publicera för att spara sidan.

Sida 29 (49) Länka till nyhet i annan nyhetslista på webbplatsen Du kan hämta en nyhet från en annan del av webbplatsen tibro.se. Om det publiceras en nyhet på en av ämnesingångarna kan denna nyhet till exempel publiceras samtidigt på webbplatsens startsida. 1. Markera din nyhetslista i sidstrukturen/rotkatalogen och skapa en ny nyhetssida. 2. Namnge sidan genom att skriva en beskrivande rubrik i Namn-fältet. 3. Skriv en kort ingress i rutan pufftext. 4. Klicka på fliken Genväg/extern länk, som du återfinner längst upp till höger i sidredigeringsverktygets redigera-läge. 5. Välj alternativet Hämta data från sida i EpiServer. 4. Klicka på fliken Genväg/extern länk. 5. Välj alternativet Hämta data från sida i EpiServer. 6. Klicka på den grå knappen vid Intern genväg/hämta data frånfältet, så öppnar sig dialogrutan med sidstrukturen. 6. Klicka här för att öppna dialogrutan med sidstrukturen.

Sida 30 (49) 7. Markera artikeln som du vill hämta data från och klicka på Väljknappen. 7. Markera artikeln du vill hämta data från. Klicka sedan på Välj. 8. Välj alternativet Öppna länken i hela fönstret som målram. 8. Välj alternativet Öppna länken i hela fönstret som målram. 9. Spara din nyhetssida. Länka till text på annan sida på webbplatsen Du kan givetvis även hämta information från en ämnessida på vår webbplats och få den publicerad på en ny sida på en de övriga ämnesingångarna. Det gör du genom att följa instruktion 1-9 under rubriken Länka till nyhet i annan nyhetslista på webbplatsen på sidan 29-30 i manualen.

Sida 31 (49) Kontaktuppgifter på tibro.se Den nya webbplatsen ska fungera som en sökbar, digital adressbok för kommuninvånare, föreningar, företag och besökare som vill komma i kontakt med kommunens personal. Därför har kommunens hänvisningssystem kopplats ihop med den. Adressuppgifter till kommunanställda kommer att presenteras på tre sätt på tibro.se: Kontaktkort. På varje webbsida ska det finnas kontaktuppgifter till minst en person, som är ansvarig för den kommunala service som presenteras på sidan. I den här manualen beskrivs hur du skapar dessa kontaktkort. Kontaktlistor. Det finns en särskild typ av lista, kontaktlista, i sidmallen Tibro listsida som används för att skapa en kontaktlista, d v s en lista med kontaktuppgifter till flera personer. Söksida via länken Kontakta oss i topp-menyn. Kontaktuppgifterna till samtliga personer och platser som finns inlagda i vårt hänvisningssystem blir sökbara via en sida, som inom kort kommer att nås via länken Kontakta oss, som finns längst till vänster i toppmenyn. Eftersom alla kontaktuppgifter nu blir tillgängliga på webben är det viktigt att ni meddelar växelpersonalen direkt när ni hittar felaktiga person- och adressuppgifter. Publicera kontaktuppgifter i EPiServer När du ska publicera kontaktinformation på en sida lägger du till länkar till ett eller flera kontaktkort. Det går till på följande sätt: 1. Gå in i redigera-läget på den sida du ska lägga in kontaktuppgifter på och klicka på fliken Högerblock. Se bild på nästa sida.

Sida 32 (49) 1. Klicka på fliken Högerblock, så att denna del av editorn öppnas. 2. Innan du lägger in din första kontaktkortslänk skriver du in rubriken Kontaktinformation i textfältet som är avsett för detta. 3. Klicka på knappen Lägg till länk. 2. Skriv ordet kontaktinformation här. 3. Klicka på knappen Lägg till länk. 4. När du har gjort det får du upp dialogrutan länkegenskaper. När du ska skapa ett kontaktkort behöver du inte fylla i några uppgifter i textfälten i detta formulär. Det enda du ska göra är att klicka på knappen med tre punkter till höger om adressfältet, se bild på nästa sida. När du gör det får du upp dialogrutan Välj sida.

Sida 33 (49) 4. Klicka på knappen med tre punkter till höger om adressfältet. 5. Klicka på plus-tecknet till vänster om rubriken <Listningar>, så får du upp ett antal rubriker inom parenteser. 6. Klicka på plus-tecknet till vänster om rubriken <Kontakter>, så får du upp en lista med namnen på Tibro kommuns anställda. Varje namn är en kontaktkortssida.

Sida 34 (49) 5. Klicka på +-tecknet till vänster om rubriken <Listningar>. 6. Klicka på +-tecknet till vänster om rubriken <Kontakter>. 7. Markera det kontaktkort, som du vill publicera på den aktuella webbsidan.

Sida 35 (49) 7. Markera det kontaktkort (= namnet på den anställde) som du vill publicera på sidan. 8. Klicka på Välj-knappen. 8. Klicka på Välj-knappen. Nu är du tillbaka i redigera-läget under fliken Högerblock, där du hittar din länk i en länklista. 9. Spara och publicera sidan. Du ser hur resultatet blir nedan.

Sida 36 (49) Skapa länkar Du kan både skapa länkar till andra sidor på tibro.se och till andra, externa hemsidor. Länkar till andra sidor på tibro.se interna länkar Under fliken Högerblock samlar du alla dina interna länkar till sidor, dokument och e- tjänster. Dessa kommer att synas i högerkolumnen under rubriken Tjänster & Information. Så här skapar du en intern länk: 1. Öppna sidan som du ska lägga in din interna länk på och klicka på fliken Högerblock i Redigera-läget i EpiServers sidredigeringsverktyg. 2. Innan du lägger in den första interna länken ska du skriva in rubriken Tjänster och information i rubrikfältet under rubriken Inställningar för övre boxen. 3. Välj listtypen Blandad som finns i dropdown-menyn som du når genom att klicka på pilen till höger om det vita Typ av lista-fältet. 1. Klicka på fliken Högerblock. 2. Skriv in rubriken Tjänster och information i rubrikfältet för den övre boxen i högerblocket. 3. Välj listalternativet Blandad.

Sida 37 (49) 4. Klicka på knappen Lägg till länk i inställningarna för övre boxen så får du upp dialogrutan Länkegenskaper. 5. Namnge länken i rutan Klickbar text. Länknamnet visas i länklistan på webbplatsen. Det skall vara kort men begripligt för besökaren. 6. Fyll i länktitel. Denna text visas när du för musen över länken och läses upp av Lyssna-tjänsten på webben. I länktiteln kan du, vid behov, beskriva innehållet på sidan som länken leder till lite mer utförligt. 7. Se till att länkmålet Sida på denna webbplats är markerat. 5. Namnge länken i rutan Klickbar text. Detta namn visas i länklistan på webbplatsen. 7. Se till att länkmålet Sida på denna webbplats är markerat. 6. Länktitel ska alltid fyllas i för att webben även ska vara tillgänglig för personer med hörselnedsättningar. 4. Klicka på knappen Lägg till länk. 8. Klicka här för att få upp sidstrukturen/rotkatalogen i en ny dialogruta. 8. Därefter skapar du länken genom att klicka på knappen vid dialogrutans adressruta. När du gör det får du upp sidstrukturen/rotkatalogen i en ny dialogruta.

Sida 38 (49) 9. Markera sidnamnet på den sida du ska skapa en länk till. 10. Klicka på välj-knappen. 11. Klicka på OK. 9. Klicka på sidnamnet på den sida som du vill lägga en länk till. När du gör det fetmarkeras detta. 10. Klicka därefter på Välj-knappen. 11. Nu är du tillbaka i dialogrutan Länkegenskaper. Klicka på OK-knappen. 12. Nu är du tillbaka i fältet under fliken Högerblock. Du återfinner länken du nyss har skapat i en länklista under Lägg till länk-knappen. Spara länken genom att klicka på alternativet Spara om du ska göra fler länkar. När du lagt in alla länkar, spara sidan genom att klicka på Spara och visa eller Spara och publicera. 12. Här ser du länken som du nyss skapat. Spara sidan för att spara länken.

Sida 39 (49) Länkar till andra hemsidor På Tibro kommuns webbplats återfinns nästan alla länkar till andra, externa hemsidor i högerkolumnen under rubriken Länkar till andra hemsidor. Undantaget är länkarna till våra förskolors och skolors hemsidor, som ligger direkt i listsidorna, där dessa verksamheter presenteras. Så här skapar du en länk till en extern hemsida: 1. Öppna sidan som du ska lägga in din interna länk på och klicka på fliken Högerblock i Redigera-läget i EpiServers sidredigeringsverktyg. 2. Innan du lägger in den första interna länken ska du skriva in rubriken Länkar till andra hemsidor i rubrikfältet under rubriken Inställningar för mittenboxen. 3. Välj listtypen Länkar (externa) som finns i dropdown-menyn som du når genom att klicka på pilen till höger om det vita Typ av lista-fältet. 2. Skriv in rubriken Länkar till andra hemsidor i rubrikfältet för mittenboxen i högerblocket. 3. Välj listalternativet Länkar (externa). 4. Klicka på knappen Lägg till länk i inställningarna för mittenboxen så får du upp dialogrutan Länkegenskaper.

Sida 40 (49) 6. Länktitel ska alltid fyllas i för att webben även ska vara tillgänglig för personer med hörselnedsättningar. 5. Namnge länken i rutan Klickbar text. Detta namn visas i länklistan på webbplatsen. 7. Se till att målramsalternativet Öppna länken i nytt fönster är markerat. 8. Se till att länkmålet Sida på annan webbplats är markerat. 9. Skriv in adressen till den externa hemsidan i adressrutan. 10. Klicka på OK-knappen. 5. Namnge länken i rutan Klickbar text. Länknamnet visas i länklistan på webbplatsen. Det skall vara kort men begripligt för besökaren. 6. Fyll i länktitel. Denna text visas när du för musen över länken och läses upp av Lyssna-tjänsten på webben. I länktiteln kan du, vid behov, beskriva innehållet på sidan som länken leder till lite mer utförligt. 7. När du länkar till en annan webbplats väljer du alternativet Öppna länken i nytt fönster vid Målram. 8. Se till att länkmålet Sida på annan webbplats är markerat. 9. Skriv in adressen till den externa hemsidan i dialogrutans adressruta. 10. Klicka på OK-knappen när allt är ifyllt. 11. Nu är du tillbaka i fältet under fliken Högerblock. Du återfinner länken du nyss har skapat i en länklista under Lägg till länk-knappen. Spara länken genom att klicka på alternativet Spara om du ska göra fler länkar. När du lagt in alla länkar, spara sidan genom att klicka på Spara och visa eller Spara och publicera. Att tänka på vid länkning: En länk skall alltid ha koppling till innehållet på den hemsida som den ligger på.

Sida 41 (49) Ge varje länk ett kort och tydligt namn, som gör att besökaren förstår vart den leder. Namnge inte en länk Läs mer eller webbadressen www.xx.se. Granska innehållet på den länkade hemsidan. Kontrollera att det är sakligt, trovärdigt och aktuellt. Tänk på att du enligt lag kan ställas till ansvar för innehållet även på en hemsida, som du lagt en länk till. Kontrollera regelbundet (minst en gång per halvår) att länken fungerar. Du får inte länka till enskilda personers hemsidor. Skapa tillgängliga tabeller Tabeller är ett bra sätt att presentera listor med pris- och andra sifferuppgifter, tidsangivelser och dylikt, till exempel evenemangsinformation, prislistor och budgetinformation. Vi har krav på oss att all information på vår webbplats ska vara tillgänglig också för personer med olika funktionshinder, till exempel synskadade. För att tabeller ska bli tillgängliga måste de göras på det sätt som beskrivs nedan. 1. Gå in i redigera-läget på den sida du ska skapa en tabell på. Klicka på ikonen Infoga tabell i texteditorn, så får du upp dialogrutan Infoga tabell, se bild på nästa sida.

Sida 42 (49) 1. Klicka på ikonen Infoga tabell. 2. Välj hur många rader och kolumner du ska ha i tabellen och ange hur bred tabellen ska vara i procent (av webbsidans storlek). Se bild på nästa sida. 3. Klicka på Ok-knappen.

Sida 43 (49) 2. Ange antal rader och kolumner samt tabellbredd i procent. 3. Klicka på ok-knappen. Nu har du en tabell i standardutförande i textrutan.

Sida 44 (49) 4. Ställ muspekaren någonstans i tabellen och gör ett högerklick på musen. När du gör det får du upp en meny som bland annat innehåller kommandon som du använder för att justera utseendet på din tabell. Se bild på nästa sida. 4. Ställ muspekaren i tabellen och högerklicka med musen. 5. Välj kommandona Markera och Tabell. 5. Välj kommandona Markera och Tabell. 6. Högerklicka på den markerade tabellen och välj kommandot Tabellegenskaper, se bild på nästa sida.

Sida 45 (49) 6. Välj kommandot Tabellegenskaper. 7. Nu får du upp dialogrutan Tabellegenskaper på dataskärmen. Klicka på fliken Avancerat, se bild på nästa sida. 7. Klicka på fliken Avancerat. 8. Skriv en beskrivande tabellrubrik i tabellrubrik-fältet och en sammanfattande beskrivning av uppgifterna som finns i tabellen. 9. Klicka på Ok-knappen längst ner i dialogrutan.

Sida 46 (49) 8. Skriv in en tabellrubrik och en beskrivning av vilka uppgifter som finns i tabellen. 9. Klicka på Ok-knappen. 10. Skriv in alla tabellvärden i tabellen. Fetmarkera inte kolumnrubrikerna! 10. Skriv in alla tabellvärden.

Sida 47 (49) 11. Placera muspekaren i den första raden i tabellen, där du har dina kolumnrubriker. 12. Högerklicka och välj alternativet Cellegenskaper. 11. Placera muspekaren i raden med kolumnrubriker. 12. Välj alternativet Cellegenskaper. 13. Välj celltypen Rubrikcell och scope-alternativet Kolumn.

Sida 48 (49) 13. Välj celltypen Rubrikcell och scope-alternativet Kolumn. 14. Klicka på Ok-knappen. Du har nu skapat en tillgänglighetsanpassad tabell. 14. Spara och publicera sidan, så ser du hur den färdiga tabellen ser ut.

Ni som redan har skapat tabeller gör dem enkelt tillgängliga genom att markera tabellen och utföra moment 4-9 och moment 11-14 på sidorna 47-48 i den här manualen. Sida 49 (49)