Hur du gör ditt Gilles hemsida - en liten hjälp på vägen

Transkript

1 Hur du gör ditt Gilles hemsida - en liten hjälp på vägen Sidan 2 - Logga in Sidan 3 - Uppbyggnad av en sida Sidan 4 - Infoga länk Sidan 5 - Infoga bilaga Sidan 6 - Infoga bild Sidan 7-8 Vad betyder knapparna Sidan 9 - Några avslutande tips Kristina Furubacke 1

2 Gå till startsidan Klicka på medlem i översta raden och sedan i nästa fönster på logga in i menyn till vänster. Du kommer till en logga-in-sida. Fyll i ditt användarnamn (e-postadress) och lösenord. Tänk på att vara noga men stora och små bokstäver. Klicka på knappen logga in Du har nu kommit till CMS-Content Manager en startsida för Hushållningssällskapets portal. Här finns meddelanden från leverantören av hemsidan, tips, manualer mm. Till vänster på skärmen finns en ljusblå ruta med två alternativ, Logga ut och Redigera. Klicka på Redigera. Då får du upp nedanstående på skärmen. Det är här du lägger till och ändrar er hemsida. Lägg märke till knapparna Spara sida och Förhandsgranska sidan. Ta för vana att spara regelbundet under arbetet och genom att använda Förhandsgranska sidan kan du när som helst se hur din sida ser ut för besökare. Under rubriken Titel se till att namnet på ditt gille är ifyllt. Klicka på Förhandsgranska sidan och nu finns gillets namn i kursiv still till högen på gillets hemsida. Du behöver inte fylla i något i de övriga fälten. Gå nu ner till Innehåll på sidan - det är här du fyller i allt ditt innehåll på sidan. När du skapar eller uppdaterar en sida kommer du använda sidverktyget.. Verktyget är ett så kallat WYSIWYG-gränssnitt (What You See Is What You Get). Det betyder att det du ser i administrationen är så likt som möjligt det du ser på hemsidan. Avvikelser kan definitivt förekomma eftersom alla webbplatser är olika. Översta delen av sidverktyget är knappraden med alla funktioner för textformatering, bildinfogning och annat. Den nedre delen är platsen där du får fylla i innehållet. Glöm inte att spara sidan regelbundet och förhandsgranska gärna då och då för att se att det blir som du tänkt dig. När du är klar klicka på Logga ut. 2

3 3

4 Infoga länk Funktionen infoga länk används när du vill: flytta dig till en speciell punkt på din sida lägga in en e-post adress som användaren ska kunna klicka på för att skicka mail länka till en annan sida Ställ dig där du vill ha länken, klicka för att flytta markören och klicka sen på knappen Infoga länk. Fyll i och klicka sen på OK. 4

5 Infoga bilaga Funktionen infoga bilaga används när du vill kunna visa en bild eller ett dokument för den som klickar på länktexten. Ställ dig där du vill ha länken, klicka för att flytta markören och klicka sen på knappen Infoga bilaga. Fyll i och klicka sen på OK. När du använder infoga bilaga använd helst jpg-format för bilder och pdf-format för övriga dokument. Undvik helst word-dokument eftersom du inte kan vara säker på att dokumentet ser ut som du tänkt dig när någon annan öppnar det eller besökarna kanske inte har rätt version av Word. För att göra pdf finns flera gratis-program tillgängliga på internet ex. från 5

6 Infoga bild Funktionen infoga bild används när du vill kunna visa en bild på din sida. Ställ dig där du vill ha bilden, klicka för att flytta markören och klicka sen på knappen Infoga bild. Fyll i och klicka sen på OK. Bilder från en kamera behöver ofta fixas innan de kan användas på en hemsida. Det finns en uppsjö av olika program att välja på. Ofta behöver upplösningen ändras för att inte bilden ska ta onödigt stor plats. Många bildprogram har speciella funktioner för att spara bilder i lämplig storlek för webben. Ett par väl valda bilder gör din sida trevlig att se på. Vill ni ha mycket bilder, ett fotoalbum, är det bättra att lägga upp bilderna i ett fotoalbum (finns flera gratis på nätet) och lägga in en länk till albumet. 6

7 Alla knappar och deras funktioner Källa Om du är van att skriva HTML kan du göra det i sidverktyget. Att skriva HTML kan ge mer kontroll över var innehållet hamnar på sidan, men är mycket mer omständigt än att använda WYSIWYGgränssnittet. Klicka på knappen för att växla till HTML-läge och tillbaks. Du kan byta läge när du vill utan att spara, men kom ihåg att spara ofta... Sidmallar Vill du ha en annan layout på sidan än den vanliga så kan du välja en sidmall. Du kan beställa fler mallar om du vill ha något som du inte hittar i listan. Varning! Om du väljer en mall så förlorar du all information på sidan. Du kan markera och kopiera innehållet som du vill flytta till den nya mallen och sedan klistra in det igen när du valt mall. Klipp ut Markera först innehållet som du vill klippa ut. CTRL+C CTRL+V CTRL+Z CRTL+SHIFT Kopiera Markera först innehållet som du vill kopiera. Klistra in Ställ markören där du vill klistra in något som du kopierat eller klippt ut. Klistra in text Om du markerat både texter och bilder från ett dokument kan du använda den här funktionen för att rensa innehållet från bilder samtidigt som du klistrar in texten Klistra in från Word Det är praktiskt att använda Microsoft Word för att tillverka innehåll till hemsidan, du får hjälp med språket och du känner till funktionerna. När du klistrar in text som är formaterad i Word hänger formateringen med, men det är inte säkert att det blir bra på hemsidan. Använd den här funktionen för att klistra in texten utan att få med formateringen från Word, eller använd knappen "Radera formatering" för att få texten att se likadan ut som resten av hemsidan. Ångra Du kan ångra i fler steg. Gör om Om du ångrat, men vill göra samma sak igen. Går att göra i fler steg. Sök Leta upp ett specifikt ord eller mening i innehållet Sök och ersätt Byt ut ett ord eller en fras med något annat. Markera allt innehåll CTRL+A Radera formatering Fet stil CTRL+K Kursiv stil 7

8 CTRL+U Understruken stil Exempel Använd mycket sparsamt eftersom understruken text generellt är länkar på webbsidor. Klicka igen på knappen för att ta bort. Genomstruken text Nedsänkt tecken Upphöjt tecken Numrerad lista Icke numrerad lista Minska indrag Öka indrag Vänsterjustera Fungerar även på bilder och andra objekt på sidan. Centrera Fungerar även på bilder och andra objekt på sidan. Högerjustera Fungerar även på bilder och andra objekt på sidan. Marginaljustera Fungerar bäst på text. Noggrannare arbete med texten krävs för att det inte ska bli för stora mellanrum mellan orden. Avstavning sker manuellt. Infoga tabell Horisontell linje Klistra in utökat tecken Här hittar du copyright-tecken och andra ovanliga symboler Sidbrytning Gör att utskriften fortsätter på nytt papper. Fungerar ibland och är beroende av besökarens skrivare och webbläsare. Universellt tangentbord Om du behöver arabiska, grekiska eller andra språks teckenuppsättningar. Teckenformat Sätt rubriker, mellanrubriker och andra färdigdefinierade format med den här listan. Rubrikerna kommer automatiskt att se ut som mallen bestämmer. Teckenfärg Teckenbakgrundsfärg Infoga länk Länka till en annan sida på din sajt, en annan webbplats eller till en e-postadress. Infoga bild Du kan ladda upp en bild från din dator eller välja en som ligger i bildbanken. Infoga bilaga Du kan ladda upp en bilaga från din dator eller välja en som ligger i bilagebanken. 8

9 Några avslutande tips på vägen: Krångla inte till din sida. Allt för mycket olika stilar, färger, bilder etc. ger bara ett förvirrat intryck. Använd så långt som möjligt den standardformatering som finns inlagd och använd teckenformaten normal, Rubrik 1 och Rubrik 5 Tangenten enter ger ett nytt stycke dvs. en ny rad + en extra blankrad. Vi du bara ha en ny rad så använd shift + enter Före och efter rubrik ska du använda enter Om du har hållt på för mycket med olika format, rubriker etc. och du tycker att texten gör som den vill så kan det vara bra att rensa bort all formatering och börja om. Markera texten och klicka på knappen radera formatering suddgummit Om du skriver texten i Word och kopierar in på din sida så använd knappen Klistra in från Word annars kan oväntade saker hända. Gör inga avstavningar i dina texter. Texten justeras automatiskt beroende på hur bred skärm och upplösning dina besökare har. Håll sidan vid liv - uppdatera ofta. Tänk på att ni kan vara flera stycken som delar på jobbet att uppdatera sidan. Ha kul - om hemsidan blir en börda lämna den till någon annan eller ha bara grundinformation på sidan. 9