LATHUND TILL GOOGLE SITES

LATHUND TILL GOOGLE SITES 2012 Mörbyskolan Denna lathund går igenom hur du skapar, redigerar och kan använda Google Sites i undervisningen Rev. 1.0a

Innehållsförteckning 1. VAD ÄR GOOGLE SITES? ES?.........2 1.1 Hitta till Sites...2 2. ATT SKAPA EN SITE.........3 2.1 Skapa en ny site...3 2.1.1 Välja tema...3 2.1.1 Temamallar...4 2.1.1 Namn och skapa site...4 3. ATT GÖRA ÄNDRINGAR R I SITEN.........5 3.1 Hur är en site uppbyggt?...5 3.1.1 Sidhuvud...5 3.1.2 Sidpanel...5 3.1.3 Sidinnehåll...5 3.1.4 Sidfot...6 3.2 Site och sida vad är skillnaden?...6 3.3 Kommer du ihåg?...6 4. REDIGERA / LÄGGA TILL.........7 4.1 Redigera sidor...7 4.1.1 Infoga...8 4.2 Redigera sidpanelen...8 Sida 1

1. VAD ÄR GOOGLE SITES? För att kunna börja använda Google Sites måste du först och främst logga in på Google. Du gör detta genom att skriva google.se i adressfältet på din webbläsare: 1.1 Hitta till Sites För att kunna börja använda Google Sites måste du först och främst logga in på Google. Du gör detta genom att skriva google.se i adressfältet på din webbläsare: Klicka därefter på knappen Logga in med samma uppgifter som till din e-post. Du är nu inloggad och du ser nu ett svart fält i ovansidan av skärmen. Här finns ett antal menyval, däribland Sites och det är på denna länk du skall klicka. Sida 2

2. ATT SKAPA EN SITE För att göra det enklare att förstå kan du tänka dig att en site är som en tavelram. Bortsett från ramen och duken är den, allt som oftast, tom i början. Det är alltså vårt jobb att sedan fylla siten med sidor och bilder, precis som en målare fyller duken med motiv och färger. 2.1 Skapa en ny site Efter att du har klickat på länken site kommer du att se en helt ny sida. Jag redan gjort två siter och jag ser här namnet på dessa och jag kan gå till dem genom att klicka på dem. Om det är första gången du är inne är det stor sannolikhet att sidan är tom. Klicka här för att skapa en ny site Översikt över siter 2.1.1 Välja tema För att du skall kunna skapa din site måste du ange om du vill använda dig av en tom mall eller ett tema. En tom mall innebär att du får en tavelram med en helt tom duk. Om du vill ha lite hjälp på vägen kan du klicka på Bläddra i galleriet efter mer och där hittar du exempel på stilar du kan använda dig av. Sida 3

2.1.1 Temamallar De färdiga mallar som finns är uppdelade i ett par olika kategorier, de till vänster på bilden. Men direkt när rutan dyker upp ser du mallen som gäller för lärarsidorna på Mörbyskolan. Klicka här för Mörbymallen Klicka här för andra mallar När du har valt den mall du vill välja klickar du på Välj eller Avbryt om du inte vill använda en temamall. 2.1.1 Namn och skapa site Innan siten går att skapa måste du ge den ett namn. Fyll i namnet på din site här Denna ruta fyller i sig själv! Nu är det bara att klicka på knappen Skapa som finns nästan längst upp i på sidan. Sida 4

3. ATT GÖRA ÄNDRINGAR I SITEN För du så lätt som möjligt skall kunna lära dig att göra ändring/lägga till material med mera, behöver du förstå vissa begrepp som Google Sites använder sig av. Därför kommer jag kort att gå igenom dessa först. 3.1 Hur är en site uppbyggt? Kommer du ihåg att vi använde oss utav bilden av en tavla i det förra kapitlet? Ja, klart du gör det förresten. Vi skall även denna gång använda oss av en liknelse men nu än mer konkret, nämligen en kropp. De flesta sidor på nätet är uppbyggda enligt denna princip: SIDHUVUD SIDPANEL SIDINNEHÅLL SIDPANEL SIDFOT Ni märker att kroppliknelsen inte är helt fel ute, även om det i Google Sites kallas för Sidpanel och inte Sidarm. Eftersom vi i Västvärlden läser från vänster till höger är det vanligast att man lägger menyer i den vänstra sidpanelen och ofta har man inte ens en sidpanel till höger, detta för att få mer plats över till rutan Sidinnehåll. 3.1.1 Sidhuvud I sidhudet brukar man ofta ha en rubrik av något slag även om det även här kan förekomma menyer på vissa sidor på nätet. Vanligt är också att man har en logotyp här, som Danderyds kommun. På din lärarsite finns ditt namn i lite större storlek i just sidhvudet. 3.1..1.2 Sidpanel Som jag redan har varit inne på brukar man i dessa områden hitta olika menyer. Framförallt är det menyer som gör att en besökare kan navigera sig runt på siten. För att fortsätta från kroppsliknelse så hittar vi det intellektuella här, själva hjärnan. Här kan du lägga till olika funktioner (vilket du kan läsa om i kapitel 4) och då kallas de för Sidofältsobjekt. Tyvärr har Google valt att inte använda det vanligaste namnet vilket är widgets, men det är samma sak. 3.1..1.3 Sidinnehåll Denna ruta är själva hjärtat i vår kropp. Det är i denna ruta som alla våra känslor visas även om det i vårt fall handlar om brödtext, bilder, information med mera. Sida 5

3.1..1.4 Sidfot Med risk för att låta lite vuxen väljer jag att säga att detta är en ruta som ni inte behöver bry er så mycket om. I sidfoten hittar man ofta länkar som är desamma oavsett vilket sida du är på, till exempel en text som visar vem som senast redigerade siten eller copyrightinformation. 3.2 Site och sida vad är skillnaden? De uppmärksamma av er, det vill säga alla, la märke till att jag i stycken ovanför helt plötsligt använde mig av ordet sida. Vad är då skillnaden mellan site och sida? Jo, om vi går tillbaks till vår tavelliknelse så är: Site = tavelramen Sida = det som vi ser på duken, i vårt fall det innehåll som vi gör och som sedan finns på siten. 3.3 Kommer du ihåg? Skriv rätt namn i rätt ruta. Alla rätt belönas med en gratis promenad till personalrummet! (och ett par uppmuntrande ord från Henrik) Sida 6

4. REDIGERA / LÄGGA TILL Bra jobbat! Du har redan kommit en lång bit på vägen och det är nu det roliga börjar! Innan vi fortsätter finns det dock en regel. Från och med nu är det förbjuder att säga jag kan inte. Negativa tankar leder till negativa resultat! Du kan, kanske inte direkt, men ordet inte är nu strikt förbjudet! Det finns olika sätt att redigera en sida. Jag kommer att lyfta två sätt i detta kapitel. 4.1 Redigera sidor När du skall redigera en sida klickar du dig fram till sidan på samma sätt som om du skulle besöka sidan. Då du ser sidan framför dig klickar du på ikonen som ser ut som en penna, i den högra övre delen av sidan. Du kommer nu se samma sida fast nu med stödlinjer och olika boxar med till exempel text.- För att ändra något i dessa rutor behöver du bara klicka i rutan och göra de ändringar du vill, till exempel lägga till eller ta bort text. I den övre delen av fönstret ser du dessutom denna nya meny: Steg bakåt Välj Textstorlek B = fet Skapa länk Textjustering Steg framåt teckensnitt I = kursiv U = Underst. Sida 7

4.1..1.1 Infoga Om du klickar på INFOGA, får du upp en helt ny meny med ett antal val. För en utförligare genomgång av vad alla saker betyder/gör kan du läsa mer om detta i kapitel 5. Jag kommer dock redan här att lyfta ett par av valen. Klicka här för att lägga till en bild på din sida Klicka här för att lägga till en linje som fungerar som en avskiljare mellan till exempel stycken. 4.2 Redigera sidpanelen När du skall redigera sidpanelen skiljer det sig lite mot det förra sättet. Istället för att klicka på ikonen med en penna klickar du istället på texten Redigera sidpanel. Sida 8

Du kommer då att se ett nytt fönster som påminner en del om den bild jag ritade upp i kapitel 3, det som jag liknade vid en kropp. Här redigerar du allt som finns i sidpanelen. En sådan här ruta kallar vi för block Klicka här om du vill lägga till ny block i din meny. 4.2.1 Redigera / ta bort ett block På bilden ovan ser du att det finns två block. Båda är av typen navigering. Om du vill ta bort ett block klickar du bara på Ta bort. För att redigera är det lika logiskt och du behöver bara klicka på Redigera. Sida 9

Här kan du ändra titeln på blocket om du vill kalla den för något annat. Här visas alla sidor som syns i din meny Klicka på pilarna för att flytta en länk upp eller ner i ordningen eller göra indrag så att det blir en undermeny. Klicka på X för att ta bort en länk. Klicka här om du vill lägga till sidor (redan existerande) i din meny eller om du vill lägga till en länk till en annan sida på Internet. 4.3 Redigera sidmall En hel del sidor kommer du säkerligen vilja ha exakt samma utseende på. Om du till exempel har skapat en design på en sida och vill kunna använda samma tänk igen utan att behöva göra allt arbeta igen. För att göra detta gör du först en sida (designa och lägg till saker på exakt det sätt du vill ha det). Därefter klicka du på knappen Mer, som du hittar upp till höger på skärmen. Sida 10

Den meny som då dyker upp ser ut så här: IKT i ett elevperspektiv Klicka här för att spara din sida som en sidmall Klicka här om du vill redigera en sidmall som du har gjort. Döp din sidmall till något logiskt. Skriv gärna en beskrivning om vad sidmallen innehåller. Sida 11