Utbildning i Episerver för grundskolan Johanna Järnfeldt Kommunikatör, Barn- och utbildningsförvaltningen

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

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.

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

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

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

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

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

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)

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önster Läs mer om skolans drogpolicy här.

Ö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önster Läs mer om skolans drogpolicy här.

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

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.

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!

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*

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.

Ö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

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

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

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

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