Lathund för redigering av Falkenbergs gymnasieskolas hemsidor

Transkript

1 Lathund för redigering av Falkenbergs gymnasieskolas hemsidor Börja med att logga in på hemsidan Adress: Klicka på nyckeln. Skriv i användarnamn och lösenord, använd samma användarnamn och lösen som i FirstClass. Klicka dig vidare till den sida du vill redigera, eller utgå ifrån för att skapa en ny sida. Klicka sedan på den gröna punkten. De olika verktygen = ny sida 2= spara 3= publicera 4= förhandsgranska 5= återgå till visningsläge 6= lägg till text 7= lägg till bild 8= lägg till tabell 1

2 Webbsidans delar Webbsidan är uppbyggd kring ett antal olika stuprör i vilka du kan lägga in ditt innehåll. Vänsterspalt: Kan du inte redigera. Mittspalt: Kan du redigera. Högerspalt: Kan du redigera. Sidhuvud: Kan du inte redigera. Innehållsfönstret i redigeringsläget visar sidans olika byggblock De olika delarnas inbördes ordning visar den ordning de kommer att återfinnas i på sidan. 2

3 Lägg till text Sätt markören på Mittenspalt eller precis ovanför den plats du vill ha texten. För att skapa en textruta klicka på A i menyraden. Skriv texten i rutan och välj rätt utseende. Avsluta med att klicka på OK. 3

4 Lägg till bild Sätt markören på Mittenspalt eller precis ovanför den plats du vill ha bilden. För att skapa en bildruta klicka på bildsymbolen i menyraden. Fönstret Inställningar för Bild dyker upp på skrivbordet. Markera mappen Bilder på sidan och klicka på Lägg till bild. Hämta dina bilder från t.ex skrivbordet eller från fil där du har sparat dina bilder. När bilden laddats upp klickar du på OK och får därefter uppmaningen att fylla i en bildbeskrivningstext. Gör detta och tryck sedan OK. OBS! SE TILL ATT BILDERNA ÄR SPARADE MED RÄTT FORMAT OCH NAMN FÖR HEMSIDA. SE SEPARAT LATHUND. 4

5 Lägg till tabell Tabellverktyget är lämpligt att använda om du vill infoga ett dokument i tabellform, gjort i t.ex. excel. För att skapa en tabellruta, gör på samma sätt som med textrutan. Lägg till tabell Fönstret Inställningar för tabell dyker upp på skrivbordet. Kopiera dokumentet du vill infoga. Klicka i ruta 1. Välj redigera - klistra in. Avsluta med att klicka på OK 5

6 Skapa ny sida För att skapa en ny sida ska du befinna dig på den sida du vill bygga vidare på. Klicka på ikonen för ny sida. Ny sida Fönstret Inställningar för tabell dyker upp på skrivbordet. Namnge den nya sidan. Välj mall: Vanlig sida eller Bred sida. Klicka på OK. Nu har det blivit en ny sida under den sida du markerade tidigare. 6

7 Att ändra ordning på text och bild Om du vill ändra den inbördes ordningen på text- och bildobjekt, sker detta i Innehåll. Du håller ner SHIFT samtidigt som du klickar och drar bilden eller textens ikon till dess nya läge. 7

8 Anpassa text och bild Om du vill att texten under bilden skall flöda runt bilden högerklickar du på ikonen för bilden i innehållsfältet. Välj sedan Egenskaper. Klicka på Utseende och välj sedan i menyn Flöde. Flöda höger om bilden skall ligga i vänsterkanten. Flöda vänster om bilden skall ligga i högerkanten. Tryck sedan på OK. Texten under bilden har nu flyttat upp och flödar runt bilden. 8

9 Anpassa text och bild Om du upplever att texten kommer för nära bilden kan du justera detta genom att högerklicka på ikonen för bilden i innehållsfältet. Välj sedan Egenskaper. Klicka på Allmänt och justera sedan avstånd (CSS paddings) på de sidor av bilden som ar aktuella. Siffran anger antal pixlar vilka läggs som mellanrum mot texten. Avsluta med att klicka på OK. Resultatet blir en bredare marginal på den aktuella sidan av bilden. 9

10 Mått på bildobbjekt När du skall lägga in bilder på sidan är det viktigt att du har rätt storlek på dem. Bilden nedan visar breddmåtten på bilder i mittspalten, högerspalten samt för två bilder till bredds i mittspalten. Bredd 350 pixlar Bredd 190 pixlar Bredd 170 pixlar Bredd 170 pixlar Om du väljer Bred sida blir den maximala bredden på en bild 560 pixlar. 130x100 pixlar Specialmallen Personal innehåller en bildmodul för porträttbild. Måtten på denna bild är 130x100 (HxB). 10

11 Lägga objekt i bredd Om du vill placera två bilder i bredd, måste du lägga till en ny Layout. Börja med att markera den aktuella bilden i Innehåll. Högerklicka på bilden, välj Dela och Kolumnvis Detta gör att mittenspalten byter håll och börjar lägga objekt bredvid varann istället för under varann. Du ser detta i Innehåll på den gula ikonen Layout. För att lägga till en bild bredvid den första, markerar du bilden under Layout och klickar på nytt bildobjekt. Vill du sedan återgå till den ursprungliga ordningen, markerar du Mittenspalt och väljer det nya objekt du vill placera in. Objektet hamnar i den ursprungliga strukturen. 11

12 Skapa luft mellan objekt i en layout När du lagt till en layout för att placera objekt bredvid varann, ser du att objekten hamnar precis intill varann utan någon luft emellan. Du åstadkommer luft genom att skapa ett mellanrum mellan objekten. Högerklicka på Layout i Innehåll och välj Egenskaper. Egenskaper för layout kommer fram välj fliken Inställningar och justera därefter värdet vid Mellanrum (10 pixlar passar bra om du använder två bilder som är vardera 170 pixlar breda jämte varann). Resultatet blir i fallet ovan att en 10 pixlar bred luftspalt skapas mellan objekten. 12