Kom i gång med EpiServer

Kom i gång med EpiServer 25 januari 2013 EpiServer för redaktörer

Innehåll Innehåll... 2 Riktlinjer för skol- och barnomsorgsförvaltningens webbplatser... 4 Kom igång med EPiServer... 8 Logga in... 8 Mina inställningar/ändra lösenord... 8 Fönstret... 9 Ändra befintlig information... 10 Skapa, spara och publicera information... 14 Symboler i trädstrukturen... 15 Tidsinställd publicering där tiden har passerat... 15 Visa sida i menyn... 15 Bildstorlekar för webbsidor... 16 Publicering av bilder på hemsidan... 18 Publicera många bilder med hjälp av Photostory... 20 Infoga dokument /filer... 20 Kopiera text från andra program/webbsidor... 22 Länkar... 23 Länk till sida i EPiServer... 24 Länk till e-postadress... 25 Länka till plats på samma sida... 26 Infoga bokmärke (Steg 1)... 26 Länk till plats på samma sida (steg 2)... 26 Boxbilder... 28 2

Nyheter... 32 Nyheter på första sidan... 32 Skapa en ny nyhet... 32 Minibox... 33 Sjukanmälan och mål och statistikbox ska länkas.... 33 Kalender... 34 Aktivera prenumeration... 36 Sidornas ordning i menyer... 37 3

Riktlinjer för skol- och barnomsorgsförvaltningens webbplatser Syftet med webbplatserna är att marknadsföra de kommunala förskolorna och skolorna. Webbplatserna ska också fungera som en informationskanal till vårdnadshavarna. Det är viktigt att den grafiska profilen följs så att det blir tydligt för mottagaren att det är Växjö kommun som är avsändare. Det är också viktigt att webbplatserna skapas på rätt sätt så att de blir funktionstillgängliga. ANSVARSOMRÅDEN Skol- och barnomsorgsförvaltningen ansvarar för riktlinjerna som styr innehållet på webbplatserna, samt hur eventuella andra publiceringsverktyg som bloggar, YouTube, photostory etc. ska användas. Informatören på skol- och barnomsorgsförvaltningen ansvarar tillsammans med kommunikationsenheten för utvecklingen av webbplatsen och den grafiska profilen. AV-Media ansvarar för utbildning av samtliga enheters redaktörer och ger support till huvudredaktörerna i samarbete med skol- och barnomsorgsförvaltningens informatör. Huvudredaktören ansvarar för förskolans/skolans webbplats och ger support till sina egna redaktörer. En huvudredaktör som behöver support ska i första hand vända sig till Av- media Redaktörerna ansvarar för enskilda webbsidor på förskolans/skolans webbplats. Elever får inte redaktörsrättigheter i Episerver. Elever får istället använda gratisverktyg som blogspot, wordpress eller liknande för egen publicering. Föräldraförening Om skolan vill publicera information från exempelvis föräldraföreningen på webbplatsen görs det av skolans redaktörer. Föräldrar får inte redaktörsrättigheter i Episerver. De kan istället använda gratisverktyg som blogspot, wordpress eller liknande för publicering av föräldraföreningens material. 1. Nyheter På första sidan finns en nyhetslista, där ni kan publicera tre nyheter. Nyheten ska vara aktuell information. Aktuell information kan exempelvis vara att man berättar att ombyggnationen är färdig, att det ska var friluftsdagar, föräldramöten, hälsokontroller, studiedagar etc. 2. Sidfot Förskolans eller skolans adress ska finnas i sidfoten på startsidan tillsammans med Växjö kommuns logotyp och enhetens logotyp (de som har logotyp). 3. Profil- och boxbild Profilbilden ska vara ett foto på förskolan/skolan. Boxbilden ska ha anknytning och förtydliga innehållet på webbsidan som boxbilden är länkad till. Den ska också vara tilltalande och ge mersmak för besökaren. Måttet på boxbilden ska vara 184x103. Obligatorisk boxbild Mål och statistik Här ska statistik för bland annat nationella ämnesprov och meritvärden för årskurs 3, årskurs 5 och årskurs 9 publiceras. Informatören skapar tabeller som är tillgänglighetsanpassade, därefter är det skolornas huvudredaktör som har ansvaret för att tabellerna fylls med rätta siffror och publiceras. 4

Under samma huvudrubrik ska kvalitetsredovisningen och likabehandlingsplanen finnas. Rektor ansvarar för att kvalitetsredovisningen och likabehandlingsplanen tas fram och huvudredaktören ansvarar för att dokumenten publiceras som pdf-filer på webbsidan. Dessutom ska hur står det till och nöjdhetsundersökningen ID publiceras på sidan. Detta publicerar skol-och barnomsorgsförvaltningens informatör. 4. Rubriker En webbplats ska ha max 7 huvudrubriker på startsidan. Följande huvudrubriker är obligatoriska för alla webbplatser: Om förskolan alternativt Om skolan Avdelningar alternativt Klasser Förskolan/skolan har möjlighet att lägga till valfria huvudrubriker. Målsättningen är att under varje huvudrubrik ska finnas max 7 underrubriker i max 3 nivåer ner. Följande underrubriker är obligatoriska för alla webbplatser: Första huvudrubriken Om förskolan/om skolan Här ska följande underrubriker finnas: Här finns vi Rektor / förskolechef Läsårstider E-tjänster/blanketter Under Här finns vi ska adressen stå, lite information om enheten och gärna en länk till Google maps. Andra huvudrubriken Avdelningar/Klasser Här ska finnas minst två underrubriker, förslag på dessa är Schema, Veckobrev, Avdelningar och Klasser. 5. Flipperbilder Under Rektor/ förskolechef ska det finnas en bild på rektorn/förskolechefen (bilden som togs i december) och lite information. Varje rektor bestämmer själv vad de vill skriva. Läsårstider på skolornas webbsidor hämtas från www.vaxjo.se medan under Läsårstider på förskolornas webbplatser ska huvudredaktören publicera studiedagar och stängningsdagar. Blanketter är sidor som går till kommunens blanketter och e-tjänster men huvudredaktören har också möjlighet att publicera enhetens egna blanketter. Kommunens blanketter får inte sparas ner och publiceras i sidan eftersom kommunen uppdaterar blanketterna. Rubriker i toppen ska vara Lyssna, Translate, prenumeration/ RSS och Kontakta oss Här publiceras viktiga kontaktuppgifter, uppgifter för sjukanmälan m.m. Kontaktuppgifter skrivs på följande sätt: Namn: Medina Alija Adress: Västergatan 17 B Telefon: 0470-415 18 Mobil: 0709-83 44 38 (frivilligt) E-post: medina.alija@vaxjo.se Övrigt om underrubriker Det får inte ligga rubriker i vänstermenyn som är länkade till en tom sida. Radera i så fall dessa rubriker. Rubriker i vänstermenyn ska alltid länkas till en sida inom den egna 5

webbplatsen. 5. Typsnitt Kopierar man text från ett dokument för att klistra in på en webbsida, är det viktigt att infoga texten på rätt sätt. Ni trycker på följande knapp för att infoga in texten från ett annat dokument. Välj också formaten som finns i dropplistan (Rubrik2 och Ingress) för att ändra textformatet. Då blir koden rätt och funktionstillgänglig. 6. Text Det är viktigt att skriva enkelt, begripligt och korrekt, undvik förkortningar. Följ Svenska Språkrådets rekommendationer. Undvika information som leder till mer frågor än svar. Utgå alltid ifrån vad som är intressant för besökaren att läsa. Intern information ska publiceras på intranätet. För mer information kontakta skol- och barnomsorgsförvaltningens informatör. 7. Länkar Vid länkning till dokument eller webbsidor är det viktigt att kontrollera att länken fungerar. Var så tydlig som möjligt i att beskriva vart länken går till, genom att skriva det direkt i brödtexten. Det underlättar för personer med talsyntes. Exempel rätt: Läs vårt veckobrev, (länka ordet Veckobrev) Exempel fel: Läs vårt veckobrev, klicka här. Dokument eller informationsblad som publiceras på webbplatsen ska följa Växjö kommuns grafiska profil och vara pdf-filer, Word- och Excelfiler får inte publiceras. För mer information om grafiska profilen, kontakta skol-och barnomsorgsförvaltningens informatör. Ladda upp filer Alla filer, som laddas upp till webbplatsen ska läggas i den egna skolans mapp. Bilder läggs i mappen "Bilder" och dokument i mappen "Dokument". I mappen "Dokument" har varje skola möjlighet att skapa undermappar, tänk på att välja ett bra namn på mappen, eftersom namnet blir en del i länkadressen till filen. 8. Prenumeration/RSS Det finns möjlighet att skapa prenumeration eller RSS på webbsidor. Huvudredaktören bestämmer vilka sidor som det ska gå att prenumererar på. Exempel på sidor som är lämpliga för prenumeration/rss är Vår rektor och Vecko- och månadsbrev. Vårdnadshavaren kan själv välja vilka sidor de vill prenumerera på. Prenumeranten får ett e-postmeddelande när något har ändras på sidan som de valt att prenumerera på. 9. Bloggar Blogg får användas som komplement till webbplatsen där det finns behov av bloggens funktioner för att kommunicera med personal och elever/ vårdnadshavare. Blogg får inte användas för att bygga upp egna webbplatser. Var uppmärksam på att det inte förekommer någon olämplig reklam i bloggen, eftersom det ofta är gratisverktyg som används. 10. You Tube 6

Man kan använda YouTube för att publicera filmer. Bädda helst in koden på din webbsida så stannar besökaren kvar istället för att förflyttas till You Tubes webbplats. För att bädda in koden behöver du be informatören eller AV-media om hjälp eftersom koden ska läggas i ett html-läge i episerver. PUL PERSONUPPGIFTSLAGEN Det är varje redaktörs ansvar att känna till vad PUL innebär samt vilken policy den egna skolan har gällande publicering. (Ett nytt dokument om PUL kommer att tas fram av kommunjuristen). Enkel adress till sidan Varje skola får en enkel adress till sin webbplats, ex. www.vaxjo.se/ringsbergskolan 7

Kom igång med EPiServer Logga in För att komma åt redigeringsläget öppnar du din webbläsare och skriver in adressen till den webbplats som du skall redigera, plus att du lägger till /epiui, www.vaxjo.se/epiui. Då kommer en inloggningsruta upp och du loggar in med ditt användarnamn och lösenord. Ange namn och lösenord! Klicka först på CMS och sedan redigeraläge, då 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. Mina inställningar/ändra lösenord 1. För att ändra ditt lösenord, klicka på Mina inställningar som finns under Administrator -rubriken högst upp till höger när du loggat in. 2. Välj Mina inställningar 3. Under fliken Användarinformation kan du ändra ditt lösenord. 4. Ändra ditt lösenord och klicka på Spara 8

Verktygsfält som används i arbetet med strukturen Fönstret 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. 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 9

Första sidan på skolans hemsida Visa-läge Verktyg för ny sida, klipp ut, klistra in, ta bort och filhanteraren. Flikar för förhandsgranska, redigera, versioner, arbetsflöde och statistik Trädstruktur över era sidor på webben Miniboxar är länkade. Går ej att ändra. Boxbilder är länkade. Går att ändra. Ändra befintlig information I EPiServer finns två olika sätt att redigera en befintlig sida. Du kan högerklicka på sidan i trädstrukturen och välja redigera Eller redigera från redigeraläget. För att ändra i en sida från redigeraläget gör du så här. 1. Gå till trädstrukturen till vänster. 2. Klicka på plustecknet vid Skolornas webbplatser/förskolornas webbplatser så att alla sidor blir synliga. 3. Markera din sida genom att klicka på namnet. Bläddra i trädstrukturen genom att klicka på plustecknen framför sidornas namn. Sidan visas på fliken Förhandsgranska till höger i webbläsaren. 4. Välj fliken Redigera. 10

Redigeringsfliken Sidans nuvarande utseende a. Trädstruktur Spara, spara och visa = förhandsgranska, eller spara och publicera din sida Verktyg för att infoga bokmärken, bilder, filer och länkar m.m Textredigerings verktyg. OBS! Skriv först redigera sen. b. 5. Gör dina ändringar i sidans innehåll. När du skriver in text i editorn skriver du in texten först och därefter redigerar du textens utseende. Markera ingressen och gå till fliken stilar och välj ingress. Mellanrubriker markeras och gå till stilar och välj rubrik 2. Brödtext blir det automatiskt på resten utav texten. 11

Namn på sidan Editor Här skriver du din text, ändrar på text som redan finns. 6. Välj spara och visa för att förhandsgranska eller spara och publicera för att publicera direkt. Välj Publicera om du är nöjd a. 12

7. 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. 13

Skapa, spara och publicera information Arbetsgången med att skapa sidor i EPiServer kan beskrivas i fem steg. 1. Börja med att bestämma var sidan skall placeras, skapa en ny sida, lägg in text och bilder. Spara och slutligen publicera sidan. 2. Markera den sidan som du vill att din nya sida skall bli en undersida till. Ny sida 3. Skapa en ny sida genom att välja Ny sida. 4. Välj Skolornas webbsida och fyll i den information som du vill skall finnas på sidan. Välj Skolornas webbsida genom att klicka på Skapa 5. Spara sidan med hjälp av spara-knappen högst upp till vänster på sidan. Sidan visas nu på fliken Förhandsgranska Om du inte är nöjd väljer du fliken Redigera och fortsätter arbetet med innehållet. En ny sida har ett avpubliceringsdatum 300 dagar framåt i tiden om du inte ändrar det. När du är nöjd med sidan, publicera den. 14

Symboler i trädstrukturen Efter de flesta sidor i trädstrukturen visas en symbol för att tydligöra olika inställningar på sidan. Du kan med symbolerna få en snabb överblick över vilka sidor som inte är publicerade, som är nya, inte visas i menyer m.m. Nedanstående symboler finns. Ny sida. Visas på alla sidor som är skapade inom 48 timmar. Sidan är ej publicerad. Sidan har tidsinställd publicering och har inte publicerats ännu. Sidan har tidsinställd publicering där tiden har passerat, sidan är inte synlig. Du har inte rättighet att ändra sidan. Sidan visas inte i menyer. Tidsinställd publicering där tiden har passerat För återpublicera en sida där publiceringsperioden gått ut öppnar du sidan i redigeringsläge och klickar på fliken schemaläggning. Rensa fältet Sluta publicera Alternativt klicka på knappen vid det ifyllda fältet och välj rensa-knappen som visas under kalendern. Visa sida i menyn Har du en sida som inte visas i menyn, dvs har symbolen - efter sig i trädstrukturen. Gå in på sidan i redigeringsläge och välj fliken inställningar. Bocka i rutan Visa sidan i menyer. 15

Bildstorlekar för webbsidor Bild nyhet 156 x 142 px Bild topp 465 x 156 px Bild porträtt 115 x 150 px Måttet är samma proportion som passbild. Huvudet får inte beskäras och del av bröstet ska visas. Bild, för bildlista och bildpaket 87 x 74 px Bild, för bildlista och bildpaket 181 x 74 px Bild, för enstaka bild och bildpaket 181 x 156 px 16

Bild, för enstaka bild och bildpaket 181 x 238 px Bild, för enstaka bild och bildpaket 276 x 156 px Bild, 465 x fri höjd Får ej användas som toppbild på webbsidan. 17

Boxbild 184 x 103 px Filnamn ska vara: Namn_ boxbild _webbplatsensnamn Publicering av bilder på hemsidan För bildstorlekar se föregående sidor: 1. Gå till redigeringsläge i Episerver. Välj att redigera webbsidan som du ska publicera en bild på. 2. Ställ markören i editorfönstret, där du vill ha din bild. (Obs - det går att flytta bilden efteråt). 3. Klicka på ikonen för Image Vault. 4. Ladda upp originalbilden till Image Vault genom att klicka på Ladda upp fil. 5. Klicka på bläddra för att hitta din bild som du ska ladda upp. Markera öppna i bildverktyg och infoga på sida. Därefter klickar du på nästa. 18

6. Nu kommer du till ett dialogfönster där du kan redigera din bild till rätt storlek och så att den blir lågupplöst. Klicka på fliken ändra storlek 7. Fyll i fältet storlek med 300 x (ändrar sig automatiskt ) och upplösningen 72 dpi(dots per inch, punkter per tum). Detta är kommunens standardmått. Det som vi gör här är att vi komprimerar bilden. Klicka sedan på verkställ. 8. Nu ska du beskära bilden, klicka på fliken beskära. Markera det område på bilden som du vill ha genom att dra ut beskärningsrutan så stor som du vill ha den. Fyll i fältet storlek på markering med det bildmått som du ska ha tex. 181 x 156. 9. Du kan nu flytta rutan om det behövs, flytta den till den del av bilden som du vill ha. När du är nöjd klickar du på verkställ och sedan infoga. Är du inte nöjd kan du klicka på pilen för ångra: 10. Fyll i alternativ text till bilden, det är den här texten som syns när du för muspekaren över bilden. Den här texten är bra för synskadade, läses upp av talsyntes. Klicka därefter på slutför och din bild har hamnat på i editorfönstret på webbsidan. 11. Vill du placera bilden på ett annat ställe på din webbsida så är det bara att markera bilden och hålla ner vänster musknapp och flytta den dit du vill ha den. 12. Glöm inte att spara och visa eller spara och publicera. 19

Publicera många bilder med hjälp av Photostory Läs mer om hur du jobbar i Photostory på http://pim.skolverket.se/ Läs vidare på avsnittet Infoga dokument/filer för att använda din Photostory-fil i EpiServer Infoga dokument /filer Det är ganska vanligt att länka till olika typer av dokument på en webbplats. Det kan handla om att länka till pdf-dokument, wmv m.m. OBS! Alla dokument som ligger på skolwebben ska vara i PDF-format! 1. Markera det ord i editorn som skall bilda länken. 2. Välj verktyget Infoga länk i verktygsfältet. 3. Dialogrutan för Länkegenskaper visas, med fliken Dokument aktiv. 4. I fältet Länktitel anger du den text som skall visas som tips på länken. En information som är viktigt för alla som läser webbsidan med hjälp av olika hjälpmedel. 5. I fältet Målram väljer du hur länken ska öppnas. Målram öppna i nytt fönster Sökväg! 6. Om du vill länka till ett dokument som redan finns på webbplatsen eller ladda upp ett nytt dokument till webbservern väljer du Dokument på denna webbplats, och väljer sedan Sökväg. 20

7. Varje förskola/skola har en egen katalog som du kan välja att ladda dokument till. Klicka på katalogen för förskolor/skolor och därefter klickar du på din skola och katalogen dokument. 8. Första gången du laddar upp ett dokument så är det bra om du skapar en underkatalog för tex din klass. Det gör du genom att klicka på knappen skapa ny katalog. Du kan tex döpa katalogen till 2a 2011 Använd ej egenamn i namnet på katalogen. Dubbelklicka på katalogen du har skapat och välj lägg till ny fil. Skapa ny katalog! Lägg till ny fil 21

9. Bläddra dig fram till det dokumentet som du vill ladda upp och länka till. Klicka på okej. Nu ska länken i editorn vara gul. 10. Spara och publicera som vanligt. Kopiera text från andra program/webbsidor Du kan kopiera text från vilket program som helst in i EPiServer. Det viktigaste är att du klistrar in texten på rätt sätt för att följa den grafiska profilen på webbplatsen. Klistra in som text 1. Markera och kopiera texten i det program som du vill kopiera från. 2. Växla till Episervers redigeraläge och redigera sidan. 3. Klicka på knappen klistra in som text i verktygsfältet. Den blir då lite blåmarkerad. 4. Håll ner ctrl v på tangentbordet så klistras texten in i Editorfönstret. Texten blir då oformaterad, det betyder att den rensas från skräpkoder. Texten får dock det format som finns i Episerver beroende på var i din befintliga text du klistrar in den. Du kan nu på egen hand markera rubriker, ingresser m.m. 22

Länkar I EPiServers inbyggda länkverktyg kan du skapa länkar till interna sidor, externa sidor, e- postlänkar och bokmärken. Genom att klicka på verktyget Infoga/redigera länk öppnas dialogrutan för länkegenskaper. Här finns ett antal vyer som används olika beroende på vad vilket typ av länk du vill göra. Länk till webbsida 1. Markera det ord som skall bilda länk. 2. Välj infoga/redigera länk. 3. Dialogrutan för Länkegenskaper visas, med fliken Webbsida aktiv. 4. I fältet Länktitel anger du den text som skall visas som tips på länken. En information som är viktigt för alla som läser webbsidan med hjälp av olika hjälpmedel. 5. I fältet Målram väljer du hur länken ska öppnas. 6. Som länkmål väljer du Sida på annan webbplats. 7. I fältet Adress skriver du adressen till webbplatsen du vill länka till. 8. Välj Ok. 9. Länken visas i Editorn med en gul bakgrund. 23

Länk till sida i EPiServer Du kan välja att länka till en sida på din egen webbplats, alltså en sida som finns i EPiServer. 1. Markera det ord som skall bilda länk. 2. Välj Infoga/redigera länk. 3. Dialogrutan för Länkegenskaper visas, med fliken Webbsida aktiv. 4. I fältet Länktitel anger du den text som skall visas som tips på länken. En information som är viktigt för alla som läser webbsidan med hjälp av olika hjälpmedel. 5. I fältet Målram väljer du hur länken ska öppnas. 6. Som länkmål väljer du Sida på denna webbplats. Ange vilken sida du vill länka till genom att välja knappen till höger om fältet Adress. Du får då upp en ny dialogruta som visar webb-platsens struktur. 7. Välj den sida som du vill länka till i strukturen, välj Ok. 8. Länken visas i Editorn med en gul bakgrund. 24

Länk till e-postadress Genom att länka till en e-postadress hjälper du dina besökare så att de enkelt kan skicka e- post till dig. När en besökare klickar på länken öppnas dennes e-postprogram och den adress du angivit skrivs automatiskt i fältet för adress. 1. Markera det ord som skall bilda länk. 2. Välj Infoga länk. 3. Dialogrutan för Länkegenskaper visas. Välj fliken E-post. 4. I fältet Länktitel anger du den text som skall visas som tips på länken. En information som är viktigt för alla som läser webbsidan med hjälp av olika hjälpmedel. 5. I fältet E-postadress skriver du den e-postadress som länken skall gå till. 6. Välj Ok. 7. Länken visas i Editorn med en gul bakgrund. 25

Länka till plats på samma sida Ibland kan det vara praktiskt att kunna länka till en plats på samma webbsida, t.ex. om du har en lång text som är uppdelad i flera olika rubriker. För att kunna länka till ett speciellt ställe på en sida måste du lägga till ett bokmärke, även kallat ankare, för att webbläsaren ska veta vart den ska gå. Infoga bokmärke (Steg 1) 1. Markera texten där du vill placera ett bokmärke. 2. Välj Infoga bokmärke i verktygsmenyn. 3. Skriv ett namn på ditt bokmärke. Om det är möjligt undvik att använda å, ä, ö, specialtecken eller mellanslag. 4. Välj OK. 5. Bokmärket visas i Editorn med gul bakgrund. Ändra/Ta bort bokmärke 1. Placera markören i bokmärket. 2. Välj Infoga bokmärke i verktygsmenyn. 3. Ändra texten på ditt bokmärke, eller om du vill ta bor t bokmärket, radera texten. 4. Välj OK. Länk till plats på samma sida (steg 2) 1. Markera det ord som skall bilda länk. 2. Välj Infoga länk. 3. Dialogrutan för Länkegenskaper visas, med fliken Webbsida aktiv. 26

4. I fältet Länktitel anger du den text som skall visas som tips på länken. En information som är viktigt för alla som läser webbsidan med hjälp av olika hjälpmedel. 5. I fältet Målram väljer du hur länken ska öppnas. 6. Som länkmål väljer du Bokmärke på denna sida. 7. I fältet Bokmärke listas alla bokmärken på sidan. Välj det bokmärke du vill länka till. 8. Välj Ok. 9. Länken visas i Editorn med en gul bakgrund. 27

Boxbilder Lägga upp de tre valfria boxbilderna till höger på startsidan För att skapa en boxbild, länka och se boxbilden på första sidan går man igenom tre steg. Länka boxen till rätt sida på webbplatsen. Infoga bilden och beskära den. Göra bilden synlig på första sidan på webbplatsen. Minibox Boxbilder 28

Steg 1: länka boxen till rätt sida på webbplatsen 1. Klicka på boxlista som ligger som rubrik under respektive förskola/skola i trädstrukturen. 2. Välj den första valfria rubriken under boxlistan och klicka på redigera, skriv valfri rubrik under namn. Rubrik på sidan: skriv samma som under namn. Lämna ingressrutan tom. 3. Nu ska du skapa en länk till boxbilden genom att klicka på den grå rutan bredvid bildlänk. Välj alternativet sida på denna webbplats. 4. Klicka på den grå rutan. Klicka på den grå rutan bredvid adressfältet. Leta i strukturen upp den sida som bildlänken ska länkas till. 5. Scrolla ned och klicka på välj och sedan OK. 29

Steg 2: Infoga bilden och beskär den 1. Klicka nu på knappen hämta fil för att ladda upp bilden. 2. Nu kommer du till imagevault där du laddar upp bilder i episerver. Klicka på ladda upp fil, en knapp som sitter längst upp till höger. 3. Markera öppna bildverktyg och infoga på sidan. 4. Klicka på knappen bläddra och leta upp bilden. 5. Klicka på nästa. 30

Ändra storlek 6. För att kunna beskära bilden, måste vi först ändra storlek på bilden (förminska den), Klicka på fliken ändra storlek och skriv in 300 i fältet för storlek och klicka på verkställ. 7. Klicka på beskära. 8. Markera ett område skriv 184 x 103, dvs dra ut en rektangel över det område som du vill ha som bild. Flytta och ställ markeringsramen där du vill och klicka på verkställ om du är nöjd. 9. Om du inte får med allt som du vill inom markeringsramen så kan du ångra och göra om punkt 6, välj då 200 istället. 10. Klicka på infoga och sedan spara och publicera. Steg 3 Göra bilden synlig på första sidan 1. Ställ dig på startsidan och välj redigeraläget 2. Scrolla ned till rubriken bannerlista 3. Klicka på lägg till länk 31

4. I rutan länkmål väljer du sida på denna webbplats 5. Klicka på knappen bredvid adressfältet. Leta upp boxlistan under skolan/förskolan. 6. Välj rubriken du har lagt in och klicka på välj och ok, spara och publicera. Nyheter Nyheter på första sidan Det finns möjlighet till tre synliga nyheter. Har man fler så kommer de att visas genom att man klickar på Fler nyheter har man färre, kommer nyhetsboxarna att försvinna. Skapa en ny nyhet 1. I trädstrukturen under er webbplats finns sidan Nyheter. Ställ dig på sidan nyheter och högerklicka, välj skapa ny. 2. Fyll i namn och pufftext. Pufftext är det som syns på startsidan som 32

ingress, men om du vill ha den texten på sidan för nyheten så måste den även läggas in där. 3. I texteditorn, skriver du både ingress (kan vara samma text som du skriver i Pufftexten) och din vanliga nyhetstext. 4. Spara och publicera. Minibox Sjukanmälan och mål och statistikbox ska länkas. De s.k. miniboxarna ska länkas till rätt sida där läsaren ska få information om ex vilket telefonnummer de ska ringa för sjukanmälan. 1. I trädstrukturen letar du upp och klickar på din skola/förskola. 2. Klicka på Boxlista. 3. Klicka på sjukanmälan 4. Klicka på fliken redigera, Klicka på bildlänk 5. Välj alternativet Sida på denna webbplats 6. Klicka på grå ruta till höger om det tomma fältet 7. I trädstrukturen som visas: Välj upp den sida som där information om sjukanmälan finns (ex kontakt eller om det finns en befintlig sida som heter sjukanmälan.) 8. Klicka på Välj 9. Klicka på OK 10. Upprepa för miniboxen Mål och statistik och gör likadant. (Mål och statistik heter i dagsläget Mål och planer ) 33

Kalender Först måste du skapa själva kalendern. 1. Markera den sida under vilken kalendern ska skapas. 2. Skapa en ny sida genom att Högerklicka på den markerade sidan, välj sidtypen Kalender Klicka på Skapa Kalender 3. Skriv Rubrik på sidan i fältet för Namn. 4. Skriv i puff-text, kort beskrivning vad det är för kalender. 5. I texteditorn, skriver du information som du vill ska ligga synlig ovanför kalendern. 6. I fältet Ange det antal dagar som skall visa anger du hur många dagar som ska visas i kalendern. Max är 10 dagar. 7. Spara och publicera. Rubrik Puff-text 34

Skapa en kalenderhändelse 1. Markera huvudsidan för kalendern. 2. Högerklicka och välj Skapa ny, du får automatiskt upp rätt sidmall. 3. Skriv Rubrik på sidan i fältet för Namn. Rubrik 4. Välj starttid och sluttid för din aktivitet. Klicka på den grå rutan till höger om fältet för starttid och sluttid. 5. Om det är en återkommande händelse, väljer du vilken dag i veckan det är, och i så fall skriver du in det senaste datumet som händelsen inträffar som sluttid. 6. I texteditorn, beskriver du din händelse i detalj. Skriv datum, tid och plats. Infoga ev. bilder m.m. 7. Spara och publicera. Ställ in starttid och sluttid För profilerade webbplatser: Koppla din kalender så den syns på din startsida 1. Markera webbplatsens startsidan. 2. Gå till fliken Redigera. 3. Långt ner på sidan hittar du fältet Lokal kalender, klicka på den lilla grå rutan och leta upp din kalender i strukturen, klicka Välj. 4. I fältet Text på eventlistans första flik skriver du förslagsvis: kalender. Det här är rubriken som kommer att visas för kalendern på startsidan. I fältet Antal händelser i kalender väljer du hur många händelser som ska synas på startsidan. Lokal kalender klicka på den grå rutan 35

5. I fältet länktitel till fler händelser i kalender skriver du vad som ska stå på den länk som syns på startsidan för att du ska kunna se resten av händelserna i kalendern. 6. Spara och publicera. Så här ser kalendern ut på webbplatsens startsida. Aktivera prenumeration Logga in i episerver och gå in på sidan som du vill att användarna ska kunna prenumerera på. Klicka på fliken Redigera och därefter på fliken Prenumeration. Där hittar du en kryssryta som man kan bocka i för prenumeration. Genom att markera denna kryssruta ger du besökaren möjlighet att prenumerera, få e-postsutskick, på alla de sidor som skapas och uppdateras under sidan. Exempelvis om du har en sida för nyheter där du skapar nyhetssidor under får prenumeranterna ett e-postmeddelande med länkar till de nya nyhetssidorna. För att användaren skall få informationen skickad till sig måste denna ha registrerat sig för prenumeration på en speciell sida. Spara och publicera sidan. Klicka nu på Prenumerera som finns på sidan högst upp till höger. På sidan som visas ser du en förteckning över de sidor man kan prenumerera på, samt hur användaren måste fylla i e-post etc för att ta del av prenumerationen. Markera sidan som ändrad I EPiServer används datumet då sidor sparas vid flera olika tillfällen. Ett exempel kan vara vid prenumeration, då sidan skickas med som en nyhet i prenumerationen. Det är dock inte alltid som det är aktuellt att poängtera att sidan är ändrad. Det kan exempelvis vara om man gått in och ändrat mindre layoutförändringar eller stavfel. För att EPiServer skall förstå att du gjort omfattande förändringar av innehållet skall du därför 36