Handboken får spridas fritt, i sin helhet, digitalt eller i tryckt format till alla användare av EPiServer CMS.

Copyright Denna handbok skyddas av upphovsrättslagen. Förändringar av innehåll eller delvis kopiering av innehåll får ej ske utan tillstånd från upphovsrättsinnehavaren. Handboken får spridas fritt, i sin helhet, digitalt eller i tryckt format till alla användare av EPiServer CMS. Redaktörshandbok för EPiServer CMS 5 Release 1 Rev A Skapad den 13 mars 2006 Senast sparad 22 oktober 2007

Innehållsförteckning 3 Innehållsförteckning INTRODUKTION 9 VAD ÄR EPISERVER CMS?..................................................... 9 EPISERVER CMS WEBBPLATS OCH ANVÄNDARNÄTVERK............................... 9 HUR FUNGERAR EPISERVER CMS?............................................... 9 Företagets grafiska profil på webbplatsen...............................................11 Webbplatsens funktionalitet blir sidtyper och sidmallar....................................12 Produktionsmallar kodade för att stödja tillgängliga webbplatser............................12 Sidmallar vs Sidtyper...............................................................12 Innehållet lagras i en databas........................................................12 Rättigheter......................................................................12 Arbetsgången i EPiServer CMS.......................................................13 Webbläsare......................................................................14 Visaläget, redigeraläget, adminläget...................................................14 ROLLER.................................................................. 14 ORDLISTA................................................................ 15 KOM IGÅNG MED EPISERVER CMS 18 LOGGA IN................................................................ 18 FÖNSTRET................................................................ 18 ÄNDRA BEFINTLIG INFORMATION............................................... 19 SKAPA, SPARA OCH PUBLICERA INFORMATION..................................... 20 Olika möjligheter för att spara.......................................................20 Olika möjligheter för att publicera....................................................21 SKAPA EN VANLIG INFORMATIONSSIDA.......................................... 22 ARBETA MED STRUKTUREN PÅ WEBBPLATSEN...................................... 23 Symboler i trädstrukturen...........................................................23 Sidornas ordning i menyer..........................................................24 Flytta sida.......................................................................25 Kopiera sida.....................................................................25 Ta bort sida......................................................................26 Återställ en sida från papperskorgen..................................................26 Ta bort en sida från papperskorgen...................................................26 Töm papperskorgen...............................................................26 LÄMNA IN SIDAN FÖR PUBLICERING............................................. 26 Publicera versionen................................................................26 Lämna in versionen för godkännande..................................................27 Ansvarig utgivare..................................................................27 REDIGERA MED HÖGER MUSKNAPP 28 ENKEL REDIGERING FRÅN VISALÄGE............................................. 28 Kortkommandon..................................................................28 SNABBREDIGERING FRÅN VISALÄGE............................................. 29 Ändra en sida med snabbredigering...................................................29 Skapa en ny sida med snabbredigering.................................................29 SNABBREDIGERING FRÅN REDIGERALÄGE......................................... 30 ATT ARBETA MED INFORMATIONEN 31 EDITORN................................................................ 31 Knappar i editorn.................................................................31 Styckebrytning/Radbrytning.........................................................32 KORTKOMMANDON I EDITORN................................................ 32 HÖGER MUSKNAPP I EDITORN................................................. 33 Klistra in/klistra in oformaterat.......................................................33 Markera.........................................................................33 Infoga...........................................................................33 Tabell...........................................................................33 Om..............................................................................33

4 Redaktörshandbok EPiServer CMS 5 Release 1 TEXTFORMATERING......................................................... 34 Formatera text med formatmallar....................................................34 Tag bort formatering...............................................................34 Markera innehåll i editorn...........................................................34 Kopiera text från andra program.....................................................35 Formatera text med knappen Tecken..................................................36 SÖK I TEXT............................................................... 36 RÄTTSTAVNING............................................................ 36 VISA/DÖLJ HTML-KOD...................................................... 37 MAXIMERA EDITORN........................................................ 37 INFOGA BILDER............................................................ 38 Infoga bilder från ett arkiv på webbservern.............................................38 Infoga en bild direkt från filhanteraren.................................................39 Ladda upp bilder från en dator till webbservern.........................................39 Ändra storlek på bild..............................................................40 Placera en bild bredvid text.........................................................41 Ta bort en bild från sidan...........................................................42 Ersätta en bild på sidan.............................................................42 Ersätta en bild på webbservern......................................................43 INFOGA DOKUMENT........................................................ 44 Länk till dokument på nätverket......................................................45 Infoga ett dokument direkt från filhanteraren...........................................46 Infoga citat.......................................................................46 Ta bort citat.....................................................................47 LÄNKAR................................................................. 47 Länk till sida på annan webbplats.....................................................47 Länk till sida i EPiServer CMS........................................................48 Länk till e-postadress..............................................................49 LÄNKA TILL PLATS PÅ SAMMA SIDA............................................. 50 Infoga bokmärke..................................................................50 Ändra/Ta bort bokmärke...........................................................51...............................................................................51 Länk till plats på samma sida.........................................................51 ATT SKAPA EN LÄNK AV EN BILD............................................... 52 Skapa en länk av en bild som du drar och släpper från filhanteraren.........................53 TABELLER................................................................. 53 Markera i tabeller.................................................................53 Tabellegenskaper..................................................................54 Fliken Allmänt....................................................................54 Justering.........................................................................54 Cellutfyllnad.....................................................................54 Cellavstånd......................................................................55 CSS-klass........................................................................55 Höjd och bredd i tabellen...........................................................55 Kantlinjer........................................................................55 Bakgrund........................................................................56 Fliken Avancerat..................................................................56 Ändra antal rader och kolumner i en tabell.............................................57 Slå ihop celler....................................................................57 Dela upp celler...................................................................57 Cellegenskaper...................................................................58 Fliken Allmänt....................................................................58 Vågrät och lodrät justering..........................................................58 CSS-klass........................................................................58 Bredd på cell.....................................................................59 Färg på kantlinjer..................................................................59 Bakgrundsfärg....................................................................59 Fliken Avancerat..................................................................59 Exempel på tillgänglighetsanpassad tabell...............................................60 VERSIONSHANTERING FÖR SIDOR 61 TA BORT GAMLA VERSIONER.................................................. 61

Innehållsförteckning 5 JÄMFÖR VERSIONER......................................................... 61 TIDSSTYRD PUBLICERING AV VERSION........................................... 62 KONFLIKT MELLAN VERSIONER................................................. 63 FILHANTERING I EPISERVER CMS 64 FÖNSTER................................................................. 64 HÖGER MUSKNAPP I FILHANTERAREN............................................ 65 SÖK EFTER KATALOGER OCH FILER.............................................. 65 ARBETA MED KATALOGER.................................................... 66 Skapa katalog.....................................................................66 Öppna katalog....................................................................66 Ta bort katalog...................................................................66 Ändra namn på katalog.............................................................67 Lägg till katalog i Mina favoriter......................................................67 Ta bort en katalog i Mina favoriter....................................................67 Ändra rättigheter på katalog.........................................................67 Flytta katalog.....................................................................67 Kopiera katalog...................................................................67 ARBETA MED FILER.......................................................... 68 Lägg till en fil.....................................................................68 Lägg till flera filer..................................................................68 Lägg till filer genom att använda Utforskaren i Windows..................................68 Visa filinformation.................................................................69 Redigera filinformation.............................................................70 Öppna fil........................................................................70 Ändra namn på fil.................................................................70 Ersätt en fil......................................................................70 Ta bort fil.......................................................................70 Flytta fil.........................................................................71 Kopiera fil.......................................................................71 Markera flera filer samtidigt.........................................................71 Infoga bilder i en sida direkt från filhanteraren...........................................71 Infoga filer i en sida direkt från filhanteraren............................................72 FILHANTERING MED WINDOWS EXPLORER....................................... 72 VERSIONSHANTERING AV FILER 73 Checka ut och in filer..............................................................73 Integration med Microsoft Office.....................................................73 Arbeta med versionhantering genom Office-programmen.................................73 Ångra Checka ut..................................................................74 Arbeta med versionhantering av andra filer.............................................74 Versionshistorik...................................................................75 Ladda ner en tidigare version........................................................75 Återpublicera en tidigare version.....................................................76 Ta bort versioner.................................................................76 VERKTYGSFÄLTET I EPISERVER CMS 77 Verktygsfältet på höger musknapp....................................................77 Ny sida.........................................................................78 Klipp ut/klistra in..................................................................78 Kopiera/Klistra in..................................................................78 Ta bort.........................................................................78 Åtgärdsfönster....................................................................78 Filhantering......................................................................79 Arbetsflöde......................................................................79 Adminläge.......................................................................79 Visaläge.........................................................................79 Hjälp...........................................................................79 Rättigheter......................................................................79 Dynamiska egenskaper.............................................................80 Knappar med globaliseringsstöd......................................................81

6 Redaktörshandbok EPiServer CMS 5 Release 1 Mina inställningar..................................................................81 Logga ut........................................................................81 FLIKAR I REDIGERALÄGE 82 INFORMATION............................................................. 82 Standardvärden...................................................................82 Namn *.........................................................................82 Börja/sluta publicera *.............................................................83 Markera sidan som ändrad *........................................................83 Rubrik..........................................................................83 Editor..........................................................................83 Skribent.........................................................................83 Blockera prenumeration för denna sida................................................84 AVANCERAD INFORMATION.................................................. 84 Visa sidan i menyer *..............................................................84 Skapad *........................................................................84 Sorteringsordning *...............................................................85 Sorteringsindex *.................................................................85 Dialogrutan Välj sida...............................................................85 Arkivera till sida *.................................................................85 Enkel adress till sidan *.............................................................86 Sidans namn i webbadress *.........................................................86 Hämta listning från................................................................86 Antal sidor i lista..................................................................86 Hämta andra listning från...........................................................86 Antal sidor i lista för andra listning....................................................86 Aktivera prenumeration............................................................87 KATEGORIER.............................................................. 87 Kategorier.......................................................................87 GENVÄG/EXTERN LÄNK...................................................... 88 Länk till den här sidan..............................................................88 Genväg till sida i EPiServer CMS.....................................................88 Hämta data från sida i EPiServer CMS.................................................88 Länk till sida på annan webbplats.....................................................89 Ingen länk.......................................................................89 Målram.........................................................................89 ARBETA MED GLOBALISERING 90 ANTAL SPRÅK............................................................. 90 WEBBPLATSENS STANDARDSPRÅK.............................................. 90 STRUKTUREN.............................................................. 90 SKAPA EN NY SIDA......................................................... 91 SKAPA SIDANS ANDRA SPRÅK................................................. 91 Meny ovanför sidan................................................................91 Sidans språk......................................................................92 Språköversikt.....................................................................92 TA BORT SPRÅK............................................................ 93 JÄMFÖR SPRÅK............................................................. 93 VERSIONSHANTERING AV SPRÅKVARIANTER....................................... 94 LÄNKA TILL SPRÅKVARIANT AV EN SIDA.......................................... 94 SPRÅKINSTÄLLNINGAR....................................................... 95 Tillgängliga språk..................................................................95 Ersättningsspråk..................................................................95 Reservspråk......................................................................96 PUBLICERA FRÅN MICROSOFT OFFICE 97 PUBLICERA FRÅN OFFICE TILL VALFRI SIDMALL I EPISERVER CMS....................... 97 Publicera delar av ett dokument.....................................................100 Formatet på texten som skapas.....................................................100 PUBLICERA FRÅN OFFICE MED MALLEN DOKUMENTSIDA............................. 101

Innehållsförteckning 7 PERSONALISERA EPISERVER CMS 103 MINA INSTÄLLNINGAR...................................................... 103 Användarinformation.............................................................103 Visningsalternativ.................................................................103 MICROSOFT OFFICE-TILLÄGG................................................. 104 Installera.......................................................................104 Aktivera och inaktivera............................................................105 KOMPONENTER........................................................... 105 FAVORITER.............................................................. 106 AKTIVITETER............................................................. 106 SKAPA UPPGIFT........................................................... 107 UTFÖR EN TILLDELAD UPPGIFT................................................ 107 MINA UTDELADE UPPGIFTER................................................. 108 ARBETSFLÖDEN I EPISERVER CMS 109 STARTPUNKT I ARBETSFLÖDET................................................ 109 STARTA ETT FLÖDE MANUELLT............................................... 109 UTFÖRA EN UPPGIFT I ETT FLÖDE............................................. 110 ARBETSFLÖDEN JAG HAR STARTAT............................................ 111 FORMULÄRSIDA 112 Dialogrutan Välj formulär..........................................................112 Formulärinställningar..............................................................114 Bygg upp formuläret..............................................................115 Fliken Formulärdata...............................................................117 SAKREGISTER 119

8 Redaktörshandbok EPiServer CMS 5 Release 1

Introduktion 9 Introduktion Vad är EPiServer CMS? EPiServer CMS är en informationsplattform där du snabbt och enkelt kan publicera information på en webbplats utan specifik kunskap om tillverkning av webbsidor. Med EPiServer CMS kan alla medarbetare enkelt skapa och uppdatera företagets webbplatser från en vanlig webbläsare. Arbetet kan jämföras med enkel ordbehandling. Det krävs inte någon specialistkunskap för att skapa webbsidor i EPiServer CMS, du kan skapa sidor och publicera dessa utan att ha kunskap om html. Detta innebär dock inte att webbplatsen tappar funktionalitet. I EPiServer CMS finns ett flertal färdiga funktioner som varje redaktör själv kan använda för att bygga upp webbplatsen. Syftet med att ha en plattform som EPiServer CMS är att man ska kunna sprida arbetet med att hålla en webbplats uppdaterad till så många som möjligt. Det ska vara lätt att lära sig och lätt att använda. Att det är lätt att lära sig tycker de flesta är bra men de som redan har kunskaper om att göra webbsidor kan ofta känna sig begränsade i en plattform. I EPiServer CMS kan du som har stor erfarenhet av tillverkning av webbsidor använda dina kunskaper och tillverka webbsidor med hjälp av html eller verktyg du är van vid och sedan infoga det i EPiServer CMS. Det du kan göra i html kan du göra i EPiServer CMS. EPiServer CMS är en plattform för alla typer av webbplatser. De flesta företag har webbplatser som vänder sig till olika målgrupper. Nästan alla har en publik webbplats som är till för marknadsföring gentemot kunder och andra intressenter. De flesta har också ett intranät som är en webbplats där intern information publiceras för anställda. Många har också ett extranät som är till för anställda, men ofta även för nära samarbetspartners och underleverantörer. De två sistnämnda typerna brukar vara lösenordskyddade så att endast de som är behöriga kommer åt dem. Genom att arbeta med EPiServer CMS kan alla typer av webbplatser hanteras på en och samma plattform. Vissa organisationer har valt att implementera EPiServer CMS på alla sina webbplatser, andra bara för någon av sina webbplatser. Allt redigeringsarbete sker direkt från en webbläsare vilket innebär att man oberoende av tid och plats alltid kan logga in i EPiServer CMS över internet och där skapa och uppdatera information. EPiServer CMS webbplats och användarnätverk EPiServer CMS har en egen webbplats där du hittar aktuell information om produkten. Webbplatsen är öppen för allmänna besökare, kunder och partners, och från den kan du ladda ner material, delta i diskussioner, läsa artiklar, ta del av support och mycket annat. Adressen till webbplatsen är www.episerver.com. EPiServer CMS har även ett användarnätverk som vänder sig till alla som arbetar i EPiServer CMS som redaktörer, administratörer, beställare eller liknande. Varje år anordnas träffar där medlemmarna får ta del av nyheter och utbyta erfarenheter med varandra. Registrera dig på www.episerver.com för att medverka i användarnätverket. Hur fungerar EPiServer CMS? EPiServer CMS består av en basplattform (kärna) som innehåller all grundfunktionalitet som finns för redaktörer och administratörer. För varje enskild webbplats skapas ovanpå plattformen en anpassad lösning som gör webbplatsen unik för besökarna. Hur man arbetar som redaktör och administratör är i stort sett detsamma för alla webbplatser byggda på EPiServer CMS.

10 Redaktörshandbok EPiServer CMS 5 Release 1 När man installerar en standardinstallation av EPiServer CMS är den klar att använda på en gång. Vid installationen kan man välja att installera en exempelwebbplats av någon slag som har ett grafiskt utseende och ett antal funktioner klara att använda. Antingen utgår man från exempelwebbplatsen när man ska skapa sin egen, eller så börjar man om från början och bygger en helt egen lösning. EPiServer CMS använder Microsoft Internet Information Server som webbserver för att hantera webbpubliceringen. I bakgrunden finns all information som visas på webbsidorna lagrad i en SQL databas. Webbservern och databasen körs på en Windowsserver. EPiServer CMS använder samma behörighetsmodell som Windows vilket gör arbetet med behörigheter smidigt och enkelt. De bilder och dokument som redaktörerna laddar upp till webbservern lagras i en egen eller flera datakällor på webbservern. Förenklat kan man dela upp EPiServer CMS i ett antal delar. Som första del har vi EPiServer CMS kärna eller plattform, i den finns funktionalitet som hör till grundsystemet. Det är kärnan som har stöd för versionshantering, förhandsgranskning, arbetsflöden, rättigheter på sidan m.m., d.v.s funktioner för att du som redaktör ska kunna arbeta i redaktörsläget. Det är själva plattformen som finns i olika versioner och som ständigt utvecklas. En uppgradering av plattformen sker dock inte automatiskt utan det är ett manuellt arbete som varje organisation tar ställning till om det ska göras eller inte. När man uppgraderar plattformen, gör man det för alla redaktörer på en gång. Det är inte möjligt att uppgradera för en mindre mängd redaktörer. Ovanpå plattformen bygges den anpassade lösningen som gör att webbplatsen skiljer sig i förhållande till andra. Det är certifierade partners som skapar den anpassade lösningen tillsammans med kunden. Lite förenklat kan man dela in den anpassade delen i fyra delar: 1. Först har vi företagets grafiska profil som lagras i en formatmall (CSS). Här har man definierat vilka typsnitt, färger m.m. som ska användas på webbplatsen. 2. Den andra delen är ett antal olika funktioner som besökarna ska kunna använda på webbplatsen. Det kan handla om att besökarna ska kunna diskutera i diskussionsforum, tipsa en kompis eller skriva ut en sida. Vanligtvis är varje funktion kopplad till en enskild sidmall. 3. Den tredje delen är vilka rättigheter som redaktörer och besökare ska ha på olika sidor. 4. Den fjärde delen är informationen på webbplatsen som lagras i en databas. De eventuella bilder och dokument som man har på en sida lagras utanför själva EPiServer CMS, i en godtycklig datakälla. En redaktör som arbetar i EPiServer CMS ska fokusera på att skapa ett bra innehåll som gör webbplatsen intressant att besöka. De ska skriva bra och intressanta texter, alltså fokusera på den fjärde delen. De övriga delarna i produkten ska hanteras av utvecklare och administratörer

Introduktion 11 så att redaktörerna kan fokusera på rätt sak. Syftet med en sådan här plattform är att en redaktör inte ska behöva fundera på vilka typsnitt och färger som ska användas och inte heller behöva kunna programmera för att hantera webbplatsen. Allt sådant ska vara färdigt i systemet så att redaktörerna får ett så enkelt arbete som möjligt. Tack vare att delarna är skilda från varandra kan man också arbeta parallellt i uppbyggandet av webbplatsen. Utvecklarna kodar funktioner samtidigt som redaktörerna skapar sidor med innehåll. Företagets grafiska profil på webbplatsen Ett av de första beslut som tas i ett webbprojekt är designen på webbplatsen. Då kommer man fram till vilka färger som ska användas, vilka typsnitt och vilken storlek texten ska ha, hur navigerigen ska fungera o.s.v. Detta blir den grafiska profilen på webbplatsen. I EPiServer CMS lagras all denna information i ett så kallat CSS-dokument. CSS står för Cascading Style Sheet och kanlite förenklat jämföras med formatmallar i MS Word. En stor fördel med användningen av formatmallar är om förändringar behöver göras i den grafiska profilen. Med hjälp av formatmallar gör man förändringen i ett dokument och förändringarna slår igenom på alla sidor, oavsett om det är 10 eller 10 000 sidor. Använder man inte formatmallar måste man följaktligen gå in och ändra på varje enskild sida. I EPiServer CMS finns det stöd för att använda olika grafiska teman eller olika menyträd, färger och så vidare genom de dynamiska inställningarna som finns. Ingenting är omöjligt när det gäller EPiServer CMS.

12 Redaktörshandbok EPiServer CMS 5 Release 1 Webbplatsens funktionalitet blir sidtyper och sidmallar När man planerar webbplatsens struktur bestämmer man vilka olika funktioner som ska vara tillgängliga för besökaren. Det kan handla om att man exempelvis vill ha en nyhetspublicering, prenumerationsfunktion eller diskussionsforum på webbplatsen. När man valt vilka funktioner som ska finnas, skapas sidmallar för alla dessa funktioner. Med hjälp av dessa sidmallar kan redaktörerna skapa innehållet och publicera sidorna på webbplatsen. Eftersom sidmallar anpassas helt och hållet efter din organisations behov, kan det på din webbplats finnas sidmallar med annat utseende än de som beskrivs här. Produktionsmallar kodade för att stödja tillgängliga webbplatser Internet och webbsidor är en flexibel miljö där varje besökare på egen hand kan välja hur saker och ting ska se ut och fungera när just denne besöker en webbplats. Olika besökare sitter i olika datormiljöer som tolkar det vi vill presentera på olika sätt. Om man exempelvis har nedsatt syn är det möjligt att med en inställning i webbläsaren öka typsnittets storlek för att lättare kunna läsa texten. EPiServer CMS medföljande produktionsmallar är i huvudsak kodade för att stödja tillgänglighet på webbplatsen. Med det menas att alla ska kunna ta del av informationen på webbplatsen, oavsett vilka hjälpmedel personen använder. För dig som redaktör innebär detta ingen större skillnad. Du bör tänka på att, som du upplever din sida till form och utseende inte alltid stämmer överens med hur andra upplever sidan. Detta på grund av att de har personliga inställningar eller hjälpmedel när de läser sidan. Om du vill ha hjälp med hur du ska skapa sidor så att de är tillgängliga för alla kan du ta hjälp av Användbarhetsguiden i EPiServer CMS, som du hittar i Åtgärdsfönstret. Läs gärna mer om Åtgärdsfönster på sidan 78. Sidmallar vs Sidtyper I EPiServer CMS finns både sidmallar och sidtyper. Sidmallar är de aspx-sidor som visas för besökarna och som innehåller den funktionallitet som önskas för en viss funktion. Sidtyper däremot är det formulär som redaktören fyller med information i EPiServer CMS. Rent definitionsmässigt rör arbetet inne i EPiServer CMS redaktörs- och administratörsläge i första hand sidtyper. Vanligen benämns dessa sidtyper som sidmallar, vilket vi fortsättningsvis i den här boken också gör för att göra det hela enkelt. Innehållet lagras i en databas Redaktörernas uppgift är att fylla webbplatsen med innehåll. Webbplatsens layout och struktur skapas av utvecklare medan innehållet skapas av redaktörer som gör detta via sin webbläsare. När redaktören går in redigeraläge och skapar sidor lagras all den informationen i en databas. Filer som finns på sidan lagras dock inte databas utan lagras på den plats som har beslutats om centralt. Sidan innehåller helt enkelt en länk till den plats och fil som ska visas. Rättigheter EPiServer CMS använder samma behörighetsmodell som Windows. När det gäller rättigheter i EPiServer CMS brukar man dela in dem i två delar. Dels rättigheter för de som ska arbeta som redaktörer och administratörer, och dels rättigheter för besökarna på webbplatsen. Det finns möjlighet att sätta behörigheter så att vissa medarbetare får ändra informationen på specifika sidor på webbplatsen. På så sätt kan olika avdelningar arbeta på samma webbplats men aldrig komma åt att ändra varandras information. Det är också vanligt att redaktörerna inte har samma rättigheter som administratörer.

Introduktion 13 När det gäller rättigheter för besökare kan det användas på olika sätt. Ett vanligt användningsområde är en publik webbplats som även kan fungera som företagets extranät. Olika besökare ser olika menyer beroende på vilka behörigheter de har. Det finns i EPiServer CMS möjlighet att styra rättigheter till enskilda användare och sidor på webbplatsen. Arbetsgången i EPiServer CMS 1. Redaktören loggar in i redigeraläge. Systemet kontrollerar att personen har rättigheter att skapa eller ändra sidor. Om man har rättigheter att skapa sidor öppnas formuläret och redaktören kan lägga till information. 2. Informationen som redaktören skapat (texter, länkar m.m.) sparas i databasen. 3. När besökaren går in på sidan via sin webbläsare, kontrolleras först behörigheten. Om besökaren har rättighet att läsa sidan börjar systemet ladda upp de olika delarna och visar sidan för besökaren. 4. Den grafiska profilen hämtas. 5. Sidans funktionalitet laddas in. 6. Information från databasen hämtas. 7. Eventuella bilder och dokument laddas upp till sidan. Det sammanlagda resultatet visas för besökaren och denne kan läsa det på sin skärm.

14 Redaktörshandbok EPiServer CMS 5 Release 1 Webbläsare För att kunna arbeta med redigering i EPiServer CMS krävs att redaktörerna använder Internet Explorer 6.0. eller 7.0 för att all funktionalitet ska vara tillgänglig. Det är också möjligt att använda FireFox 2.0 för redigering, men för det krävs en anpassning av webbplatsen så att en lämplig editor kan användas. Trots att html-språket är konstruerat för att kunna visa information likartat oberoende av vilken hårdvara och mjukvara som används så ser det trots allt lite olika ut. Det finns en mängd varianter på html som olika webbläsare tolkar på lite olika sätt. I praktiken innebär det att man alltid bör kontrollera sin webbplats mot olika webbläsare för att se hur det kommer att se ut hos besökarna. Det är även lämpligt att prova olika skärmstorlekar och operativsystem, helt enkelt sådana inställningar som man tror att de flesta besökare har. Visaläget, redigeraläget, adminläget En EPiServer CMS-baserad webbplats kan har tre olika huvudlägen. Visaläget är den vy som besökaren ser. Då ser webbplatsen ut som vilken annan webbplats som helst. Det går inte att avgöra vilket informationsplattform som webbplatsen är uppbyggd på. Redigeraläget är den vy som redaktörerna ser när de loggar in för att arbeta med information på webbplatsen. För att logga in till redigeraläget skrivs företagets webbadress plus ett tillägg med /xx/ui/edit som är konfigurerat för din webbplats, exempelvis http://www.foretaget.se/cms/ui/edit. Då visas en inloggningsruta där redaktören skriver in sitt användarnamn och lösenord. Vilken adress som gäller för din webbplats kan du kontrollera med din systemadministratör. Adminläget är den vy där administratörerna kan skapa och modifiera inställningar på webbplatsen. Här finns möjlighet att ändra i sidmallar, ändra systeminställningar, hantera rätttigheter m.m. För att logga in till adminläget skrivs företagets webbadress plus ett tillägg med /xx/ui/admin som är konfigurerat för din webbplats, exempelvis http://www.foretaget.se/cms/ui/admin. Då visas en inloggningsruta där administratören skriver in sitt användarnamn och lösenord. Om du är inloggad på din webbplats kan du växla mellan de tre lägena genom att använda EPi- Server CMS egen högerklicksmeny. Högerklicka i sidan och välj Till visaläge, Till redigeraläge eller Till adminläge. Om du inte har rätttighet att visa alla vyer visas inte heller alternativen i menyn. Roller När en organisation implementerar en EPiServer CMS-lösning finns det alltid ett antal olika roller runt omkring arbetet. Antal och typ av roller är beroende av organisationens storlek. När EPiServer CMS har utvecklats har det funnits ett antal roller till grund för hur utvecklingen skett. Dessa roller används ofta i den här dokumentationen för att beskriva arbetsgången i vissa moment.

Introduktion 15 Besökare: en person som är användare av webbplatsen. En person som med hjälp av sin webbläsare besöker webbplatsen för att hitta information eller använda tjänster som finns på webbplatsen. På ett intranät antar alla anställda på företaget rollen som besökare. Skribent: en person som arbetar med informationsinmatning direkt från webbplatsen med hjälp av högerklicksmenyn. All information som skapas ifrån detta läge publiceras direkt. Vissa skribenter har tillgång till det fullständiga redigeraläget, men de flesta har det inte. I många fall har skribenten inte rätt att publicera information, utan en ansvarig utgivare gör detta. Redaktör: en person som arbetar med informationsinmatning i EPiServer CMS. Redaktören har tillgång till redigeraläget och kan där ha olika rättigheter. Vissa redaktörer har bara möjligheter att skapa information på specifika platser i trädstrukturen. Andra har rätt att skapa, ändra och ta bort information men inte publicera. En tredje variant kan vara att man har rättigheter till alla funktioner som finns tillgängliga från redigeraläget. Ansvarig utgivare: en person som också är redaktör men har ett litet större ansvar genom att denne kan publicera information som andra har skapat. Inte alla organisationer har en ansvarig utgivare, utan ofta ger man istället varje redaktör rättighet att publicera sin egen information. Administratör: en person som har ansvaret för hela webbplatsen. Administratören har tillgång till redigera- och adminläget i EPiServer CMS. Administratörens uppgift är ofta att hjälpa redaktörerna och underlätta deras arbete genom att anpassa plattformen på lämpligt sätt. Utvecklare: en person med goda kunskaper i programmering och som arbetar med framtagning av funktionalitet och sidmallar på webbplatsen. Beroende på vilken fas organisationen befinner sig i, kan det variera vilka av dessa roller man har inom organisationen och vilka tjänster man köper in. Det vanligaste är att organisationen köper in utvecklartjänster men själv innehar de övriga rollerna. Ordlista ASP.NET Blogg Cookie CSS 1. Active Server Pages. En webbsida som innehåller program eller skript som exekveras i webbservern innan resultatet sänds till användaren. Tillägget med.net innebär en integration med.net-miljön. 2. Application Service Provider. Programuthyrningsföretag (som låter kunderna komma åt programmen via webben). En webbsida med personliga kommentarer i journalform, oftast med länkar till andra webbsidor. Till skillnad från handskrivna journaler brukar bloggar ha det nyaste överst. Från början var en blogg en kommenterad lista med aktuella länkar. Bloggar publiceras oftast av privatpersoner, ibland av grupper, och de uppdateras ofta: från flera gånger om dagen till ett par gånger i veckan. Tidningar och andra nyhetswebbplatser räknas inte som bloggar, men de kan ge utrymme för bloggar. En fil som placeras på besökarens dator. Vilken information som lagras i filen är beroende på hur man har kodat webbplatsen som besöks. Om du inte vill att cookies lagras på din dator kan du stänga av den funktionen i din webbläsare. Alla webbplatser ska informera om cookies används och hur de används. Cascading Style Sheet. En typ av formatmall där man kan beskriva utseende och layout. Oftast har man samma CSS-mall för hela webbplatsen, men det finns även möjlighet att ha enskilda mallar för varje sida.

16 Redaktörshandbok EPiServer CMS 5 Release 1 Editor Extranät Hemsida HTML Intranät.NET rot RSS URL WAI WAP Webbläsare Ett verktyg för att redigera innehåll på webbsidor. De flesta editorer fungerar som en ordbehandlare. Det innebär att användaren inte behöver ha kunskap om html och programmering. En utvidgad variant av ett intranät. Man använder samma teknik som på internet i övrigt, men släpper bara in utvalda användare. Ett extranät kan användas både av anställda inom ett företag, såväl som utomstående som samarbetar med företaget, till exempel underleverantörer och återförsäljare. Den sammanhållande webbsidan för en webbplats. Brukar vanligtvis vara den första sidan man kommer till och varifrån man kan nå alla andra delar på webbplatsen. Hypertext Markup Language. Det språk som ofta används för att skriva webbsidor. Textens och sidans layout, liksom länkar, anges med enkla koder, som blir osynliga för användaren när man tar upp sidan i en webbläsare. Det finns en standard för hur html ska skrivas, men olika webbläsare kan ibland tolka språket på olika sätt. Ett nät som är baserat på samma teknik som övriga internet och fungerar likadant, men som bara är tillgängligt för anställda inom ett företag eller en organisation. Jämför med extranät. Microsofts basplattform som bygger på en satsning där persondatorbaserade program ska övergå till ett internetbaserat system av tjänster och tillämpningar som kan användas från alla slags digitala apparater - mobiltelefoner, persondatorer, handhållna datorer, tv-apparater. Microsoft skriver det med punkt före -.Net, och därför kallas det ofta för Dotnet. (root) I ett filsystem, som är indelat i kataloger, är roten modern till alla kataloger. Trots att det kallas för rot brukar det avbildas i toppen. RDF Site Summery (brukar även utläsas som Really Simple Syndication), är en standard för utdelning av information på en webbplats till en annan. Används ofta för att dela med sig av nyheter. Uniform Resource Locator - kan översättas med webbadress. http står för hypertext transfer protocol och www för world wide web. Exempelvis är http://www.foretag.se en vanlig form för ett företags webbadress. http kan ofta utelämnas när man matar in en URL, och ibland kan man även utelämna www. Dessa kan dock inte utelämnas när man skapar en länk från en webbsida till en annan. Web Accessibility Initiative. Sammanslutning som har skapat riktlinjer för hur webbplatser ska göras tillgängliga för personer med funktionshinder. Wireless Application Protocol. En växande samling industristandarder för att möjliggöra internetbaserad datakommunikation över det mobila telenätet på ett enkelt och enhetligt sätt. Målet är att skilja mellan innehållet och tekniken, så att meddelandet går fram oavsett vilken teknik som används. Det program som används för att läsa webbsidor. Det finns ett antal olika webbläsare på marknaden. De vanligaste är Microsoft Internet Explorer (IE) och Firefox. Webbläsare utvecklas ständigt, ju senare version desto bättre visning och finesser. Det engelska ordet är web browser eller förkortat browser.

Introduktion 17 Webbplats Webbsida WSRP XML En organisations eller persons plats på internet eller intranät, samlade under en hemsida. Engelska ordet är web site, eller förkortat site. En sida på en webbplats. Web Service for Remote Portlets. En teknik som gör det möjligt att göra webbplatser tillgängliga för portaler att användas som informationsskälla på ett enkelt och effektivt sätt. WSRP betraktas som en standard och stöds av företag som IBM, BEA, SAP och Microsoft. extensible Markup Language. Ett mer kraftfullt alternativ till html, det språk som används när man skapar webbsidor. En skillnad är att html endast hanterar sidans grafiska struktur, medan XML gör det möjligt att även beskriva innehållet. Källa: Computer Swedens språkwebb

18 Redaktörshandbok EPiServer CMS 5 Release 1 Kom igång med EPiServer CMS Logga in EPiServer CMS är ett webbpubliceringssystem som inte kräver speciellt mycket av vare sig dig som redaktör eller av hård- och mjukvaran på din dator. Du behöver ha kunskap om enkel ordbehandling och din dator behöver en webbläsare. För att komma åt redigeringsläget öppnar du din webbläsare och skriver in adressen till den webbplats som du ska redigera, plus att du lägger till /xx/ui/edit, exempelvis www.foretaget.se/cms/ui/edit. Då visas en inloggningsruta och du loggar in med ditt användarnamn och lösenord. Kontrollera med din systemadministratör vilken adress som gäller för just er webbplats. För att du ska kunna redigara en webbplats med EPiServer CMS 5 krävs att du använder Internet Explorer 6.0 eller 7.0. Med vissa anpassningar är det också möjligt att använda FireFox 2.0. Fönstret När du loggat in i EPiServer CMS redigeraläge ser du nedanstående innehåll i din webbläsare. Till vänster i fönstret finns innehållet på webbplatsen i form av en trädstruktur av sidor. Ovanför sidorna finns verktygsfältet med verktyg för att arbeta med strukturen. I den högra delen av fönstret visas antingen den aktuella sidan eller som i det här fallet, startsidan i redigeraläget. Verktygsfält som används i arbetet med strukturen Fliken Favoriter som visar de sidor som du placerat som dina egna favoriter. Ett snabbt sätt att komma åt sidor som du ofta arbetar med. Fliken Mina inställningar Fliken Komponenter ger dig möjlighet att installera komponenter på din dator. Strukturen så som redaktören ser den i redigeraläge. Varje rubrik här motsvarar en sida på webbplatsen. Klicka på plustecknet för att visa undersidorna. Bläddring i strukturen. Ange namn eller nummer på sidan du söker. Första sida med träff kommer att visas. Fliken Microsoft Office-tillägg ger dig möjlighet att installera programvara på din dator som ger stöd för publicering direkt från Office. En sammanställning av dina uppgifter och aktiviteter. Visas även på fliken Aktiviteter.

Kom igång med EPiServer CMS 19 Ändra befintlig information I EPiServer CMS finns tre olika sätt att redigera en befintlig sida. I visaläget kan du redigera en sida genom att högerklicka på sidan och välja Ändra, sk enkel redigering. I visaläget kan du även högerklicka på sidan och välja Snabbredigering. Det tredje alternativet är redigering från redigeraläget. De två förstnämnda kan du läsa mer om i kapitlet Redigera med högermusknapp. För att ändra i en sida från redigeraläget gör du så här: 1. Bläddra fram sidan du vill redigera i trädstrukturen till vänster och markera sidan genom att klicka på namnet. Bläddra i trädstrukturen genom att klicka på plustecknen framför sidornas namn. Sidan visas på fliken Visa till höger i webbläsaren. 2. Välj fliken Redigera. 3. Markera alternativet Markera sidan som ändrad om du vill att systemet ska notera att sidan är förändrad. 4. Gör dina ändringar i sidans innehåll. 5. Välj Spara och visa. 6. Kontrollera att du är nöjd med dina förändringar, om inte välj återigen fliken Redigera. Om du är nöjd väljer du Publicera. Fliken Redigera

20 Redaktörshandbok EPiServer CMS 5 Release 1 Skapa, spara och publicera information Arbetsgången med att skapa sidor i EPiServer CMS kan beskrivas i fem steg. Börja med att bestämma var sidan ska placeras, skapa en ny sida, lägg in text och bilder, spara och slutligen publicering av sidan. 1. Markera den sidan som du vill att din nya sida ska bli en undersida till. 2. Skapa en ny sida genom att välja Ny sida i verktygetsfältet, alternativt att högerklicka på sidan i trädstrukturen. 3. Välj sidtyp och fyll i den information som du vill ska finnas på sidan. 4. Välj Spara och Visa. Sidan visas på fliken Visa så att du kan förhandsgranska det du gjort. Om du inte är nöjd väljer du fliken Redigera och fortsätter arbetet med innehållet. 5. När du är nöjd med sidan kan du lämna in sidan för publicering eller publicera själv. 2. Välj Ny sida. 1. Markera en sida i trädet. 5. Publicera eller lämna in för godkännande. Olika möjligheter för att spara Det är möjligt att spara innehållet på sidan på flera olika sätt. De olika alternativet passar bra vid olika tillfällen, beroende på vad du vill göra efter det att du sparat. Spara Knappen Spara lämpar sig bäst när du jobbar med en sida under längre tid. För att vara säker på att du inte ska förlora några ändringar bör du spara med jämna mellanrum. När du väljer Spara lagras informationen och du kan sedan fortsätta arbeta med innehållet.

Kom igång med EPiServer CMS 21 Spara och visa Knappen Spara och visa lämpar sig bäst när du vill förhandsgranska sidan som du arbetar med. När du väljer Spara och visa lagras information och fliken Visa blir synlig. Från den vyn kan du antingen välja att publicera sidan eller att forsätta med din redigering. Spara och publicera Knappen Spara och publicera lämpar sig bäst när du vet att du vill publicera sidan som du arbetar med, utan att förhandgranska. När du väljer Spara och publicera lagras information och fliken Visa visas. Sidan publiceras och blir publik för besökarna. Olika möjligheter för att publicera I EPiServer CMS finns det två olika sätt att publicera sidor. Hur du ska publicera beror på vilka rättigheter du har. Publicera Knappen Publicera använder du oftast, men den kräver att du har rättighet att publicera sidorna. Då sker publiceringen direkt när du väljer Publicera. Klar för publicering Knappen Klar för publicering används om du inte har rätt att publicera information. Då har du endast denna knapp synlig. Väljer du den kommer sidan att skickas till Ansvarig utgivare för godkännande innan den blir synlig för besökarna. Du kan skicka sidan till Ansvarig utgivare för godkännande även om du har rättighet att publicera, om du vill att denne ska kontrollera ditt innehåll.

22 Redaktörshandbok EPiServer CMS 5 Release 1 Skapa en vanlig informationssida Det vanligaste arbetet i EPiServer CMS är oftast att skapa sidor med information. Beroende på hur webbplatsen är uppbyggd och vilka mallar som finns kan en informationssida se olika ut. Nedan beskrivs hur du på en standardinstallation skapar en sida med mallen Standardsida. 1. Markera den plats i trädstrukturen där sidan ska placeras. 2. Välj Skapa ny sida i verktygsfältet. 3. Välj mallen Standardsida och formuläret för den mallen visas. 4. Ange namn på sidan i fältet Namn. Det är det namn som sidan kommer att ha i EPiServers trädstruktur samt även i menyn och som rubrik, om du inte anger något annat i fältet Rubrik på sidan (se nedan). Fältet Namn kan inte lämnas tomt. Läs mer om Namn * på sidan 82. 5. Välj datum och tid för att börja och/eller sluta publicera. Sluta publicera kan lämnas tomt om sidan ska vara synlig på obestämt framtid. Läs mer om Börja/sluta publicera * på sidan 83. 6. Markera alternativet Markera sidan som ändrad om du vill att systemet ska notera att sidan är förändrad. Har ingen funktion om du skapar en ny sida, endast om du ändrar en. Läs mer Markera sidan som ändrad * på sidan 83. 7. Ange en rubrik för sidan i fältet Rubrik på sidan, om du vill ha ett annat värde än det du angivit under Namn. Rubrik på sidan är det som senare kommer att visas som rubrik högst upp på sidan. Fältet Rubrik kan lämnas tomt, och får då samma värde som fältet Namn. 8. Sektionerna Primärt och Sekundärt innehåll är redigeringsbara ytor där du skriver in den information du vill förmedla. Här kan du formatera texten, ladda in bilder, skapa länkar och arbeta med tabeller. Så som denna mall är uppbyggd, kommer texten i Primärt innehåll att visas mitt på sidan, och texten i Sekundärt innehåll att visas i sidans högermarginal. Om du inte fyller i något i Sekundärt innehåll, lämnas högerkolumnen tom. 9. Spara och visa sidan. 10. Förhandsgranska sidan, om du inte är nöjd väljer du att redigera igen. 11. Är du nöjd väljer du att Publicera sidan, den blir då synlig för besökare och visas i menyer.