Manual för Svenska Scoutförbundets hemsida i EPiServer

Transkript

1 Manual för Svenska Scoutförbundets hemsida i EPiServer Manualen kompletterar: Webbkurs i EPiServer för Svenska Scoutförbundets scoutkårer EPiServers Redaktörsmanual 4.60 Frågor och svar om hemsida i EPiServer 1

2 Manual för Svenska Scoutförbundets hemsida i EPiServer... 1 Om EPiServer... 3 Riktigt exempel... 3 Inloggning... 4 Trädstrukturen... 5 Redigera en sida... 6 Skapa en ny sida... 6 Våra sidmallar... 7 Vanlig sida... 7 Startsida... 7 Nyhetslista... 7 Nyhetsartikel... 7 Kalendarium... 7 Evenemang... 7 Kontaktlista... 8 Kontaktperson... 8 Annons... 8 Sidmallarna Webbkarta och Sök... 8 Fliken information... 9 Verktygsfält Fliken Avancerad information Fliken Formulär Ladda upp filer Sidmallarna Kontaktlista och Kontaktperson Dynamiska egenskaper Fliken Globala sidor och Fliken Högerkolumnen Bilder Uppdatering av manualen... 18

3 Om EPiServer Svenska Scoutförbundets hemsida bygger på publiceringsverktyget EPiServer. EPiServer är ett av de vanligaste och mest användarvänliga publiceringsverktyg som används i Sverige. Hemsidan är byggd så att alla distrikt och kårer kan lägga upp sina hemsidor i en gemensam struktur. De tekniska lösningarna, serverplatsen och domänen, viss support och viss administration av hemsidan är gemensam. Webbadress Alla scoutkårer som har en hemsida i förbundets struktur kommer att få en adress som är Alla distrikt får en adress som är Om ni sedan tidigare har en egen domän, till exempel måste ni själva se till att den adressen hänvisas till er nya sida i EPiServer. Förklaring Om jag ställer in att adressen ska gå direkt till Svenska Scoutförbundets server i Stockholm så kommer den att stoppas i brandväggen. Adressen in till servern måste alltid vara Detta är en säkerhetsinställning som skyddar vår server. Svenska Scoutförbundets server kan enbart styra det som står efter snedstrecket, exempelvis Servern kan till exempel inte ta in och sedan ändra adressen till eller ändra till För att en adress som inte börjar med ska pekas in till Svenska Scoutförbundets server krävs en specialpekning (ett så kallat webbhopp). För att kunna göra en specialpekning behöver kåren eller distriktet: Registrera domännamnet (hos exempelvis nic.se eller one.com) och sedan köpa en tjänst av ett webbhotell som pekar om adressen till Svenska Scoutförbundets server eller Ett eget webbhotell som gör ett webbhopp (Webbhop är webbtrafik som först går till en server, översätts till något annat och sen går vidare, till exempel översätts till Riktigt exempel Skaraborgs Scoutdistrikt har sedan tidigare adressen som pekar till deras eget webbhotell i Skövde. På webbhotellet pekar man ut att webbtrafik ska hänvisas tillbaka till (därmed har de gjort ett eget webbhopp) Deras mailtrafik stannar kvar på deras eget webbhotell, vilket gör att det kan ha adresser som info.skaraborg@ssf.scout.se och de sköter denna tjänst helt själva. Om kåren eller distriktet inte kan lösa sin specialpekning eller har andra frågor i liknande ärenden kontakta vår IT-samordnare Mikael Ordenius, mikael.ordenius@scout.se

4 Inloggning Öppna Internet Explorer och gå till Användarnamn: Här skriver du din e-postadress Lösenord: här skriver du (med små bokstäver) in de två första bokstäverna i ditt förnamn och de två första bokstäverna i ditt efternamn, samt 87. Exempel: Om du heter Anders Svensson skriver du in: ansv87. Bokstäverna å, ä och ö byter du ut mot a och o. Så om du heter Ella Ösgar, skriver du in elos87. Byt lösenord! Det är viktigt att du byter lösenord när du har loggat in första gången. Klicka på ikonen Mina inställningar - ikonen ser ut som en figur med röd tröja. Klicka sedan på Ändra lösenordet. Ange ditt nya lösenord två gånger på raderna nedanför varandra. Tänk på att inte ha för mycket information på första sidan, då blir det svårläst för besökaren. Tänk på att flytta bort saker som inte är väldigt aktuella.

5 Trädstrukturen Nedanför verktygsfältet finns den så kallade trädstrukturen. Här ligger alla distrikts hemsidor och under ditt distrikt hittar du din kårs hemsida. Klicka på det lilla plustecknet bredvid ditt distrikts namn för att öppna den mappen och hitta din kårs mapp. Vill du öppna kårens mapp för att se innehållet, måste du klicka på plustecknet till vänster om kårens namn. Tänk på att värdera din information så att den hamnar på rätt sida och under rätt rubrik. Det hjälper besökaren att hitta. Exempel: Nytt telefonnummer till kansliet kan först ligga som en nyhet och självklart också under kontaktuppgifter. Senare kan det bara ligga under kontaktuppgifter.

6 Redigera en sida I kårmallen finns redan ett antal sidor. För att göra ändringar på en sida klickar du en gång på sidans rubrik så att den blir fetmarkerad. I det stora fönstret till höger syns nu tre flikar; Visa, Redigera och Versionslista. Klicka på fliken Redigera så kommer du åt den sida du vill göra ändringar på. Skapa en ny sida I följande exempel utgår vi från hur det går till att skapa en ny sida. De funktioner vi går igenom fungerar på samma sätt både när du skapar nya sidor och när du gör ändringar på en sida som redan finns. För att skapa en ny sida klickar du en gång på den rubrik du vill skapa en ny sida under. För att din undersida ska hamna under rätt rubrik, måste rubriken bli fetmarkerad när du klickar på den. Klicka nu på ikonen högst upp till vänster, den som ser ut som ett vitt papper - ikonen heter Skapa ny sida. Tänk på att du också kan komma till redigeraläge genom att klicka med höger musknapp när du har markerat en rubrik. Då kan du bland annat välja att skapa en ny sida, redigera, ta bort, klippa ut eller kopiera sidan.

7 Våra sidmallar Hemsidan i EPiServer bygger på olika sidmallar. Varje sidmall innehåller olika flikar där du kan göra vissa inställningar och skriva in information. Vad som finns under varje flik beror på vilka funktioner som den specifika sidmallen har. Antalet flikar varierar beroende på sidmall. Svenska Scoutförbundet har följande sidmallar: Vanlig sida Nyhetslista Nyhetsartikel Startsida Kalendarium Evenemang Kontaktlista Kontaktperson Annons Vanlig sida Mallen är en helt vanlig blank sida där du kan skriva in både långa och korta texter. Tänk på att inte göra för långa sidor så att besökaren direkt kan se hela sidan. Om du har mycket information, kan du i stället dela upp den informationen på flera sidor. Startsida Namnet kan vara förvillande. En hemsida kan ha flera sidor med sidmallen Startsida. Den fungerar som en sammanfattning. Här kan ingresser (inledande texter) från de artiklar du länkar till visas. Sidmallen kan också ha nyhetsrubriker och visa kalendariet. Nyheter är det som är nytt och viktigt att lyfta fram. Nyhetslista Den här sidmallen sammanfattar ingresserna från de sidor som ligger under den. Den ska ligga som en sida under Aktuellt/Nyheter. Som besökare kan man prenumerera på nyheter härifrån genom att klicka på länken Prenumerera med RSS. Nyheter lägger du sedan upp en och en som undersidor med sidmallen Nyhetsartikel. Nyhetsartikel Den här sidmallen används som undersida till Nyhetslista. Kalendarium Kalendarium används för att lista kommande arrangemang som hajker, stämmor, kurser och så vidare. Här visas namn, lokal (plats), datum och en sammanfattning av arrangemanget. Besökaren kan klicka på rubriken för att komma vidare till mer detaljerad information. Ett arrangemang som läggs upp i medlemsregistret Melker visas automatiskt i kalendern. Evenemang Evenemang är samma sak som arrangemang, men hämtas inte från medlemsregistret Melker. För att skapa ett evenemang går du till kalendariet och skapar en ny sida med mallen Evenemang. Sätt ett namn på arrangemanget och skriv en kort ingress. Kopiera ingressen till rutan Beskrivning under fliken MelkerData.

8 Under fliken Information kan du fylla i rutorna för ingress och brödtext om du vill. Under fliken MelkerData måste du fylla i start- och slutdatum för arrangemanget. De andra fälten är valfria, men det är bra att fylla i så mycket fakta som möjligt om arrangemanget. Målgrupp går tyvärr inte att ändra. Kontaktlista För att slippa använda tabeller finns en sidmall som underlättar presentationen av viktiga kontaktpersoner. Kontaktlista är en sida som alla bör ha. Listan kommer att bestå av de olika personer du lägger in som undersidor med mallen Kontaktperson (se nedan). Kontaktperson Som undersidor till sidmallen Kontaktlista skapar du sidor av typen Kontaktperson och fyller i all kontaktinformation till personen i formuläret. Tänk på att ha samma storlek på alla bilder. Lämplig storlek på en bild för kontaktpersoner är cirka 100x150 pixlar. (En pixel är en måttenhet, och det minsta elementet som en grafisk bild är uppbyggd av.) Annons Här lägger du annonser (banners) som ska visas i högerkolumnen på hemsidan. Lämplig storlek för annonser är 200 pixlars bredd. Höjden på annonsen bestämmer du själv beroende på hur bilden ser ut. Du väljer vilken sida annonsen ska länka till genom att fylla i den rätta webbadressen i fältet URL. Exempelvis Skapa en egen mapp för annonser i trädstrukturen. Mappen med annonserna ska inte vara synlig för din hemsidas besökare. Mappen gör du osynlig genom att klicka på fliken Redigera, och därefter på fliken Avancerad information. Här bockar du i Visa inte menyn samt Visa inte sidan i sökväg. Hur många har klickat på annonsen? Om du vill se hur många besökare som har klickat på en särskild annons markerar du den i trädstrukturen och väljer sedan Redigera. Längst ner står det sedan antal träffar som just den annonsen haft. Sidmallarna Webbkarta och Sök Dessa sidor redigerar man mindre ofta, men det går att lägga till/ändra text som till exempel dyker upp i samband med ett sökresultat eller om du vill lägga till en text ovanför webbkartan eller liknande. Tänk på att skriva ut förkortningar. Det ser estetiskt bättre ut att skriva ut hela ord och det stänger inte ute den som inte förstår vad olika förkortningar står för.

9 Fliken information När du har valt en sidmall kommer du först till fliken Information. I följande exempel har vi valt sidmallen Vanlig sida och så här gör du för att fylla den med information. Namn Börja med att ge sidan ett Namn i fältet högst upp. Namnet kommer att visas i menyn till vänster, samt som rubrik högst upp på din sida. Om du vill ha en annan rubrik högst upp på sidan fyller du även i Rubrik (om annan än sidans namn). Börja publicera Startdatum för publicering, då sidan ska börja visas för besökare. Sluta publicera Datum då sidan inte ska visas längre. Lämnas fältet tomt visas dokumentet på obegränsad tid. Genom att använda tidsinställning kan du enkelt hålla hemsidan aktuell, och du som redaktör slipper bevaka och ta bort sådant som är inaktuellt. Markera sidan som ändrad Den här rutan bockas i om man har gjort omfattande ändringar på sidan som man vill visa det. Det visas för redaktören i trädstrukturen som en ikon - en glödlampa - bredvid dokumentnamnet. Rubrik (om annan än sidans namn) Rubriken högst upp på sidan. Fyller du inte i något här visas istället namnet på sidan automatiskt. Titel (om annan än sidans namn) Sidans namn är även sidans rubrik om du inte skriver in en annan rubrik i det här fältet. Ingress Nedanför hittar du två större rutor. Den översta, Ingress, ska innehålla en kort sammanfattning av vad besökaren hittar på den här sidan. Ingressen bör inte vara längre än fyra meningar och du bör inte lägga några bilder här men länkar fungerar bra. Brödtext I nästa stora ruta, Brödtext, lägger du in själva innehållet. Här lägger du all den information, bilder, filer och länkar du vill presentera på sidan. Ovanför både ingressrutan och brödtextrutan finns verktygsfält. De kan du läsa mer om längre ner. Ansvarig för sidan Liten bild (i listningar) Vill du ha en liten bild som visas tillsammans med ingressen i listningar, till exempel Nyhetslistan, anger du bilden här.

10 Verktygsfält Verktygsfältet innehåller följande funktioner - från vänster till höger: Fetstil (Bold) Markera den text i rutan som du vill göra fet. Tryck sedan på knappen med ett B. Använd de färdiga formatmallarna för rubriker (Rubrik 1, Rubrik 2, Rubrik 3) istället för att fetmarkera texten i rubriker. Kursiv stil (Italic) Markera den text i rutan som du vill göra kursiv. Tryck sedan på knappen med ett I. Numrerad lista Markera den text i rutan som du vill göra till en numrerad lista. Tryck sedan på knappen med siffrorna 123 och tre rader. Punktlista Markera den text i rutan som du vill göra till en punktlista. Tryck sedan på knappen med tre ounkter och tre rader. Sök Ångra Ångrar den senaste inmatningen du gjort. Gör om Infoga bokmärke Detta innebär att du länkar till en annan plats på samma sida. Exempelvis om du har en mycket lång sida och vill att besökaren direkt ska hitta rätt. Infoga bild från fil Den här funktionen används om du exempelvis har en bild på din dator som du har laddat upp i EPiServers filhanterare. Du kan läsa mer om att ladda upp filer längre fram i manualen. Infoga dokument Den här funktionen används om du exempelvis vill infoga en pdf-fil. Infoga hyperlänk Den här funktionen används om du vill länka till en webbsida, ett dokument på hemsidan eller en e- postadress. Infoga tabell Den här funktionen används om du vill skapa en tabell. Tryck på knappen och välj sedan hur många rader och kolumner din tabell ska bestå av samt hur bred kantlinjen ska vara och om tabellen ska sträcka sig över hela sidan. Tabeller används bara för att presentera data, inte för att göra layout. Läs mer på sidan 61 i EPiServers Redaktörshandbok ver 4.60 om hur du gör tabeller mer tillgängliga för besökaren.

11 Stavningskontroll Den här funktionen hjälper dig att ha en hemsida utan stavfel. Markera den text du vill granska och tryck på knappen med ett vitt papper och en grön bock. Visa eller dölj HTML-kod Om du har kunskaper i HTML kan du här få användning för dem. Maximera/återställ editor Här kan du tillfälligt förstora Ingress- eller brödtextrutan för att få en bättre överblick. Tänk på att ett bra länknamn är tydligt och ska kunna plockas ur sitt sammanhang. Man ska helt enkelt förstå vart länken leder. Exempel: Klicka här för att läsa om vårt läger är alltså inte ett bra namn på en länk. Länka istället hela meningar. Ladda hem inbjudan och anmäl dig till sommarens läger.

12 Fliken Avancerad information Under fliken Avancerad information kan du göra många användbara inställningar. Inställningarna skiljer sig något från varandra beroende på vilken sidmall du använder. Vi har val att visa mallen Vanlig sida. Visa sidan i menyer Om rutan är ibockad kommer sidan att visas i vänstermenyn, annars döljs den. Skapad Datum när sidan skapades. Sorteringsordning Den slags ordning som underliggande sidor kommer att visas i vänstermenyn. Här kan du välja mellan att sortera alfabetiskt, sorteringsindex, skapad senast, skapad tidigast och några andra slags sorteringsordningar. Sorteringsindex Om du väljer att sortera sidor Enligt sorteringsindex skriver du in en siffra här. Den sida som har lägst siffra hamnar överst i menyn. Sidans språkkodning Språkval är automatiskt inställt till svenska. Arkivera till sida Här kan du välja en plats för arkivering av sidan. Sidan flyttas då hit när datumet för Sluta publicera inträffar. Enkel adress till sidan Sidan får automatiskt en adress som kan göras något enklare om du vill. Exempelvis kan då bli Sidans namn i webbadress Den adress som visas i webbläsarens adressfält. Exempelvis Sidtitel (webbläsarens fönstertitel) Rubriken som visas allra högst upp i webbläsarens fönster, högst upp till vänster på din skärm. Visas i sökresultat Sidan visas i sökningen om en besökare på hemsidan gör en sökning. Om du inte vill att sidan ska vara sökbar för besökaren, bocka då ur den här rutan. Visa inte menyn Det här valet finns bara i sidmallen Vanlig sida. Om du inte vill att den vänstra menyn ska visas bockar du i den här rutan. Visa inte sidan i sökväg Sökvägen visas ovanför vänstermenyn bredvid texten Du är här. Bocka i rutan om du inte vill att sidan ska synas i sökvägen.

13 Tillåt kommentarer Om du inte har så mycket tid att gå in och gallra bort olämpliga kommentarer, bör du inte aktivera den här funktionen. Tänk på att det är kåren som är ansvarig för vad som står på hemsidan. Samlingssida för kommentarer Om du har bockat i Tillåt kommentarer skapas det automatiskt en samlingssida för dessa. Visa bildgalleri Här kan du och besökarna lägga upp bilder. Läs mer om bilder längre fram i manualen. Visa filarkiv Läs mer om detta längre fram i manualen. Tänk på att använda de givna formatmallarna för text i ingress och brödtext. Det ser bättre ut och ger också enhetlighet över våra sidor. Besökarna känner igen sig. Väljer du Ta bort formatering kommer texten automatiskt att formateras till text för antingen ingress eller brödtext, beroende på vilken ruta du redigerar.

14 Fliken Formulär I EPiServer finns möjlighet att skapa webbformulär som kan fyllas i av besökaren. Till exempel en utvärdering, anmälan till läger eller anmälan till ett nyhetsbrev. Läs mer i EPiServers Redaktörshandbok på sidan 112. Fliken Högerkolumnen Här finns möjlighet att lägga upp max tre relaterade länkar som sedan hamnar i högerkolumnen. Du kan länka till andra sidor i trädstrukturen som har en koppling till den aktuella sidan eller till Annonser. Fliken Kategorier Här kan du kategorisera sidor med ett specifikt innehåll. Till exempel Lediga uppdrag och Aktiviteter. Det är sedan möjligt att lista eller söka sidor utifrån en viss kategori. Fliken Genväg/extern länk Här kan du göra olika sorters länkar. Du kan välja att hämta innehåll från, eller länka till, annan sida i trädstrukturen. Du kan även göra länkar till andra webbsidor (externa länkar). Typ av länk Här kan du välja mellan olika typer av länkar. Genväg till sida i EPiServer - du skapar en genväg till en redan existerande sida i trädstrukturen. Hämta data från sida i EPiServer - du hämtar innehållet från en annan sida i trädstrukturen samtidigt som besökaren förblir kvar på samma ställe i trädstrukturen. Målram Här finns alternativ om du vill öppna länken i ett nytt fönster eller i samma fönster.

15 Ladda upp filer För att ladda upp filer måste du först klicka på ikonen Filhantering. Ikonen ser ut som ett gult arkivskåp och finns överst till höger i verktygsfältet ovanför trädstrukturen. Då får du upp en ny meny på bildskärmens högra del. Du kan ladda upp filer på två olika sätt. Antingen i Sidans katalog eller i Globala katalogen. Om du väljer Sidans katalog kan bara de som har behörighet att redigera sidan komma åt filerna. Om du lägger filerna i den globala katalogen kan alla som har en behörighet till systemet komma åt och använda filerna. I den Globala katalogen har förbundet och alla distrikt varsin mapp. Under varje distrikt har kårerna sina mappar. Här samsas vi alltså i stor utsträckning om systemet. Då gäller det att vi alla har struktur och ordning på vårt arbete. Det är till exempel mycket viktigt att du laddar upp dina filer i den egna kårens mapp. När du laddar upp filer är det mycket viktigt att inte ladda upp filer med filnamn som innehåller mellanslag, å, ä, ö eller specialtecken som & %? #!. Detta kan orsaka många stora och onödiga problem, som att dokument inte går att öppna. Om du döper om en befintlig fil resulterar det i att samtliga länkar till dokumentet bryts. Filhanterarens verktygsfält Filhanteraren har ett eget verktygsfält. Verktygsfältet innehåller följande funktioner - från vänster till höger: Uppåt Flyttar stegvis uppåt i strukturen. Sök efter filer Skapa en ny katalog Även här är det viktigt att inte döpa mapparna med namn som innehåller mellanslag, å, ä, ö eller specialtecken som & %? #! Lägg till en ny fil Ändra namn på vald fil eller katalog Tänk på att länkar bryts när man byter namn! Ta bort vald fil eller katalog. Hjälp Tänk på att ägna lite tid till att planera sidornas ordning och innehåll. I samband med det är det är också viktigt att du skapar en struktur för de filer du kommer att ladda upp så att de är lätta att hitta och att det är lätt att hitta de som kan rensas bort. Om du i efterhand börjar flytta och byta namn på filer är det väldigt lätt att länkar bryts. Detta påverkar inte bara er hemsida utan även andra som har länkat till er.

16 Sidmallarna Kontaktlista och Kontaktperson Exempel Skapa en sida med sidmallen Kontaktlista. Den här sidan kommer att visa (sammanställa) informationen från underliggande sidor. Skapa nu undersidor med mallen Kontaktperson. Fyll i fälten så noggrant som möjligt och du får en snygg och fullständig kontaktlista till dina besökare. Se exemplet nedan. Tänk på att e-postadresser är automatiskt skyddade i EPiServer. Du som redaktör kan alltså skriva ut hela e- postadresser utan att riskera spam.

17 Dynamiska egenskaper De dynamiska egenskaperna styr flera återkommande grafiska element. De kommer man åt om man klickar på ikonen med de tre kuberna (blå, gul och grön). Om du har första sidan markerad och gör en ändring kommer egenskaperna ändras automatiskt på alla sidor neråt i strukturen. Under dynamiska egenskaper finns tre flikar: Information, Globala sidor och Högerkolumnen. Fliken Information Sidans basfärg (blå, grön, röd, gul, orange). Tänk på att synsvaga ofta har svårt att läsa rött. Kontaktinformationen i sidfoten Logotypen uppe till vänster på sidan. Logotypen kan vara max 69 x ca 300 pixlar. Toppbild. Storleken på toppbilden kan vara max 97 pixlar hög och oändligt lång. Om den är för kort visas den om igen. Antal händelser man vill ska visas i kalendariet på sidorna som har mallen Startsida. Fliken Globala sidor och Fliken Högerkolumnen Under fliken Globala sidor har redan förbundskansliet gjort de inställningar för bland annat nyheter från förbund och distrikt. Under fliken Högerkolumnen kan du välja vilka boxar du vill ska visas i högerkolumnen, exempelvis Relaterade länkar och Annonser.

18 Bilder Bilder ger hemsidan liv och de har hög trovärdighet och kan enkelt förmedla vår verksamhet. Var noggrann när du väljer bilder och tänk gärna en extra gång. Hur kan bilden uppfattas av besökaren på hemsidan? Kanske ska du välja en annan lägerbild än den från vattenkriget? Det hela handlar om vilken bild vill vi förmedla av vår scoutverksamhet och vilken bild vi inte vill förmedla. Här har du som redaktör ett stort ansvar i samarbete med den som är ansvarig för sidan. Några ledord när du väljer bilder till hemsidan: mångfald, modernt, ungdomar, glädje och aktivitet. Ta gärna hjälp av häftet Redo för kommunikation ur Kommunikationsplattformen. Den är utskickad till alla distrikt och kårer. Den finns även att ladda hem på Använd lågupplösta (små) bilder. Storlek: 72 pixlar räcker för webben. Spara alltid bilden i jpg-format (gif för illustrationer) Spara i RGB-format Förstora aldrig lågupplösta bilder eftersom kvalitén försämras då Beskär gärna bilden Spara alltid originalet i din dator Namnge bilden utan mellanslag, å, ä, ö eller specialtecken (såsom & %? #!) Storlek för bilder till banner i högerkolumnen (sidmallen Annons) är 200 pixlar bred. Höjden bestäms utifrån motivet. Tänk på att du kan läsa mer om hur du infogar, ändrar storlek på, placerar och tar bort bilder i EPiServers Redaktörshandbok på sidan 39. Uppdatering av manualen Om du hittar fel i manualen eller saknar specifik information kan du skicka ett mejl till sandra.zetterman@ssf.scout.se. Vi uppdaterar manualen löpande.