1

Utbildning i Episerver för grundskolan

Johanna Järnfeldt

Kommunikatör, Barn- och utbildningsförvaltningen

2

Kursinnehåll

• Introduktion till EPiServer

• Skapa, spara och publicera information

• Formatera text

• Filhanteraren i EPiServer

• Skapa länkar

• Infoga bilder och dokument från den egna datorn

• Sortera, flytta, kopiera och ta bort sidor

• Versionshantering av sidor

• Bildhantering

3

Vad är Episerver?

• EPiServer CMS är ett svenskutvecklat webbpublicerings-

system (web content management system, web-CMS,

innehållshanteringssystem).

• Kräver ingen programvara på datorn, utan redaktörer

kan redigera webbsidorna från webbläsare.

• Webbredaktörerna behöver inte ha kunskap om HTML

och annan bakomliggande teknik, utan redigerar på

liknande sätt som vid vanlig ordbehandling.

4

Skolwebbarnas upplägg i Episerver

• Skolwebbens struktur

• Hur miljön ser ut när jag loggar in, trädet.

• Redigeringsläget – visaläget.

• Olika flikar.

• Olika mallsidor

• Hjälp finns i högra hörnet

• Byta lösenord

• Sortera, flytta, kopiera och ta bort sidor

• Versionshantering av sidor

5

Startsidan, hur presenterar vi nyheter?

• Puffar på startsidan– Den viktigaste nyheten– Länka vidare till mer info på en annan sida i huvudmenyn

• Nyheter– Sekundära nyheter.– Kort och konsist

• Kalendariet– Alla viktiga datum under skolåret– Alla nyheter som har datum bör läggas in här

6

Webben ska vara tillgänglig för alla! Så här skriver vi länkar:

Länkar ska alltid förstås om de tas ur sitt sammanhang dvs inte bara Läs mer.

• Länkar till externa webbsidor så som huddinge.se och skolverket.se

www.skolverket.se (öppnas i nytt fönster)

• Länkar på samma webbplats ska inte vara i nytt fönsterLäs mer om skolans drogpolicy här.

• Länkar till dokument ska öppnas i nytt fönster Kommunstyrelsens rapport 2010 (PDF 128 kB)

Genomgång

• Hur man skapar en nyhet

• Hur man skapar en kalendariehändelse

• Hur man gör en intern och extern länk

7

Övning 1

• grundskolor.huddinge.se/u/cms/edit

• Login: demo, demo123

• Välj demoskolan

1. Skapa en nyhet

2. Skapa en aktivitet i kalendern

8

Lägga in text

• Ikonen: Klistra in text från Word .

• Eller som tidigare via Anteckningar på din dator.

• Formatera text dvs gör rubriker och underrubriker genom att

välja stilar ( för tillfället ur funktion)

9

Genomgång standardsida och länkar

1. Skapa en standardsida och klistra in text från Word.

Sidan ska innehålla en extern länk och en internlänk

2. Skapa en puff som länkar till standardsidan

Exempel på länktext:www.dn.se (öppnas i nytt fönster)

Länkar på samma webbplats ska inte vara i nytt fönsterLäs mer om skolans drogpolicy här.

10

Övning standardsida och länkar

1. Skapa en standardsida och klistra in text från Word.

Sidan ska innehålla en extern länk och en internlänk

2. Skapa en puff som länkar till standardsidan

Exempel på länktext:www.dn.se (öppnas i nytt fönster)

Länkar på samma webbplats ska inte vara i nytt fönsterLäs mer om skolans drogpolicy här.

11

Att ladda upp dokument i filhanteraren

• Varje skola ansvarar för sin mappstruktur. Alla ska förstå och

kunna hitta.

• Filer och mappar ska inte innehålla å ä ö eller andra

specialtecken och inte mellanslag.

• Uppleva och göra = uppleva_och_gora

• Spara i PDF så kan alla öppna

• Bilder laddas upp på ett annat ställe, Image vault

12

Infoga dokument

Två sätt att infoga ett dokument

1. Via infoga/redigera länk eller 2. Via filhanteraren.

Hur du än väljer är det viktiga att klicka på Global files och

därefter välja den mapp filen ska ligga i. Tänk på att inte lägga

filerna i Sidans katalog.

13

Filhanterarengemensam genomgång sedan övning

1. Utgå från din standarsida – länka till ett dokument som

finns i filhanteraren.

2. Vi laddar upp ett nytt dokument till filhanteraren och länkar

sedan in det på sidan.

3. Länktext till dokument skrivs:

Kommunstyrelsens rapport 2010 (PDF 128 kB)

4. Kom ihåg att öppna i nytt fönster!

14

15

Bilder laddar vi upp i Image Vault

• Upphovsrättslagen säger att man inte får ta någon annans bild utan tillåtelse

– bara bilder med namnunderskrift från elever– fotografens namn ska vara synligt

• Rätt storlek på bilderna för ett proffsigt intryck

• Byt bilder ofta – välj bild efter årstid!

• Alternativ-text på bilder – för tillgängligheten

• Rensa bort bilder (och filer) i Image Vault som inte längre används– filnamn: 101029_namnpabild_84x300.jpg

Sammanfattning bildformat i pixlar

Varje digital bild består av pixlar, eller små, ljuskänsliga rutor.

Det är som en mosaik. Antalet pixlar bestämmer hur stor

bilden är. *NYTT: Bredd är bestämd, höjden är fri.

• Panoramabild på startsidan = 578 x 263

• Puffar på startsida = 237 x 183*

• Banners i högerpalt = 123 pixlar bred x valfri höjd

• Bild i sidtopp på en undersida = 509 x 261 *

• Vänsterjusterad bild på undersida = 237 x 183*

16

Bilder i Image Vaultgemensam genomgång sedan övning

• Vi tittar på Övningsskolan

• Hur man laddar upp en bild i Image vault

• Hur man lägger in en bild på en standardsida i toppen och i

brödtexten.

Albumbeskrivning = den bildtext som visas under fotot.

Fotograf = Fotografens namn.

Titel = Alt texten som visas för funktionshindrade.

17

Övning: Bilder

• Skapa en toppbild

• Skapa en bild i brödtext och skriv text

• Ladda ner en bild från din dator till Image vault

18

19

Läs: Skriv tillgängligt för webben

• Ingressen – Det viktigaste först! En sammanfattning/inledning– Ska locka till läsning

• Dela texten i korta stycken, konkret och rakt på sak

• Undvik svåra eller formella ord implementera genomföra

• Skriv ut förkortningart.ex. till exempel

• Tänk att den som läser är helt obekant med ämnet!

• Stava rätt – låt kollegor korrekturläsa

20

Mer skrivtips

• Tillgänglighet och användarvänlighet

– Blinda, dyslektiker och reumatiker tabbar sig fram

– Enhetlig struktur och tydliga rubriker

• Rubriker

– Max 2 rader lång

– Viktigt med mellanrubriker (för synskadade som tabbar sig genom

texten)

– Använd formatmallen H1, H2, H3 i redigerarfönstret

Kom ihåg!

• Anmäl er till del två: Skriv tillgängligt på webben. Hålls av

Lena Yeow. Datum finns på Insidan

• Tips och råd

Insidan / verksamhetsstöd / media och kommunikation

Två avdelningar: Bilder och Webbinformation

• Läs alla utbildningsdokument

• Öva!

• Varje år planeras en webbinspirationsdag för kommunens

samtliga redaktörer. Inbjudan kommer via mail

21

22

Tack för idag!

• Ny kontaktperson från BUF för support är på gång.