Utbildning i Episerver för grundskolan

En presentation över ämnet: "Utbildning i Episerver för grundskolan"— Presentationens avskrift:

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 (öppnas i nytt fönster) Länkar på samma webbplats ska inte vara i nytt fönster Läs mer om skolans drogpolicy här. Länkar till dokument ska öppnas i nytt fönster Kommunstyrelsens rapport 2010 (PDF 128 kB)

7 Genomgång Hur man skapar en nyhet Hur man skapar en kalendariehändelse
Hur man gör en intern och extern länk

8 Övning 1 grundskolor.huddinge.se/u/cms/edit Login: demo, demo123
Välj demoskolan Skapa en nyhet Skapa en aktivitet i kalendern

9 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)

10 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: (öppnas i nytt fönster) Länkar på samma webbplats ska inte vara i nytt fönster Läs mer om skolans drogpolicy här.

11 Ö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: (öppnas i nytt fönster) Länkar på samma webbplats ska inte vara i nytt fönster Läs mer om skolans drogpolicy här.

12 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

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

14 Filhanteraren gemensam genomgång sedan övning
Utgå från din standarsida – länka till ett dokument som finns i filhanteraren. Vi laddar upp ett nytt dokument till filhanteraren och länkar sedan in det på sidan. Länktext till dokument skrivs: Kommunstyrelsens rapport 2010 (PDF 128 kB) Kom ihåg att öppna i nytt fönster!

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: _namnpabild_84x300.jpg

16 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*

17 Bilder i Image Vault gemensam 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.

18 Ö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

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örkortningar t.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 Rubriker
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

21 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

22 Tack för idag! Ny kontaktperson från BUF för support är på gång.