utbildning i episerver för grundskolan
DESCRIPTION
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 - PowerPoint PPT PresentationTRANSCRIPT
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.