I.site Webbsidesverktyg handledning

Transkript

1 I.site Webbsidesverktyg handledning Ingela Ek IT-pedagogisk utveckling Barn- och ungdomsförvaltningen Botkyrka kommun Senast uppdaterad 2007 Välkommen som webbredaktör till Botkyrka kommuns hemsidor Logga in på adressen: Fyll i ditt Användarnamn och Lösenord ingela.ek@botkyrka.se document.doc 1/9

2 När du loggat in ser vyn ut så här: Trädmeny med mappar och sidor Mappar Arbetsyta Sidor Mappar till vänster och sidor till höger Mappar som man skapar hamnar i menyn till vänster på den färdiga hemsidan. För många mappar på en hemsida ger ett svåröverskådligt intryck. Begränsa alltså antalet mappar diskutera tillsammans i ditt lokala webbråd vilka mappar ni ska ha och hur de ska döpas för att göra det lättnavigerat för besökaren. När du fått din mapp att arbeta i, ska du börja med att markera den vita sidan som är knuten till mappen. Det du skriver i den sidan blir mappens förstasida. Så här: ingela.ek@botkyrka.se document.doc 2/9

3 Redigera en sida Klicka på <Redigera> i verktygsraden. Fyll i de olika fälten: Titel Skriv här en kort informativ rubrik Ingress Skriv här någon kort rad som på ett bra sätt puffar för det du vill berätta om Brödtext Skriv här det som är sidans innehåll, dvs mer utförlig text. Titel och Ingress kan du fylla i på vanligt sätt. För att skriva i brödtextfältet dubbelklickar du i Brödtextfältet eller högerklickar och väljer <Redigera>. Avsluta brödtexten med <Uppdatera>, en knapp längst ner i brödtextrutan som du arbetar i. På den plats i listen där det förut stod <Redigera> står det nu <Spara>. Klicka där och du har gjort din första sida. Lägga till ny sida När du sedan vill skriva fler sidor klickar du på knappen uppe i vänster verktygsfält: ingela.ek@botkyrka.se document.doc 3/9

4 Nu kan du välja vilken layout du vill använda. i.site visuell Överst finns valet <i.site visuell>. i.site visuell är enkel att redigera, men i gengäld kan du inte göra lika många olika val som du kan göra med i.site klassisk. Men det är du som väljer! Den är lätt att använda och påminner delvis om att redigera i Word. Om vi istället väljer <i.site klassisk> får vi en mall som vi känner igen! Fyll i textrutorna på samma sätt som du gjorde med den ursprungliga sidan. Glöm inte att klicka på <Uppdatera> när du skrivit klart i brödtextfältet. ingela.ek@botkyrka.se document.doc 4/9

5 Bilder Lägger till bilder gör du i flera moment. Du har en flik som heter <Mina filer> i det högra verktygsfältet. Här ska du placera dina bilder för att sedan använda dem på sidan. När du klickat på <Mina filer> ser du en grön pil som pekar uppåt. Klicka på den! Du får nu en ruta där du ska fylla i lite uppgifter. Men först ska vi hitta bilden på vår dator. Var finns den? På datorn, på en CD-skriva Leta genom att klicka på <Bläddra>. När du letat upp din bild ska du också alltid skriva i fältet <Alternativtext>. Det är ett viktigt fält att fylla i, det är ett krav att du som arbetar med kommunens hemsida, fyller i det fältet med en text som så bra som möjligt beskriver bilden. <Beskrivning> fyller du i om du vill. Ett vanligt sätt att använda den raden är att skriva namnet på fotografen t ex. Men den raden kan du också hoppa över om du vill. ingela.ek@botkyrka.se document.doc 5/9

6 Bilden till sidan Nu ska bilden in på din sida! Gå tillbaka till fliken <Webbsidor>. Klicka på <Redigera> Ställ pekaren i brödtextfältet och högerklicka. Du får nu upp en meny där ett av valen är <Lägg till efter>. Vi väljer det och går med pekaren rakt ut till den nya menyn som dyker upp och väljer där <Bild>. Du får ett nytt fält som är kodat för bild. Dubbelklicka i det fältet på samma sätt som du gjorde för brödtexten. ingela.ek@botkyrka.se document.doc 6/9

7 Du ska nu leta upp bilden du vill använda. Leta i <Mina filer> Klicka på bilden du vill ha. Klicka därefter på <Uppdatera> och därefter på <Spara> för att se hur din sida ser ut med bilden på plats. (När du sedan håller muspekaren över bilden i din färdiga publicerade sida, ser du alternativtexten som du skrivit in.) ingela.ek@botkyrka.se document.doc 7/9

8 Har du lagt till en text som hör ihop med bilden, finns den också med. Lägg till en webblänk Du inleder på samma sätt som tidigare dvs Klicka på <Redigera>-knappen Högerklicka i den senaste kodade fältet, bilden, brödtexten eller där du vill att din länk ska finnas. Välj <Lägg till efter> eller kanske <Lägg till före>. Gå rakt ut i den nya menyn som dyker upp och välj <Webblänk>. Dubbelklicka i det kodade fältet som dyker upp. ingela.ek@botkyrka.se document.doc 8/9

9 Fyll i fälten. Fältet <Länktitel> är det fält som motsvaras av Alternativtext när du laddade upp en bild. Det fältet är lika viktigt att fylla i som de andra fälten. Avsluta med <Uppdatera>. På liknande sätt kan du prova dig fram med de andra alternativen som finns under rubriken: <Lägg till före> och <Lägg till efter>. Prova dig fram och fråga mig på kursen eller en kollega när du behöver hjälp. Publicering När du är klar och har sparat publicerar du sidan genom att klicka på <Visa> i listen uppe till höger. Nu syns sidan för besökare på Internet. När sidan är publicerad har knappen ändrats till texten <Göm> Du kan på så sätt ångra publiceringen. Hur blev det? När din sida är publicerad kan du klicka på <Surfa hit>. Då får du upp ett nytt fönster där du får precis den vy som Internetbesökaren får. När du tittat klart kan du stänga ner den sidan utan att försvinna bort från ditt arbetsmaterial. <Surfa-hit>-sidan ligger som ett skal ovanpå din arbetsyta. Lycka till! önskar jag dig Ingela ingela.ek@botkyrka.se document.doc 9/9