Redaktörshandbok Online

Redaktörshandbok Online Att använda Redaktörshandboken Online EPiServer innehåller en komplett dokumentation och beskrivning av EPiServer i ett pdf-baserat hjälpsystem. Redaktörshanboken Online innehåller information om alla funktioner i redigeraläget i EPiServer. För att öppna Redaktörshandboken Online från EPiServer klickar du på frågetecknet i verktygsmenyn högst upp i vänstra hörnet. Från det fönster som då öppnas kan du välja att öppna Redaktörseller Administratörshandboken. Den här pdf-filen är skapad för att underlätta navigeringen i dokumentet. Du kan också skriva ut denna fil och använda den som användarmanual. För snabbare hjälp med en specifik funktion i EPiServer kan du klicka på hjälpsymbolen på respektive sida. EPiServers Redaktörshandbok Online öppnas i ett eget fönster med fliken Bokmärken öppen till vänster i fönstret. Om den inte är öppen kan du öppna den genom att välja Fönster - Bokmärken från menyraden eller trycka F5 på tangentbordet. Du kan navigera i Redaktörshandboken Online genom att använda Bokmärken, Innehållsförteckningen, Sakregistret eller genom att söka efter ord i dokumentet. Nedan kan du läsa mer om hur du använder de olika navigationssätten. Att använda Bokmärken Innehållet i Redaktörshandboken Online visas som bokmärken längst till vänster i fönstret. För att se undermenyer klickar du plusset till vänster om namnet. Innehållet under den huvudmenyn kommer då att vecklas ut under namnet. Varje bokmärke är länkat till rätt avsnitt i dokumentet. För att se innehållet, klicka på bokmärket. När du valt ett bokmärke kan du läsa innehållet på höger sida av fönstret, bokmärket är då fetmarkerat i vänsterkanten för att du skall veta var du är i dokumentet. Att använda Innehållsförteckningen 1. Välj Innehållsförteckning i toppen på denna sida eller bland bokmärken till vänster. 2. Välj det avsnitt du vill läsa om genom att klicka på det ämnet när Innehållsförteckningen visas. 3. För att se andra avsnitt använd Bakåtknappen i verktygsmenyn för att kunna välja ett nytt område i Innehållsförteckningen. Att använda Sakregistret 1. Välj Sakregister i toppen på denna sida eller bland bokmärken till vänster. 2. Innehållet i boken visas i bokstavsordning. När du hittat det avsnitt som du är intresserad av klickar du på sidnumret till höger och det aktuella området visas. 3. För att se andra områden använd Bakåtknappen i verktygsmenyn för att kunna välja ett nytt avsnitt i Sakregistret. Att använda Sök 1. Välj Redigera - Sök i menyraden. 2. Skriv in ett ord eller en fras i fönstret som öppnas och välj OK. Innehållsförteckning Sakregister 3. Acrobat Reader söker igenom dokumentet efter det valda ordet/frasen med start från den sida som visas. 4. För att hitta nästa träff på samma ord/fras väljer du Redigera - Sök igen.

2 Redaktörshandbok Online EPiServer 4.60

3 ATT ANVÄNDA REDAKTÖRSHANDBOKEN ONLINE 1 ATT ANVÄNDA BOKMÄRKEN........................................................ 1 ATT ANVÄNDA INNEHÅLLSFÖRTECKNINGEN............................................ 1 ATT ANVÄNDA SAKREGISTRET....................................................... 1 ATT ANVÄNDA SÖK............................................................... 1 INTRODUKTION 9 VAD ÄR EPISERVER?............................................................... 9 EPISERVERS WEBBPLATS OCH ANVÄNDARNÄTVERK....................................... 9 HUR FUNGERAR EPISERVER?......................................................... 9 Företagets grafiska profil på webbplatsen.................................................... 11 Webbplatsens funktionalitet blir sidtyper och sidmallar......................................... 12 Standardmallarna 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................................................................. 13 Webbläsare............................................................................ 14 Visaläget, redigeraläget, adminläget......................................................... 14 ROLLER....................................................................... 14 ORDLISTA..................................................................... 15 KOM IGÅNG MED EPISERVER 18 LOGGA IN..................................................................... 18 FÖNSTRET..................................................................... 18 ÄNDRA BEFINTLIG INFORMATION.................................................... 19 SKAPA, SPARA OCH PUBLICERA INFORMATION.......................................... 21 Olika möjligheter för att spara............................................................. 21 Olika möjligheter för att publicera.......................................................... 22 SKAPA EN VANLIG INFORMATIONSSIDA............................................... 23 ARBETA MED STRUKTUREN PÅ WEBBPLATSEN.......................................... 24 Symboler i trädstrukturen................................................................. 24 Sidornas ordning i menyer................................................................ 25 Flytta sida..............................................................................26 Kopiera sida............................................................................26 Ta bort sida............................................................................27 Återställ en sida från papperskorgen........................................................ 27 Ta bort en sida från papperskorgen......................................................... 27 Töm papperskorgen..................................................................... 27 LÄMNA IN SIDAN FÖR PUBLICERING.................................................. 27 Publicera versionen...................................................................... 27 Lämna in versionen för godkännande....................................................... 28 Ansvarig Utgivare....................................................................... 28 REDIGERA MED HÖGER MUSKNAPP 29 ENKEL REDIGERING FRÅN VISALÄGE.................................................. 29 Kortkommandon........................................................................ 29 SNABBREDIGERING FRÅN VISALÄGE.................................................. 30 Ändra en sida med snabbredigering........................................................ 30 Skapa en ny sida med snabbredigering...................................................... 31 SNABBREDIGERING FRÅN REDIGERALÄGE.............................................. 31 ATT ARBETA MED INFORMATIONEN 32 EDITORN...................................................................... 32 Knappar i editorn....................................................................... 32 Styckebrytning/Radbrytning............................................................... 33 KORTKOMMANDON I EDITORN..................................................... 33 HÖGER MUSKNAPP I EDITORN...................................................... 34 Klistra in/klistra in oformaterat............................................................. 34

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

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

6 Redaktörshandbok Online EPiServer 4.60 Personalisera verktygsfältet................................................................ 82 Fler knappar med globaliseringsstöd........................................................ 82 FLIKAR I REDIGEALÄGE 83 INFORMATION.................................................................. 83 Standardvärden......................................................................... 83 Namn *............................................................................... 83 Börja/sluta publicera *.................................................................... 84 Markera sidan som ändrad *.............................................................. 84 Pufftext (Ingress)........................................................................ 84 Editor................................................................................. 84 Skribent............................................................................... 84 AVANCERAD INFORMATION........................................................ 85 Visa sidan i menyer *.................................................................... 85 Skapad *.............................................................................. 85 Sorteringsordning *..................................................................... 85 Sorteringsindex *....................................................................... 85 Sidans språkkodning *.................................................................... 86 Arkivera till sida *....................................................................... 86 Dialogrutan - Länk till sida................................................................ 86 Enkel adress till sidan *................................................................... 86 Sidans namn i webbadress*............................................................... 87 Hämta listning från...................................................................... 87 Visa antalet sidor i lista................................................................... 87 Typ av sida i listning...................................................................... 87 Beskrivning av sidan...................................................................... 87 Standardsökord för sidor................................................................. 88 Aktivera prenumeration.................................................................. 88 Blockera prenumeration för denna sida..................................................... 88 Informationskanal....................................................................... 88 KATEGORIER.................................................................... 89 Kategorier............................................................................. 89 GENVÄG/EXTERN LÄNK........................................................... 90 Normal länk............................................................................90 Genväg till sida i EPiServer................................................................ 90 Hämta data från sida i EPiServer........................................................... 90 Länk till sida på annan webbplats........................................................... 91 Ingen länk..............................................................................91 Målram................................................................................91 ARBETA MED GLOBALISERING 92 ANTAL SPRÅK................................................................... 92 WEBBPLATSENS STANDARDSPRÅK................................................... 92 STRUKTUREN................................................................... 92 SKAPA EN NY SIDA............................................................... 93 SKAPA SIDANS ANDRA SPRÅK....................................................... 93 Meny ovanför sidan...................................................................... 93 Sidans språk............................................................................94 Språköversikt........................................................................... 94 TA BORT SPRÅK................................................................. 95 JÄMFÖR SPRÅK.................................................................. 95 VERSIONSHANTERING AV SPRÅKVARIANTER............................................ 96 LÄNKA TILL SPRÅKVARIANT AV EN SIDA............................................... 96 SPRÅKINSTÄLLNINGAR............................................................ 97 Tillgängliga språk........................................................................ 97 Ersättningsspråk......................................................................... 97 Reservspråk............................................................................98 PUBLICERA FRÅN MICROSOFT OFFICE 99 PUBLICERA FRÅN OFFICE TILL VALFRI SIDMALL I EPISERVER................................ 99 Publicera delar av ett dokument..........................................................102

7 Formatet på texten som skapas...........................................................102 PUBLICERA FRÅN OFFICE MED MALLEN DOKUMENTSIDA................................. 103 PERSONALISERA EPISERVER 105 MINA INSTÄLLNINGAR........................................................... 105 Användarinformation...................................................................105 Visningsalternativ.......................................................................105 MICROSOFT OFFICE TILLÄGG...................................................... 106 Installera..............................................................................106 Aktivera och inaktivera..................................................................107 KOMPONENTER................................................................ 107 FAVORITER.................................................................... 108 AKTIVITETER................................................................... 108 SKAPA UPPGIFT................................................................. 109 UTFÖR EN TILLDELAD UPPGIFT..................................................... 109 MINA UTDELADE UPPGIFTER....................................................... 110 ARBETSFLÖDEN I EPISERVER 111 BESTÄMD STARTPUNKTEN I ARBETSFLÖDET........................................... 111 STAR TA ETT FLÖDE............................................................. 111 ARBETSFLÖDEN JAG HAR STARTAT................................................. 111 FORMULÄRSIDA 112 Dialogrutan Välj formulär................................................................112 Formulärsinställningar...................................................................114 Bygg upp formuläret....................................................................115 Fliken Formulärdata.....................................................................117 SAKREGISTER 119

8 Redaktörshandbok Online EPiServer 4.60

Introduktion 9 Introduktion Vad är EPiServer? EPiServer är en informationsplattform där du snabbt och enkelt kan publicera information på en webbplats utan kunskap om tillverkning av webbsidor. Med EPiServer 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, du kan skapa sidor och publicera dessa utan att ha kunskap om html. Detta innebär dock inte att webbplatsen tappar funktionalitet. I EPiServer 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 ä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 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. Det du kan göra i html kan du göra i EPiServer. EPiServer ä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. Lite större företag har också ett intranät som är en webbplats där intern information publiceras för anställda. Flertalet har också ett extranät som är till för anställda men även ofta 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 kan alla typer av webbplatser hanteras på en och samma plattform. Vissa organisationer har valt att implementera EPiServer 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 över internet och där skapa och uppdatera information. EPiServers webbplats och användarnätverk EPiServer har en egen webbplats där du alltid kan läsa aktuell information om produkten. Webbplatsen är indelad i två delar, en för allmänna besökare, en för kunder och partners, det sk Knowledge Center. Om du är kund eller partner kan du registrera dig på webbplatsen och få mer information. Du kan ladda ner material, ta del av support och mycket mer. Adressen till webbplatsen är www.episerver.se. EPiServer har ett användarnätverk som vänder sig till alla personer som arbetar i EPiServer som redaktörer, administratörer, beställare eller liknande. Föreningen anordnar ett antal träffar varje år där medlemmarna får ta del av nyheter och utbyta erfarenheter med varandra. Registrera dig på webbplatsen och ta del av användarnätverket som inloggad på EPiServer Knowledge Center. Hur fungerar EPiServer? EPiServer 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 det samma för alla webbplatser byggda på EPiserver.

10 Redaktörshandbok EPiServer 4.60 När man installerar en standardinstallation av EPiServer är den klar att använda på en gång. Vid installationen kan man välja att installera en exempelwebbplats 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 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 eller Oracle databas. Webbservern och databasen körs på en Windowsserver. EPiServer använder samma behörighetsmodell som Windows vilket gör arbetet med behörigheter väldigt 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 dela upp EPiServer i ett antal delar 1. Som första del har vi EPiServers 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. Funktioner för att du som redaktör ska kunna arbeta i redaktörsläget. Ovan på plattformen bygger man den anpassade lösningen som gör att webbplatsen skiljer sig i förhållande till andra. 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. 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, i en godtycklig datakälla. En redaktör som arbetar i EPiServer 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 så att redaktörerna kan fokusera på rätt sak. Syftet med en sådan här plattform är att de inte ska behöva fundera på vilka typsnitt och färger som ska kunna användas och inte heller kunna programmera. 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 upp-

Introduktion 11 byggandet av webbplatsen. Utvecklarna kodar funktioner samtidigt som redaktörerna skapar sidor med innehåll. Företagets grafiska profil på webbplatsen En 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, vilken storlek texten ska ha, hur navigerigen ska fungera osv. Detta blir den grafiska profilen på webbplatsen. I EPiServer lagras all denna information i ett så kallat CSS-dokument. CSS står för Cascading Style Sheet och kan 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 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. En webbplats som bygger på EPiServer är oftast ramlös och använder istället dynamiska funktioner. Ramar används i huvudsak för att kunna ha viss information på en sida så att den alltid visas, som exempelvis menyer. När användaren väljer de olika alternativen i menyerna visas den nya informationen i en annan ram som ofta ligger bredvid/under menyramen. Med funktioner i EPi- Server finns möjlighet att få samma funktion utan att använda ramar. Om man föredrar att använda ramar finns det givetvis även möjlighet att göra det i EPiServer. Det finns en del förde-

12 Redaktörshandbok EPiServer 4.60 lar med att inte använda ramar på en webbplats, med ramar kan det exempelvis bli problem för användaren när denne vill lägga till en viss sida i sina Favoriter eller skriva ut en specifik sida. 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 man ska ha, skapas sidmallar för alla dessa funktioner. Med hjälp av dessa sidmallar kan redaktörerna skapa innehållet och publicera sidorna på webbplatsen. I EPiServer finns vid installation ett antal standardmallar (exempel) med de mest efterfrågade funktionerna. Dessa mallar finns beskrivna boken Arbeta med sidmallar som finns att ladda ner i sin helhet på www.episerver.com/documentation. På din webbplats kan det finnas fler än de som är beskrivna här, då är de sidmallarna anpassade efter din organisations önskemål. Standardmallarna 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. EPiServers medföljande mallar ä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, som du hittar i Åtgärdsfönstret. Sidmallar vs Sidtyper I EPiServer 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. Rent definitionsmässigt rör arbetet inne i EPiServers 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. Rättigheter EPiServer använder samma behörighetsmodell som Windows. När det gäller rättigheter i EPi- Server 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 för besökarna på webbplatsen.

Introduktion 13 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. 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 möjlighet att styra rättigheter till enskilda användare och sida på webbplatsen. Arbetsgången i EPiServer 1. Redaktören loggar in i redigeraläge. Systemet kontrollerar att personen har rättigheter att skapa eller ändra sidor. Om man har rättigheterna att skapa sidor öppnas formuläret och redaktören kan fylla på med 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 4.60 Webbläsare För att kunna arbeta med redigering i EPiServer krävs att redaktörerna använder Internet Explorer 6.0. 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 olika 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 med olika skärmstorlekar och operativsystem, helt enkelt sådana inställningar som man tror att det flesta besökare har. En annan viktig punkt är huruvida webbläsaren klarar att hantera Cascading Style Sheet. Klarar webbläsaren detta kan det grafiska gränssnittet styras ganska detaljerat. Visaläget, redigeraläget, adminläget En EPiServer baserad webbplats kan visas i 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 skapa eller uppdatera information på webbplatsen. För att logga in till redigeraläget skrivs företagets webbadress plus tillägget /edit, http://www.foretaget.se/edit. Då visas en inloggningsruta där redaktören skriver in sitt användarnamn och lösenord. 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ättigheter m.m. För att logga in till adminläget skrivs företagets webbadress plus tilllägget /admin, http://www.foretaget.se/admin. Då visas en inloggningsruta där administratören skriver in sitt användarnamn och lösenord. Det kan vara så att er webbplats har en anpassad webbadress för dig som redaktör att använda vid inloggning, både till redigeraläget och till adminläget. Kontrollera med din systemadministratör vad som gäller för just er webbplats. Om du är inloggad på din webbplats kan du växla mellan de tre lägena genom att använda EPi- Servers egna högerklicksmeny. Högerklicka i sidan och välj Till visaläge, Till redigeringslä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 EPiServerlösning finns det alltid ett antal olika roller runt omkring arbetet. Antalet roller och vilka roller är oftast olika beroende på organisationens storlek. När EPiServer 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. Besökare: är 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.

Introduktion 15 Skribent: är en person som arbetar med informationsinmatning direkt från webbplatsen med hjälp av högerklicksadministrationen. Allt material som skapas publiceras direkt. Vissa skribenter har tillgång till 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 det. Redaktör: är en person som arbetar med informationsinmatning i EPiServer. 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 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: är en person som också är redaktör men har ett litet större ansvar genom att denne kan publicera information som andra har skapat. Det är inte alla organisationer som har en ansvarig utgivare utan ger varje redaktör rättighet att publicera sin egen information. Administratör: är en person som har ansvaret över hela webbplatsen. Administratören har tillgång till redigera- och adminläget i EPiServer. Administratörens uppgift är ofta att hjälpa redaktörerna så att deras arbete blir enkelt, genom att anpassa plattformen så att den passar redaktörerna. Utvecklare: är en person med goda kunskaper om programmering och utför arbetet med framtagning av funktionalitet och sidmallar på webbplatsen. Beroende på vilken fas organisationen befinner sig i är det väldigt olika vilka av dessa roller man har inom organisationen och vilken man köper in. Det vanligaste är att organisationen själva har de översta rollerna och köper in utvecklartjänster. 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). är 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 först.) 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. är 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) är 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 4.60 editor extranät hemsida html intranät WAI wap WSRP.NET rot RSS webbläsare ett verktyg för att förenkla tillverkning av webbsidor. De flesta editorer fungerar som en ordbehandlare. Det innebär att användaren inte behöver ha kunskap om html och programmering. är en utvidgad variant av intranät. Man använder samma teknik som i World Wide Web, men släpper bara in ett fåtal användare. Ett extranät är inte bara tillgängligt för anställda inom ett företag, utan även för 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 sida man kommer till och därifrå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 uppläggning, 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 standard för hur språket ska skrivas, men olika webbläsare tolkar språket annorlunda. ett nät som är baserat på samma teknik som World Wide Web 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. (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. (Web Service for Remote Portlets) är 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. 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. Kallas därför ofta bara för Dotnet (root) i ett filsystem, som är indelat i kataloger, är roten modern till alla katalo-ger. Trots att det kallas för rot brukar det avbildas i toppen. (RDF Site Summery, vilket även brukar 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. det program som används för att läsa webbsidor. Det finns ett antal olika webbläsare på marknaden. De två vanligaste är Microsoft Internet Explorer (IE) och Netscape (NE). Webbläsare utvecklas ständigt, ju senare version desto bättre visning och finesser. Det engelska ordet är webbrowser eller förkortat browser.

Introduktion 17 webbplats webbsida URL XML en organisations eller persons samlade World Wide Web-sidor, samlade under en hemsida. Engelska ordet är website eller förkortat site. en sida på en webbplats. (Uniform Resource Locator) kan översättas med webbadress. Url:er har normalt formen http://www.foretag.se. Http står för hypertext transfer protocol och www, som ibland saknas, är ett vanligt namn på företagets webbserver. Http kan ofta utelämnas när man matar in en url, och ibland kan man även utelämna www. Det kan dock inte utelämnas när man skapar en länk från en webbsida till en annan. (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 beskriver sidans grafiska struktur, medan xml gör det möjligt att beskriva innehållet. Källa: Computer Swedens språkwebb

18 Redaktörshandbok EPiServer 4.60 Kom igång med EPiServer Logga in EPiServer är ett webbpubliceringssystem som inte kräver speciellt mycket av vare sig dig som redaktör eller hård- och mjukvara 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 /edit, exempelvis www.foretaget.se/edit. Då kommer en inloggningsruta upp och du loggar in med ditt användarnamn och lösenord. Det kan vara så att er webbplats har en anpassad webbadress för dig som redaktör att använda vid inloggning till redigeraläget, dvs inte /edit som är standard. Kontrollera med din systemadministratör vad som gäller för just er webbplats. För att du ska kunna redigara en webbplats med EPiServer 4 krävs att du använder Internet Explorer 6.0. Fönstret När du loggat in i EPiServers redigeraläge ser du nedanstående innehåll i din webbläsare. Till vänster i fönstret finns strukturen och allt innehåll på webbplatsen i form av sidor. Ovanför sidorna finns verktygsfältet där du har verktyg för att arbeta med strukturen. I den högra delen av fönstret visas antingen den aktuella sida eller som i det här fallet startsidan i redigeraläget.

Kom igång med EPiServer 19 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 publi cering direkt från Office En sammanställning av dina uppgifter och aktiviteter, visas även på fliken Aktiveter. Ändra befintlig information I EPiServer finns tre olika sätt att redigera en befintlig sida. Du kan redigera den genom att högerklicka på sidan och välja Ändra, sk enkel redigering. Du kan högerklicka i sidan och välja Snabbredigering eller det tredje alternativet som är redigera från redigeraläget. De två förstnämnda kan du läsa 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. Gör dina ändringar i sidans innehåll. 4. Välj Spara och visa. 5. 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.

20 Redaktörshandbok EPiServer 4.60 Fliken Redigera