Välkommen till Webbstjärnan

Embed Size (px)

DESCRIPTION

Välkommen till Webbstjärnan. En workshop i webbpublicering. Kursledare. Namn Kontaktuppgifter. Ditt namn Dina kontaktuppgifter. Dagens hållpunkter. 9.00 Start 10.30 Bensträckare 12.00 Lunch 14.30 Fika 16.00 Avslutning. Vem är du - vem är jag? Presentation. - PowerPoint PPT Presentation

Citation preview

SE master powerpoint

Vlkommen till WebbstjrnanDitt namnDina kontaktuppgifterEn workshop i webbpublicering

NamnKontaktuppgifterKursledareVlkommen 1

Dagens hllpunkter9.00 Start10.30 Benstrckare12.00 Lunch14.30 Fika16.00 AvslutningBertta om dagens hllpunkter2

Vem r du - vem r jag?Presentation Har du tvlat i Webbstjrnan?Vad heter er webbsida i s fall?Vad fr ide har du till en webbplats (tema/projekt)?Vart kommer du ifrn?Vilken rskurs undervisar du i/mne?Lt hela gruppen presentera sig och presentera dig sjlv3

Har du ingen webbplats idag? Brja fundera p ditt domnnamn.De som inte har en egen webbplats mste brja fundera p vad webbplatsen ska heta. Kom ihg att deltagare som inte har en sajt mste registrera senast kl 10, d fr de sajten efter lunch. Det finns en slide lite lngre fram som sger nu ska vi registrera en sajt s den hr sliden str fr att man ska brja fundera p vad man vill att sajten ska heta.

Den ska vara ledigLtt att komma ihgLtt att stava tillAnvnd inte rskurs siffror i adressen om du skulle vilja fortstta med samma webbplats i flera r

Exempel p mindre bra URLwww.skolansnamn-2a.se

4Dagens programInfo om .seInfo om WebbstjrnanHur man anmler ett lagInspiration och erfarenheter av webbpubliceringArbeta med sin webbplats

Dagens program > bertta om vad ni kommer gra5Ml med dagenVet vad .se och Webbstjrnan grAlla har en webbplatsGjort ett frsta inlggSkapat en kategori & etikettSkrivit en kommentarStrukturerat din sajtHar Webbstjrnas logga p startsidanBrjat skriva en Om-sidaAktiverat Akismet (spamskydd)Kunskap om hur man gr eleverna till frfattareVet hur du gr vidare imorgon

Bertta om mlen med dagen, s att kursdeltagare vet 6Stiftelsen fr Internetsinfrastruktur

Start:1 person p KTH som hade hand om driften fram till 1997d man passerade 1000 domnerwww.iis.se/om/historik/mr-internet

Idag:ver 1 miljon registrerade domnnamnwww.iis.se/om/historik/vagen-till-miljonen

UrkundInternet fr alla

www.iis.se

Brja med att bertta om .SE!.SE:s Internetutvecklingsprojekt har sin grund i vr urkund och vra stadgar. Mottot fr projekten r Internet fr alla. I detta lgger vi att alla mnniskor i vrt land ska ha samma rtt och samma mjligheter att utnyttja Internets tjnster (att .se-adresser fungerar, inte att bredbandet fungerar). Internet ska ocks vara skert, s att anvndarna knner sig trygga och litar p tjnsterna som finns dr. ven Internets infrastruktur r i fokus fr oss. Den ska vara sker, stabil och skalbar s att Internet blir s anvndbart som mjligt fr alla. 7

Bertta vad .SE gr (https://www.iis.se/vad-vi-gor/)De pengar som kommer in ska tillbaka till Internetanvndaren. Hr fds Webbstjrnan - .SE:s skolsatsning8Vi driver Internet framt- Vi utvecklar Internet i skolan

.SE:s slogan: Vi driver Internet framt9

Bertta om webbstjrnan - Pedagogisk bild/spelplan ver webbstjrnan10Allt brjar med en id

Det som behvs fr att kunna starta en sajt r att man har en id. Vi brukar f frgor om vad det kostar Webbstjrnan r kostnadsfritt i pengar men det tar tid. Speciellt i brjan. Ingenting r ltt nr det r nytt men det blir lttare.11Vi ger er valfri .se-adress i ett r och installerar WordPress

Man kan ven registrera en sajt utan att installera WordPress. Det r vanligast i samband med att webbdesign-lrare har en webbdesign-kurs och vill bygga sajten frn grunden. Sjlvklart kan man avinstallera en WordPress-installation.12Se till att loggan r p startsidan= Tydligt att det r skolarbete

Publicera en Om-sidaVilka som byggt webbplatsenWebbplatsens syfte och mottagare Den pedagogiska kopplingenUpphovsrttMotivering till varfr bidraget borde f prisVad har ni lrt er?= Ger trovrdighet p webben

Vad behver jag gra?

Webbstjrnan har tv villkor fr att man ska ha en sajt loggan ska vara p startsidan och man ska skriva en Om-sida13

Internet i skolan Ritfilm av Webbstjrnan

Den hr filmen r bra att visa (lnk hr ovan i ppt-presentationen). Webbstjrnan har idag (2013-06-18) 5 olika ritfilmer som man kan hitta hr: http://www.youtube.com/playlist?list=PLtDs7N_g_eia9MMD2UI99MeervHpJGu_e14

Varfr vara med i Webbstjrnan? Synliggra skolarbeten Kommunikation Rusta elever fr framtiden Lgr 11F kunskap om webbpublicering genom att gra sjlv

Det hnder inte s mycket i en tyst milj anvnd Internet fr att alla dina elever ska synas! Tvlingen r pricken ver i:et, vi vill frmst ge mjligheten att lra mer om Internet och att publicera p webben.Bertta om varfr man ska vara med i Webbstjrnan och komplettera grna med eget tycke 15Lrare om Webbstjrnan:

Genom att samarbete kring bloggen och tvlingen Webbstjrnan mter vi eleverna i deras verklighet. Bloggar r deras medium. I bara farten lr de sig kllkritik och upphovsrtt. Nu vet de mycket om vad som fungerar och inte p webben och hur man anpassar innehll efter publik.

Jag ser att elevernas motivation att skriva rtt, s att mottagaren frstr, har kat dramatiskt. De pratar om sprket, jmfr med sina hemsprk och ifrgastter ord och grammatik. De har blivit medvetna om sin egen sprkinlrning, samtidigt som de har otroligt roligt! En extra bonus r att bloggen gr det ltt fr frldrarna att f insyn i vrt arbete.

Kommentarer frn lrare, du kan lsa upp 16Vi fljer upp dig och dina elevers arbete

Du kan alltid kontakta oss:[email protected] 452 35 40

Supporten gillar att mejla och ringa. T ex: du kper en tvttmaskin och kommer hem. Drefter installerar du den och leverantren du har kpt den ifrn ringer upp och frgar: hur gr det med tvttmaskinen?. S fungerar Webbstjrnan.17

Vi har mycket utbildningsmaterial:

filmer om Wordpressfilmer om upphovsrttfilmade frelsningarnerladdningsbara vningar

massvis med guider!

Bertta att det finns mycket information p Webbstjrnans sajt, t ex under Hur gr man webb? och Film. 18Dags att registrera en webbplats

De deltagare som inte har en sajt mste registrera en sajt senast kl 10 (om du hller i en heldag, annars rekommenderas att man anmler en sajt precis innan man skiljs t p del 1 alternativt ger det som lxa (att registrera en sajt) till nsta omgng). D r de klara till efter lunch. Vi kan inte pverka hur lng tid det tar tills domnen fungerar p hela webben (leverantrer av webbhotell och domnnamn brukar sga 72(!!) timmar men det ska vara klart inom ca 2). Om ngon deltagare inte fr sin sajt att fungera i tid ringer du supporten.19

Exempel p mindre bra URLwww.skolansnamn-2a.seVlj en adress till din hemsidaDen ska vara ledigLtt att komma ihgLtt att stava tillAnvnd inte rskurs siffror i adressen om du skulle vilja fortstta med samma webbplats i flera r Tips om hur man vljer domnnamn20

Admin.webbstjarnan.se visa hur man registrerar ett lag.21Vanliga begrepp du kommer stta p idag/har sttt pBloggWebbplatsWebbhotellDomn/URLRRS-fldeWidgetWordpressTillgg

Blogg = hyfsat nytt att skriva inlgg p en sajt, att ha ett levande fldeWebbplats = samma sak som sajt/hemsida. En blogg r ven en webbplats. Anledningen till varfr vi inte sger hemsida r fr att det kan frvxlas med en sida som heter hem.Webbhotell = Fr att ha en sajt p Internet behvs webbhotell (som en mapp p Internet) och ett domnnamn (adress till mappen). Det kan liknas med att du bygger ett hus ngonstans i vrlden (webbhotell) och s har du en adress (domnnamn/URL).Domn/URL = se ovan, ett domnnamn r t ex webbstjarnan.seRRS-flde = fldet av bloggen som anvnds fr att olika tjnster ska kunna hmta dina blogginlgg (om du t ex ska prenumerera p bloggar brukar du prenumerera p RSS-flden)Widget = widgets lgger du t ex in i din sidomeny via Utseende > WidgetsWordPress = det verktyget som installeras automatiskt p din sajt. WordPress r ett s kallat CMS som hjlper dig att kunna hantera din webbplats istllet fr att koda den sjlv.Tillgg = Funktioner som gr att installera i verktyget, fr att du som anvnder ska kunna anpassa sajten efter dina nskeml och standarder.22En/flera slide(r) fr dig, bertta om din(a) sajt(er) syfte + mottagare + vad du gr

En/flera slide(r) fr dig, bertta om din(a) sajt(er) syfte + mottagare + vad du gr

23Bertta om ngot (eller fler) annat projekt (vlj antal slides sjlv, men minst en) grna ett frn varje tvlingsklass (eller t ex 4 olika dvs klassblogg, bokblogg, UF, projektarbete). Finns att hitta under De tvlande p Webbstjrnans webbplats eller mejla till support fr tips.

Bertta om ngot (eller fler) annat projekt (vlj antal slides sjlv, men minst en) grna ett frn varje tvlingsklass (eller t ex 4 olika dvs klassblogg, bokblogg, UF, projektarbete). Finns att hitta under De tvlande p Webbstjrnans webbplats eller mejla till support fr tips.

24Vilket syfte? slja, visa, diskutera Fr vem - mottagare?klassen, frldrar, kunder Syfte + mottagare = strukturen

Tnk ut en struktur fr hemsidan

Man kan brja arbeta med strukturen (ska det vara inlgg (kategorier, etiketter > visa din sajt!), sidor, bda) nr man vet syfte + mottagare.25

uf.wpskola.se > Exempel p UF-sajt, det vanliga r statiska sidor och frmst slja p startsidan dvs strukturen baseras p sidor26

klass.wpskola.se > arbetar med kategorier och elever r frfattare (dvs arbetar ej s mycket med statiska sidor och sajten baseras d p inlgg). Tillgget simply exclude r bra om man vill exkludera en kategori, t ex veckobrev. Du behver inte g igenom simply exlude, men kan bertta om dess frdelar och skicka dem till supporten fr hjlp med att strukturera upp det.27

Tidning.wpskola.se, arbetar ocks med kategorier/etiketter = inlgg fr att f ett flde. Ej statiska sidor. Aftonbladet ser t ex inte likadan ut = nya inlgg kommer hela tiden28

Tema.wpskola.se, hr kan det vara olika beroende p hur man vill presentera sitt temaarbete. Vissa vljer att arbeta med statiska sidor och lter bloggfunktionen landa i en loggbok. I tema.wpskola.se har vi gjort ett exempel liknande en klassblogg, dvs att vi har en blogg och exkluderar kategorin loggbok (simply exclude).29Vad vill du gra p din webbplats?SkrivaVisa upp bilderVisa film

Hur kan din webbplats kopplas till ditt skolarbetet?

Vilket r syftet med din sajt? Informera DebatteraInspirera

Vad vill du uppn? Sprida kunskap om ett specifikt mne F mnga lsare Slja din produkt Utveckla dina egna kunskaper

Vem r mottagaren?Vck tankar hos kursdeltagare genom att prata om strukturen30InlggAnvnds fr att ha ett flde p din sajt, som du kan kategoriseraSidorkan du fylla med statisk information, instruktioner och beskrivning av uppgifternaHur jobbar man med struktur?

Bertta att det finns sidor & inlgg och skillnaden (efter lunch eller vid del 2 kommer man testa sjlv)Om sidor: se sliden ovanOm inlgg: t ex text och annan media som kan kategoriseras (t ex veckobrev, att man 1 gng i veckan kommer uppdatera d r det lttare att gra ett nytt inlgg fr varje vecka istllet fr att byta ut det befintliga (precis som man gr nr man skriver ett nytt dokument man brukar inte ppna v 43 och byta ut innehllet till aktuellt fr v 44)).

31

Exempel p struktur med sidor i fokus, vlj grna andra exempelsajter (byt ut makeacupcake.se och fiskis5an.se) om du vill visa ngot annat. Visa din egen om du tycker att den passar in!

32

Exempel p struktur med inlgg i fokus, vlj grna andra exempelsajter (byt ut herrgardsskolan05a.se och superstarmedia.se) om du vill visa ngot annat. Visa din egen om du tycker att den passar in!

33Det r svrare att lsa p bildskrm n p papper

Det typiska surfarbeteendet r att leta information aktivt snarare n att bara lsa

Folk vill ha konkret information

Din webbsida konkurrerar med hundratals miljoner andra, Google r bara ett klick bort Surfare skumlserInformera om att lsa p webben, se ovan34Regeringens intkter frn tobaksbeskattningen kar med 2,41 % detta bokfringsr, vilket innebr 351 miljoner mer n frra ret. Fast det spelar kanske inte s stor roll med tanke p att statsministern just har kt fast fr knarksmuggling. Regeringen har uppenbarligen andra intktskllor som ger mera pengar n tobaksskatten. Polisen misstnker att flera ministrar r inblandade.vning: hitta felet i redigeringenExempel p att man inte lser all information (facit p nsta slide)35Regeringens intkter frn tobaksbeskattningen kar med 2,41 % detta bokfringsr, vilket innebr 351 miljoner mer n frra ret. Fast det spelar kanske inte s stor roll med tanke p att statsministern just har kt fast fr knarksmuggling. Regeringen har uppenbarligen andra intktskllor som ger mera pengar n tobaksskatten. Polisen misstnker att flera ministrar r inblandade.vning: hitta felet i redigeringenNr du skriver -tnk p lsarenDet viktigaste frstSkriv konkretKorta texterBlankrader (en ny fr varje ny tanke)Objektiv ton webbplats/blogg personligtStrre risk fr fel i webbtexterFolk lser cirkulrt

Tips om nr du skriver p webben37Cirkulrt lsandeFolk kan brja lsa var som helstInte alls skert att de brjar p webbplatsen

De kan sluta lsa var som helstTro inte att de lser klart hela sidan

Texterna br vara fristende och sjlvfrklarandeInformation om cirkulrt lsande, se ovan i sliden38Rubrikerna r frmst lnkar

Ny bland Stjrnkikarna

Skmotorsoptimering google plockar det som str i rubrikerna.39

Lunch!Lunch/eller del 1 av kursen avslutad. Om du hller i en uppdelad kurs kan du avsluta med att registrera en sajt alternativt ge det som lxa. Vi rekommenderar att man gr det p plats ifall ngon behver hjlp.40Logga in p din sajtByt eventuellt mejladress och lsenordG in p Anvndare > Din profil och visa vart man byter lsenord och ndrar mejladress. Det r jtteviktigt att rtt mejladress r ifylld s att du kan terstlla ett bortglmt lsenord.41Uppgift 1 - LogganSe till att loggan finns p startsidan

Antingen att man lgger in den genom att hmta p http://www.webbstjarnan.se/tavlingen/det-har-maste-du-gora/webbstjarnans-logga/ (eller att den finns installerad som tillgg redan)HUVUDSYFTE: Visa hur widgets fungerar (dra och slppa byta plats)42Uppgift 2 Om-sidaG igenom Sidor och pbrja din Om-sida

Vilka som byggt webbplatsenWebbplatsens syfte och mottagare Den pedagogiska kopplingenUpphovsrttMotivering till varfr bidraget borde f prisVad har ni lrt er?

Viktigt: g igenom Panelinstllningar (att man kan anpassa valmjligheter inne p Sidor)Hjlp: http://www.webbstjarnan.se/tavlingen/det-har-maste-du-gora/en-egen-om-sida/HUVUDSYFTE: Visa hur sidor fungerar och bertta om vikten att ha en Om oss-sida43

Uppgift 3 - InlggSkriv ett introduktionsinlgg som ditt frsta inlgg p sajten.

I det vill jag att du: Presenterar dig sjlv Dinaerfarenheterav webben Dina erfarenheter i att blogga samt Varfr du startar den hr bloggen Lgger in en bild p dig sjlv (upp till 600 px bred)

Inlgget ska varapersonligt skrivetoch i det ska det finnas en lnk tilldin skolas webbplats.

Visa frst gr sen (viktigt: skriva inlgg, kategorier, etiketter, att man kan skifta mellan text/visuellt lge)Viktigt: Visa panelinstllningar hr ocksHUVUDSYFTE: Visa och testa hur man gr inlgg44Uppgift 4 Strukturera Ordna med din struktur i menylisten lgga in sidor, kategorier & anpassade lnkar

Visa frst gr sen. Viktigt att pongtera: man kan inte skapa nytt innehll under Utseende > Menyer det gr man innan. Bara strukturera under Utseende > Menyer (eller lgga in en fristende lnk genom Anpassade lnkar-boxen) Panelinstllningar finns hr ocks.HUVUDSYFTE: Visa Utseende > Menyer45

Uppgift 5 AnvndareHur du kan strukturera anvndare

Lrare kan vara administratrElev kan vara frfattare

Alla roller:Administratr har fullstndiga behrigheter och kan exempelvis byta teman, installera plugins, lgga till anvndare och dela ut behrigheter mmRedaktr kan skriva, publicera och redigera inlgg och sidor samt redigera andra anvndares material, moderera kommentarer, lgga till lnkar och kategorier etcFrfattare kan skriva, publicera och redigera egna inlggMedarbetare kan skriva och redigera egna inlgg men inte publiceraPrenumerant kan lsa och skriva kommentarer, ta emot nyhetsbrev och redigera sin egen presentationssida

Tipsa om att elever kan vara t ex frfattare, g igenom alla roller:Administratr har fullstndiga behrigheter och kan exempelvis byta teman, installera plugins, lgga till anvndare och dela ut behrigheter mmRedaktr kan skriva, publicera och redigera inlgg och sidor samt redigera andra anvndares material, moderera kommentarer, lgga till lnkar och kategorier etcFrfattare kan skriva, publicera och redigera egna inlggMedarbetare kan skriva och redigera egna inlgg men inte publiceraPrenumerant kan lsa och skriva kommentarer, ta emot nyhetsbrev och redigera sin egen presentationssida

HUVUDSYFTE: Visa hur man lgger till anvndare och informera om att det finns olika roller. Hur lrare och elever kan administrera sajten.46Uppgift 6 TillggTillgg (Plugin p engelska) Vad r det?

Installera AkismetHur hittar jag tillgg?Tips p tillgg jag gillar/anvnder

Visa frst gr sen. HUVUDSYFTE: Visa att det gr att lgga till tillgg, som frenklar det du vill gra p sajten och anpassar det till s du vill ha det. 47Uppgift 7 - UtseendeUtseende Vad gr jag dr?

Twenty Eleven standardtemat Hur hittar jag teman (theme p engelska)?Tips p teman jag gillar/anvnder

Visa frst gr sen. HUVUDSYFTE: Visa att det gr att ndra utseende utan att 48Text och bild r skyddade av upphovsrttenSk bilder p sidor dr man fr anvnda bilderna Lr dig och eleverna om licenserCC = erknnandeSkriv alltid vem som r ansvarig fr verketDiskutera med frldrar / elever om publicering av fotografier p eleverna innan publiceringInnehll p din sajt

Bertta om upphovsrtt och mjligheten med creative commons i samband med skolarbete49

Vad r Creative Commons?Bertta grna att det finns fler ritfilmer om cc, se http://www.webbstjarnan.se/video/kallkritik-och-upphovsratt/kallkritik-upphovsratt-och-creative-commons/creative-commons-vad-ar-det/ 50

CC Licenser Erknnandecc by

Erknnande Dela likacc by-sa

Erknnande Inga bearbetningarcc by-nd

Erknnande Icke kommersiellcc by-nc

Erknnande Icke kommersiell Dela likacc by-nc-sa

Erknnande Icke kommersiell Inga bearbetningarcc by-nc-nd

Tipsa grna om http://creativecommons.org/choose/?lang=sv fr att lra sig vad alla licenser betyder51 Erknnandecc by

BY = Erknnande vem har gjort det hr verket52Erknnande Dela likacc by-sa

BY SA = Erknnande Dela lika Bertta vem det r som har gjort verket och dela under samma licens (oavsett om du bearbetar t ex bilden eller inte)53Erknnande Inga bearbetningarcc by-nd

BY ND = Erknnande Inga bearbetningar Bertta vem som har gjort verket och du fr inte bearbeta materialet.54Erknnande Icke kommersiellcc by-nc

BY NC = Erknnande Icke kommersiell Du mste erknna vem som gjort verket och du fr inte tjna pengar p verket (dela det i kommersiella sammanhang)55

Erknnande Icke kommersiell Dela likacc by-nc-sa

BY NC SA = Erknnande Icke kommersiell Dela lika Bertta vem som har gjort verket, tjna inte pengar och dela lika56Erknnande Icke kommersiell Inga bearbetningarcc by-nc-nd

BY NC ND = Erknnande Icke kommersiell Inga bearbetningar Du mste bertta vem som har gjort verket, inte tjna pengar p det och inte gra ngra bearbetningar.57

Utforska dessa sidorcc searchhttp://www.creativecommons.se/http://www.flickr.com

Om du lyckas med din bloggStolta elever - som stttar varandraReflekterar runt internetppnar upp klassrummetGod reklam fr skolanMersmakUppnr lroplanens ml

ImorgonInstallera bara tillgg och teman via Wordpresspanelen (s r du sker p att du inte fr med skadlig kod i tillgg/teman)Sk grna p engelska (Wordpress r strre p engelska) anvnd googleBesk forum, t ex det som finns p www.wpsv.seHr av dig till supporten vid frgor (eller s hr vi av oss till dig) vi hjlper grna!P Webbstjrnans facebook (www.facebook.com/webbstjarnan) finns en del lrare hitta en ny kollega att bolla ider med

Glm inte!! WordPress anvnds av miljontals anvndare din frga r skert redan besvarad.Hur gr man imorgon?60

14 augusti 2013Tvlingen startar, och du kan anmla dig och ditt lag fr att delta i Webbstjrnan.28 februari 2014Sista dagen fr anmlan av lag till Webbstjrnan.1 april2014Bedmningen av din webbplats brjar.Allmnhetens rstRstningen pgr under april 2014.Prisutdelning 9 maj 2014r det prisutdelning och nya webbstjrnor utses.Viktiga datumBallongkalas av Webbstjrnan CC BY

Inspiration- andra sajter

Tack!