Presentation från Webbstjärneworkshop i Uppsala, del 1 Kursledare: Elisabet Jagell

1. Välkommen till Webbstjärnan
Kursledare
Elisabet Jagell elisabet.m.jagell@uppsalaskolor.net
Lotta Franzén lotta.franzen@uppsala.se
Workshop i webbpublicering
Torsdag 22 augusti och
Torsdag 5 september 2013
Där inte annat anges har alla bilder i denna presentation har licensen CC by-sa,
Webbstjärnan

2. Dagens innehåll
• Välkomna, fika, presentation
• Vad är .se och Webbstjärnan?
• Hur går det till?
Varför delta i Webbstjärnan?
• Exempel och inspiration
• Bloggens anatomi
• Att skriva för webben
• Wordpress
• Anmäla
• Senast 18.00 avslutning

3. Vem är jag - vem är du?
Presentation
• IT-didaktiker i kommunen
• Webbstjärneambassadör
• IT-pedagog och slöjdlärare på Växthuset
• Har tävlat i Webbstjärnan sedan 2011

4. Vem är jag - vem är du?
Presentation

5. Vem är jag - vem är du?
Presentation
• IT-didaktiker i kommunen
• Webbstjärneambassadör
• IT-pedagog och slöjdlärare på Växthuset
• Har tävlat i Webbstjärnan sedan 2011
• Nyhet detta läsår: Slojdstafetten.se

6. Vem är jag - vem är du?
Presentation
• Har du tävlat i Webbstjärnan?
• Vad heter er webbsida i så fall?
• Vad för idé har du till en webbplats
(tema/projekt)?
• Vart kommer du ifrån?
• Vilken årskurs undervisar du i/ämne?

7. Vad är
?

8. Stiftelsen för Internetsinfrastruktur
Start:
•1 person på KTH som hade
hand om driften fram till 1997
då man passerade 1000 domäner
www.iis.se/om/historik/mr-internet
Idag:
•Över 1 miljon registrerade domännamn
www.iis.se/om/historik/vagen-till-miljonen
Motto
”Internet för alla”
www.iis.se

10. Internet i skolan
Vad är .se och
Webbstjärnan?
Ritfilm av Webbstjärnan
6:34 min

11. Vi driver internet framåt
- Vi utvecklar internet i skolan

12. Dagens innehåll
• Välkomna, fika, presentation
• Vad är .se och Webbstjärnan?
• Hur går det till?
Varför delta i Webbstjärnan?
• Exempel och inspiration
• Bloggens anatomi
• Att skriva för webben
• Wordpress
• Anmäla
• Senast 18.00 avslutning

19. Tips!

20. Alla som har
• OM-sida
• Webbstjärnans logo med länk
• Följer Upphovsrätten
…får diplom + har chans att vinna fina priser!

23. Varför vara med i
Webbstjärnan?
• Synliggöra skolarbeten
• Kommunikation
• Rusta elever för framtiden
• Lgr 11
Få kunskap om webbpublicering genom att göra själv
Det händer inte så mycket i en tyst miljö – använd Internet för att alla
dina elever ska synas! Tävlingen är pricken över i:et, vi vill främst ge
möjligheten att lära mer om Internet och att publicera på webben.

24. Lärare om Webbstjärnan:
Genom att samarbete kring bloggen och
tävlingen Webbstjärnan möter vi eleverna i deras
verklighet. Bloggar är deras medium. I bara
farten lär de sig källkritik och upphovsrätt. Nu vet
de mycket om vad som fungerar och inte på
webben och hur man anpassar innehåll efter publik.”
Jag ser att elevernas motivation att skriva rätt, så att mottagaren
förstår, har ökat dramatiskt. De pratar om språket, jämför med sina
hemspråk och ifrågasätter ord och grammatik. De har blivit medvetna
om sin egen språkinlärning, samtidigt som de har otroligt roligt! En
extra bonus är att bloggen gör det lätt för föräldrarna att få insyn i vårt
arbete.”
”
”

25. Vi följer upp dig och
dina elevers arbete
Du kan alltid kontakta oss:
support@webbstjarnan.se
08- 452 35 40

26. Vi har mycket
utbildningsmaterial:
-filmer om Wordpress
-filmer om upphovsrätt
-filmade föreläsningar
-nerladdningsbara övningar
…massvis med guider!

27. Dagens innehåll
• Välkomna, fika, presentation
• Vad är .se och Webbstjärnan?
• Hur går det till?
Varför delta i Webbstjärnan?
• Exempel och inspiration
• Bloggens anatomi
• Att skriva för webben
• Wordpress
• Anmäla
• Senast 18.00 avslutning

28. Allt börjar
med en idé

29. Exempel

30. Dagens innehåll
• Välkomna, fika, presentation
• Vad är .se och Webbstjärnan?
• Hur går det till?
Varför delta i Webbstjärnan?
• Exempel och inspiration
• Bloggens anatomi
• Att skriva för webben
• Wordpress
• Anmäla
• Senast 18.00 avslutning

31. Bloggens anatomi
sidhuvud
menyrad/list
inlägg
bakgrund
bild med länk
licens
om-sida
widget/gadget

32. Exempel
http://pinterest.com/elijag1/bloggar/

33. Dagens innehåll
• Välkomna, fika, presentation
• Vad är .se och Webbstjärnan?
• Hur går det till?
Varför delta i Webbstjärnan?
• Exempel och inspiration
• Bloggens anatomi
• Att skriva för webben
• Wordpress
• Anmäla
• Senast 18.00 avslutning
- Hur läser vi?
- Struktur

34. Hur läser vi på webben?
CC by-nc-nd, Camilla Laghammar

35. Det är svårare att läsa på
bildskärm än på papper
Det typiska surfarbeteendet är
att leta information aktivt
snarare än att bara läsa
Folk vill ha konkret information
Din webbsida konkurrerar
med hundratals miljoner
andra, Google är bara ett klick
bort
Surfare skumläser
Illustration: CC by-nc-nd, Camilla Laghammar

36. Cirkulärt läsande
• Folk kan börja läsa var som helst
Inte alls säkert att de börjar på webbplatsen
• De kan sluta läsa var som helst
Tro inte att de läser klart hela sidan
• Texterna bör vara fristående och självförklarande

37. När du skriver -
tänk på läsaren
Vem är din läsare?
Det viktigaste först
Skriv konkret
Korta texter
Blankrader (en ny för varje ny tanke)
Objektiv ton webbplats/blogg personligt
Större risk för fel i webbtexter
Illustration: CC by-nc-nd, Camilla Laghammar

39. 1. Vilket syfte?
sälja, visa, diskutera
2. För vem - mottagare?
klassen, föräldrar, kunder
3. Syfte + mottagare = strukturen
Statisk webbplas/blogg
Tänk ut en struktur
för hemsidan

40. Inlägg
Används för att ha ett flöde på din sajt,
som du kan kategorisera
Sidor
kan du fylla med statisk information,
instruktioner och beskrivning av
uppgifterna
Hur jobbar man med struktur?

44. 1. Vilket syfte?
sälja, visa, diskutera
2. För vem - mottagare?
klassen, föräldrar, kunder
3. Syfte + mottagare = strukturen
Statisk webbplas/blogg
Tänk ut en struktur
för hemsidan

46. Dagens innehåll
• Välkomna, fika, presentation
• Vad är .se och Webbstjärnan?
• Hur går det till?
Varför delta i Webbstjärnan?
• Exempel och inspiration
• Bloggens anatomi
• Att skriva för webben, struktur
• Wordpress
• Anmäla
• Senast 18.00 avslutning

47. Anmäla!
• Anmäla dig till Webbstjärnan
• Registrera lag
• Logga in på webbplatsen med de uppgifter du
får från webbhotellet Wopsa

48. Anmäla!

49. Anmäl!
Kom ihåg ditt
lösenord!

50. admin.webbstjarnan.se

51. Dags att registrera en webbplats

52. Exempel på mindre bra URL
www.skolansnamn-2a.se
Välj en adress till din hemsida
• Den ska vara ledig
• Lätt att komma ihåg
• Lätt att stava till
• Använd inte årskurs siffror i adressen
om du skulle vilja fortsätta
med samma webbplats
i flera år
Vill du testa
om den är
ledig?
Gå till
www.iis.se

54. Välkommen till Webbstjärnan
Kursledare
Namn Elisabet Jagell
Kontaktuppgifter elisabet.m.jagell@uppsalaskolor.net
Workshop i webbpublicering
Nästa tillfälle är
Torsdag 5 september 2013 - Installera tillägg mot spam
- Inställningar
- Skriva kommentarer
- Sidor, etiketter, klategorier
- Bilder och upphovsrätt
- Tips och trix
- Utvärdera
Vill du starta på en
gång?
Använd Webbstjärnans
guider på deras
hemsida.

55. Välkommen till Webbstjärnan
Kursledare
Namn Elisabet Jagell
Kontaktuppgifter elisabet.m.jagell@uppsalaskolor.net
Workshop i webbpublicering
Nästa tillfälle är
Torsdag 5 september 2013
Uppgift till nästa gång:
 Registrerat dig på
Webbstjärnan
 Anmält lag
 Fundera/författa gärna på
OM-sidestexten
Ta med till nästa gång:
 Brevet från Wopsa
 Din OM-sidestext
 Gärna något foto att
använda i inlägg