Manual för Vikaris 4.6

Transkript

1 Manual för Vikaris 4.6

2 Innehåll Ordförklaringar... 4 Om Vikaris... 5 Systemkrav... 5 Komma igång med Vikaris... 5 Kontrollpanelen... 7 Startsidan... 8 Sidor... 8 Skapa ny sida... 8 Huvudsida... 8 Undersida... 9 Redigeringsläget Ändra säkerhetsinställningar i Internet Explorer Redigeringsverktyget Ta bort sida Redigera sida Sortera sidor Skapa lösenordsskyddad sida Sidtillägg Skapa nytt sidtillägg Ta bort sidtillägg Redigera sidtillägg Gallerier Galleribilder Ladda upp bilder Redigera galleri Nyheter Lägg till nyhet Ta bort nyhet Redigera nyhet Gästboken Hemsidan Bilduppladdning Verktyg Användare Statistik

3 Manual Logga ut Timer Redigeringsverktyget Hantera bilder Slumpa fram en bild Infoga en befintlig sida från Vikaris Infoga pdf-fil Infoga Flash-film Infoga YouTube-klipp Infoga MP3-ljudfiler Infoga sidtillägg Infoga länk Extern länk Skicka e-post Intern länk Infoga tabell Kodupprensning CSS-klass Egna anteckningar:

4 Ordförklaringar Administratör Person som uppdaterar och redigerar webbplatsen. Arbetsfält Ytan som är redigerbar på hemsidan. Dynamisk En dynamisk webbplats är interagerande, rörlig och föränderlig. Indexering Sortering och registrering av innehåll eller egenskaper på webbplatsen i syfte att erbjuda goda sökresultat. Länk Ett objekt som tar dig till en annan webbsida eller till en intern sida. Objekt Texter eller bilder på webbplatsen. Omskalning Ändring av bild- och filstorlek. Anpassning av bilder för webbpublicering. Popup En sida som öppnas ovanpå en redan skapad sida. Publicerad En publicerad sida är en publik sida, dvs. att alla besökare kan se den. Redigera Att jobba med sidan på något sätt ändra, justera, lägga till, ta bort information. RSS RSS används för att visa sammanfattande eller fullständigt innehåll på en webbplats tillsammans med en länk till ursprungsplatsen som informationen hämtas från, det kan vara till exempel nyheter. Tumnagel En liten galleribild som går att klicka på för att se en förstoring av bilden. Webbläsare Det program du använder för att surfa på Internet med, exempelvis Microsoft Internet Explorer eller Mozilla Firefox. Webbplats Själva hemsidan med alla sidor och all information som en besökare ser. Ett annat ord är sajt (från engelskans ord site ). Språkmodul Hemsidan med alla sidor och all information kan presenteras på olika språk. Sidan känner automatiskt av vilket standardspråk besökaren har inställt i sin webbläsare och presenterar sidorna du har tillverkat på angivet språk. 4

5 Välkommen till Vikaris ett program från Vikab Om Vikaris Vikaris är ett program som ska hjälpa dig att administrera och redigera din webbplats. Vem som helst som använder Vikaris som bas för sin webbplats kan redigera och ändra sin sida själv, när som helst och var som helst med en Internetuppkopplad dator. Webbplatsen blir helt dynamisk. Systemkrav Du behöver Microsoft Internet Explorer 7 eller senare version för att kunna jobba med Vikaris på bästa möjliga sätt. Du kan ladda ned Microsoft Internet Explorer från Komma igång med Vikaris För att kunna redigera webbplatsen med Vikaris måste du logga in till Vikaris via din webbplats. Surfa in på din webbplats via till exempel Internet Explorer. Lägg till /admin/ bakom din Internetadress, exempelvis Sedan skriver du in användarnamn och lösenord i fälten som visas. Användarnamnet och lösenordet får du av Vikab. Klicka på Logga in. Nu är du inloggad i Vikaris administration. 5

6 Det här är administrationens hem. Här ser du Vikabs kontaktuppgifter, via formuläret kan du även skicka ett meddelande till oss på Vikab. Du kan också ladda ner manualen för Vikaris och ta del av våra tips och råd. Finns din webbplats på något annat språk kan du enkelt byta mellan språken genom att klicka på flaggorna i övre vänstra hörnet. Du kan gå tillbaka till Vikaris startsida när du vill genom att klicka på logotypen eller länken hem. 6

7 Kontrollpanelen Kontrollpanelen är menyn till vänster på Vikaris hem med olika alternativ för redigering av webbplatsen. Kontrollpanelen använder du nästan hela tiden när du arbetar med Vikaris. Observera att vissa funktioner inte ingår i grundutförandet. Klicka på rubrikerna Sidor, Sidtillägg, Gallerier och Nyheter så visas följande: Hem Vikaris startsida med kontaktuppgifter till Vikab, möjlighet att ladda ner manual, tips och råd m.m. Sidor Skapa, ta bort, redigera och sortera nya huvud- eller undersidor. Här kan du också redigera startsidan. Sidtillägg Skapa, ta bort och redigera sidtillägg på en befintlig sida. Gallerier Ladda upp dina bilder till galleriet och redigera dina gallerier. Nyheter Lägga till, ta bort och redigera en nyhet i nyhetslistan. Gästboken Moderera gästbokens inlägg. Hemsidan Öppna din hemsida i ett nytt fönster. Bilduppladdning Ladda upp bilder för automatisk omskalning. Verktyg Verktyg för webbplatsens struktur och sidor. Användare Redigera Vikaris-användare. Statistik Besöksstatistik på din hemsida. Manual Manualen för Vikaris i PDF-format. Logga ut Logga ut ur Vikaris och gå tillbaka till inloggningssidan. Timer Nedräkning till automatisk utloggning. 7

8 Startsidan Klicka på Sidor och sedan Startsidan om du vill redigera text, bilder m.m. på den publika startsidan på din webbplats. Mer information om redigering finns under rubrikerna Redigeringsläget och Redigeringsverktyget. Sidor Det finns huvudsidor och undersidor. Huvudsidor är de sidor som är synliga i menyn bredvid startsidans rubrik. Rubriker som Om företaget, Referenser och Kontakt kan vara en huvudsida. Varje huvudsida kan ha undersidor. Miljöpolicy kan vara en sådan undersida till huvudsidan Om företaget. Skapa ny sida Klicka på Skapa ny sida. Du väljer här om du vill skapa en ny huvudsida eller en ny undersida. Huvudsida Skriv in ett namn på din nya huvudsida och klicka sedan på Lägg till. 8

9 Undersida Välj den huvudsida som du vill skapa en ny undersida till genom att klicka på den. Skriv in ett namn på din nya undersida och klicka sedan på knappen Lägg till. Viktigt! Det måste finnas en huvudsida för att du ska kunna skapa en undersida. 9

10 Redigeringsläget När du döpt din nya huvud- eller undersida kommer du till ett redigeringsläge. 1. Sidans titel Sidans titel visas i webbläsarens rubrikrad. 2. Sidans namn Skriv önskat namn för sidan. Namnet visas som klickbar länk i menyn på din webbplats. 3. Publicera sidan Om du vill visa sidan publikt på webbplatsen efter att du har skapat och sparat din sida ska du bocka i rutan Publicerad. Du kan även vänta med att publicera sidan och gå tillbaka och markera rutan vid ett senare tillfälle. 4. Förhandsgranska Klicka på knappen för att förhandsgranska hur en sida kommer att se ut när den blir publicerad. Tänk på att du måste spara innan du förhandsgranskar sidan. 10

11 5. Sökbarhet Om du vill att sidan ska vara sökbar i sökfunktionen på din webbplats, ska du bocka i rutan Sökbar. Sökfunktion är en extra funktion. Kontakta oss på Vikab för att koppla på funktionen på din webbsida. 6. Sökord Sökord är ord som sökmotorerna (till exempel Google) använder sig av för att indexera din webbplats. Här skriver du ord som är så specifika och relevanta som möjligt för din verksamhet. Ett sökord kan vara antingen ett enskilt ord eller en fras med flera ord. OBS: Separera sökorden med kommatecken. Tänk också på att orden bör förekomma i texten på den aktuella sidan. Ett exempel på hur sökorden för ett grävföretag i Göteborg skulle kunna se ut: Företaget AB, Göteborg, Västra Götaland, grävning, schaktning, dränering, dränera runt huset, grävmaskiner, enskilda avlopp. 7. Beskrivning Här ska du ge en kortfattad information om innehållet på den aktuella sidan. Texten ska vara så specifik och relevant som möjligt. Exempel: Företaget AB i Göteborg kan hjälpa dig med grävning och schaktning i Västra Götaland. 8. Meddelanderuta Meddelanderuta är ett nedfallande sidtillägg som till exempel kan visa ett viktigt meddelande eller en hälsning till besökaren. Du ställer enkelt in om den ska visas vid varje sidvisning på hemsidan, vid första besöket eller om det inte ska visas alls. Meddelanderutan knyter du till ett sidtillägg, så för att du ska kunna använda denna funktion behöver du först skapa ett sidtillägg som innehåller det du vill ska visas. 9. Arbetsfältet Klicka med markören i redigeringsverktygets arbetsfält och skriv in texten du vill ska visas på sidan eller infoga bildgallerier du skapat, skapa tabeller m.m. Se vidare under avsnittet Redigeringsverktyget på sidan 32. Glöm inte att spara genom att klicka på ikonen som ser ut som en diskett. 11

12 Ändra säkerhetsinställningar i Internet Explorer När du klistrar in objekt, som du kopierat från ett annat dokument, i arbetsfältet, kan säkerhetsinställningarna i Internet Explorer orsaka att den här varningsrutan visas: Du kan ta bort rutan permanent genom att klicka på Verktyg och sedan på Internetalternativ i rullgardinsmenyn. Klicka på fliken Säkerhet och sedan på knappen Anpassad nivå. 12

13 Leta upp rubriken Tillåt tillgång till Urklipp via program i rullgardinsmenyn och markera Aktivera. Klicka på OK. Följande varningstext visas: Klicka på Ja och sedan på OK. Redigeringsverktyget Arbetsfältet, menyraderna med ikoner och rullgardinsmenyerna som visas i redigeringsläget kallas redigeringsverktyget. Du hittar förklaringar till redigeringsverktyget under rubriken Hjälpsida för redigeringsverktyget på sidan 32 i manualen. Ta bort sida Du klickar på Ta bort sida när du vill ta bort en sida. Välj sedan om du vill ta bort en huvudsida inklusive alla undersidor eller endast en undersida. 13

14 Beroende på vilken typ av sida du valt att ta bort visar sig någon av dialogrutorna: Markera sidan du vill ta bort och klicka sedan på Ta bort. Viktigt! Tar du bort en huvudsida så raderas automatiskt alla undersidor till den. Redigera sida När du vill ändra någon av dina sidor klickar du på Redigera sida. Välj sidan du vill redigera och klicka på Redigera. Du kommer sedan till redigeringsläget. 14

15 Sortera sidor Om du vill byta plats på dina sidor i menyn klickar du på Sortera sidor. Välj om du vill sortera huvudsidor eller undersidor. Markera vilken sida du vill flytta upp eller ned. När du vill sortera undersidor markerar du först den huvudsida som undersidorna ligger under. 15

16 Skapa lösenordsskyddad sida När du vill göra en sida lösenordskyddad så att besökaren måste skriva in ett lösenord för att komma in på just den sidan, skriver du koden <!--[lösenord]--> framför namnet på sidan i fältet Sidans namn, till exempel <!--[lösenord]-->sidansnamn. Lösenordet är det ord som står mellan klamrarna och du väljer själv vad du vill ha som lösenord. Det går att ha flera lösenord genom att separera dem med semikolon, till exempel <!--[lösenord1;lösenord2;lösenord3]-->sidansnamn. På så sätt kan olika personer ha olika lösenord till en inloggningssida. Så här ser det då ut på utsidan. 16

17 Sidtillägg Ett sidtillägg kan även användas på många olika sätt, till exempel infogad på en sida som sidfot med kontaktinformation, extra meny eller annan återkommande information så du slipper uppdatera samma information på flera olika sidor. Det kan också användas till att förstora en bild, aktivera en meddelanderuta på en sida eller för att visa extra information i en ljusbox. Skapa nytt sidtillägg När du vill skapa ett sidtillägg klickar du på Skapa nytt sidtillägg. Skriv in ett namn på sidtillägget och infoga det innehåll du vill använda. Glöm inte att spara. 17

18 Sedan går du till Redigera sida för att välja sida där du vill visa ditt sidtillägg. Markera det du vill att besökaren ska klicka på för att sidtillägget ska visas. Klicka sedan på rullgardinsmenyn Länkar i arbetsfältet och välj ditt sidtillägg. Ta bort sidtillägg Du klickar på Ta bort sidtillägg när du vill ta bort ett sidtillägg. Redigera sidtillägg När du vill ändra något sidtillägg klickar du på Redigera sidtillägg. 18

19 Gallerier Alla bilder som ska användas på webbplatsens sidor måste du ladda upp i Vikaris. Galleribilder Klicka på Galleribilder och dina uppladdade galleribilder visas. Här kan du ladda upp fler bilder, skapa ett nytt galleri av de bilder du väljer genom att markera kryssrutorna, rotera markerade bilder och ta bort bilder. Systemet skyddar dig från att ta bort bilder som används i redan skapade gallerier. Tänk på att du döper om dina filer till korrekta filnamn innan du laddar upp bilder i Vikaris. Använd endast bokstäverna a-z, siffror 0-9 och _ i filnamn. Helst ska ett filnamn innehålla max 32 tecken förutom filnamnsändelsen till exempel exempel1.jpg. Filnamnen är även viktiga för sökmotorer så döp gärna filen efter innehållet på bilden. När du skapar ett galleri gör du så här: Börja med att ladda upp dina bilder. Systemet tar hand om bilderna en och en och förminskar dem om det är nödvändigt till webbanpassad storlek och rätt filformat. Efter uppladdningen öppnas Galleribilder. Rotera eventuellt de bilder som är felorienterade. Välj de bilder du vill använda i ditt galleri. Om du vill välja alla uppladdade bilder kan du klicka på kryssrutan till vänster om Filnamn/Storlek. Klicka på pilarna för att sortera bilderna på filnamn, storlek eller datum. Klicka på Skapa galleri. De bilder du valt blir grönmarkerade. Galleriet får automatiskt ett namn som du kan ändra genom att klicka på Inställningar. Här kan du även välja storlek på dina tumnaglar. 19

20 Galleribilder kan ha bildtexter knutna till sig. Om du vill redigera dem klickar du på Bildtexter. Varje bild har ett bildnamn och en bildbeskrivning. Bildnamnet visas under tumnageln och bildbeskrivningen visas när man klickat på tumnageln och den stora bilden visas. Under Sortera kan du sortera bilderna i galleriet genom att enkelt dra och släppa dem på det ställe du vill att de ska vara. Glöm ej att spara! För att infoga ett galleri på en sida, väljer du först att Redigera sida. Gå till den sida du vill redigera och ställ dig med markören i arbetsfältet där du vill infoga galleriet. I rullgardinsmenyn Objekt i redigeringsverktyget hittar du alla skapade gallerier. Klicka på namnet på det galleri du vill infoga på sidan. Tänk på att klicka på spara-knappen överst till vänster i redigeringsverktyget när du är klar! 20

21 Ladda upp bilder Här laddar du upp dina bilder till galleriet. Klicka på Lägg till och välj bilden eller bilderna du vill ladda upp till galleriet och klicka sedan på Ladda upp. Obs! Tänk på att ge bilderna bra namn innan du laddar upp dem till Vikaris - inne i Vikaris kan du inte ändra namn på de galleribilder du laddat upp. Det blir lättare för dig att hitta rätt bland bilderna inne i Vikaris om du har gett dem logiska namn. Det namn du gett en bild ligger också till grund för bildens s.k. ALT-text och titeltext, som bland annat har betydelse för sökmotorernas indexering av bilden. Därför är det bra om bildnamnet innehåller information om bilden. Exempel: En bild på en grävmaskin döper du lämpligen till grävmaskinens modellbeteckning (t.ex. volvo ew 160 ). Bilder i en bildserie som visar en nybyggnation döper du exempelvis till nybyggnation 1, nybyggnation 2, nybyggnation 3 o.s.v. Redigera galleri När du vill visa, ändra eller ta bort gallerier klickar du på Redigera galleri. Klicka på Redigera för att arbeta vidare med ett galleri du tidigare skapat. Du kommer då åt samma alternativ som när du skapade galleriet som till exempel lägga till eller ta bort bilder, skriva bildtexter, sortera bilderna med mera. 21

22 Nyheter Om du vill lägga till en nyhet eller kanske ett specialerbjudande på exempelvis startsidan på din webbplats kan du använda den här funktionen. Kontakta oss på Vikab för att aktivera nyhetsfunktionen på din webbsida. Säg till om du vill att det ska finnas med en RSS-feed så att andra kan prenumerera på dina nyheter. Såhär ser funktionen ut på utsidan. Lägg till nyhet Klicka på Lägg till nyhet. Skriv in den klickbara texten du vill ska visas på startsidan i Nyhetens rubrik. I arbetsfältet infogar du sedan valfritt innehåll. Glöm inte att spara! 22

23 Ta bort nyhet Du klickar på Ta bort nyhet när du vill ta bort en nyhet. Redigera nyhet Om du vill ändra en nyhet klickar du på Redigera nyhet. 23

24 Gästboken När du vill skapa en gästbok på en sida använder du rullgardinsmenyn Objekt i redigeringsverktyget och klickar på Klicka här för att infoga en gästbok. Kontakta oss på Vikab för att koppla på Gästboksfunktionen på din webbsida. En bild som representerar gästboken syns på sidan du redigerar. På din hemsida ser du nu ett gästboksformulär. 24

25 När någon gör ett nytt inlägg i gästboken skickar systemet ett meddelande till gästbokens administratör. I e-postmeddelandet finns två länkar. Den ena godkänner det nya gästboksinlägget och den andra raderar det. Klicka på ett av alternativen. Om du godkänner inlägget syns det genast i gästboken. Det går inte att svara på e-postmeddelandet eftersom det skickas via din hemsida. 25

26 Om du vill redigera din gästbok klickar du på menyalternativet Gästboken på administrationens startsida. I gästboksadministrationen kan du lista, svara, publicera, avpublicera och radera gästboksinläggen. Hemsidan Klicka här och din hemsida öppnas i ett nytt fönster med alla sidor och all information som besökarna ser. 26

27 Bilduppladdning Bilderna skalas om till en stor och en liten bild. Den stora bilden heter stor_ framför filnamnet och den lilla heter liten_. Storlekarna på stor respektive liten bild bestämmer du själv i textrutorna. Bilderna kommer att behålla sina proportioner men skalas om så att största måttet motsvarar det mått du valt. Du kan också göra följande val: Öka skärpan på bilderna du laddar upp. Pröva dig fram till det som är bäst för just dina bilder. Skapa sidtillägg av bilderna du laddar upp. Alla stora bilder kommer automatiskt att läggas upp som sidtillägg om du väljer det här alternativet. Sidtilläggen kan du redigera i efterhand via Redigera sidtillägg. Beskär de små bilderna till kvadratiskt format. Det kan vara till hjälp när du vill lägga flera små klickbara bilder bredvid varandra. Skapa miniatyr av bilderna du laddar upp innebär att du kan välja om du vill att det ska skapas miniatyrer av bilderna du laddar upp eller ej. 27

28 Efter uppladdningen får du ett meddelande att bilderna har laddats upp. För att lägga in en bild på en sida väljer du den sida du vill redigera under Redigera sida. Bilderna hittar du i rullgardinsmenyn objekt. Klicka på bilden för att infoga den på sidan. Om du vill ta bort bilder du laddat upp gör du det via ikonen Hantera bilder i redigeringsläget av sidorna. Obs! Tänk på att ge bilderna bra namn innan du laddar upp dem till Vikaris - inne i Vikaris bör du inte ändra bildnamnet, då länkningar kan bli felaktiga. Det blir lättare för dig att hitta rätt bland bilderna inne i Vikaris om du har gett dem logiska namn. Det namn du gett en bild ligger också till grund för bildens s.k. ALT-text och titeltext, som bland annat har betydelse för sökmotorernas indexering av bilden. Därför är det bra om bildnamnet innehåller information om bilden. En bild på en grävmaskin döper du till exempel lämpligen till grävmaskinens modellbeteckning (t.ex. volvo ew 160 ). 28

29 Verktyg Publicering/sökbarhet Här ser du en översikt över vilka sidor i Vikaris som är publicerade på din webbplats och vilka som är sökbara genom sökfunktionen på din webbplats. Här kan du också ändra status för varje sida, d.v.s. publicera/avpublicera sidor och aktivera/inaktivera sökbarheten för sidor (detta kan du också göra i redigeringsläget för respektive sida). Glöm inte att spara. Sökfunktion är en extra funktion. Kontakta oss på Vikab för att koppla på funktionen på din webbsida. Om du klickar på visas en ruta med information om sidan. Uppdatering av Skriv ut -funktionen I sidfoten på varje sida på din webbplats finns en Skriv ut -funktion. Om utskrifts- PDF:erna inte ser riktiga ut kan du uppdatera dem här. Det kan exempelvis behövas om du byter namn på en sida. De flesta uppdateringar sker dock automatiskt. Gallericachen För att det ska gå snabbt att jobba i Vikaris, även när du har väldigt mycket galleribilder, lagras information om bilderna. Om galleribilderna inte laddas korrekt behöver du tömma gallericachen genom att klicka på knappen uppdatera. 29

30 Användare Här kan du skapa nya användare i Vikaris och redigera befintliga användare. Klicka på Skapa ny användare och du ser formuläret nedan. 1. Namn Fyll i för- och efternamn. 2. Beskrivning Här kan du skriva information om användaren. 3. Användarnamn Här skriver du användarnamnet du vill använda vid inloggning. 4. Lösenord Här skriver du lösenordet du vill använda vid inloggning. 5. Spara 30

31 Statistik Här kan du se avancerad besöksstatistik för din webbplats. Manual Klicka här för att ladda ned manualen för Vikaris i PDF-format. Logga ut Här klickar du för att logga ut ur Vikaris och gå tillbaka till inloggningssidan. Tänk på att alltid logga ut efter att ha redigerat sidan så att ingen obehörig får tillgång till Vikaris. Timer Längst ned på kontrollpanelen finns en timer som räknar ned till automatisk utloggning. Vikaris har en inbyggd tidsgräns för hur länge en användare får vara inaktiv mot webbservern. Från och med att du börjar arbeta med sidan har du 90 minuter på dig att spara sidan. Timern färgas röd när det är fem minuter kvar tills tidsgränsen är nådd. Med tanke på tidsgränsen är det bra om du först skriver texten lokalt i något program på din dator, när du ska skapa en ny sida på din webbplats. Tänk på att när du kopierar text från ett ordbehandlingsprogram som Microsoft Word ska du använda knappen Klistra in från Word så att inte teckensnitt och storlek följer med texten. Det kan förstöra sidans grafiska profil. Om du använder Anteckningar går det att kopiera texten rakt av, då följer inga formateringar med. 31

32 Redigeringsverktyget Ikon Menyalternativ Funktion och beskrivning Spara Spara dina ändringar Hjälp Visa den här sidan Sök och ersätt Sök och ersätt text i arbetsfältet Anpassa till fönster Växla till helskärmsvy Kodupprensning Städa bort överflödig kod Klipp ut Klipp ut markering Kopiera Kopiera markering Klistra in Klistra in i arbetsfältet Klistra in ren text Klistra in vanlig oformaterad text i arbetsfältet Klistra in från Word Klistra in från Word och rensa bort överflödig formatering Radera Ta bort markerat objekt Ny Radera hela sidan (kan enkelt ångras) Ångra Ångra din senaste åtgärd Gör om Gör om tidigare ångrad åtgärd Synliga stödlinjer för tabell Visa/dölj stödlinjer för tabeller (stödlinjer gör redigeringen enklare) Infoga lager Infoga ett lager Infoga gruppbox Infoga en gruppbox på önskad position för att gruppera objekt Absolut positionering Designa text, bilder, tabeller m.m. med valfri placering Flytta framåt Placera markerat innehåll framför Flytta bakåt Placera markerat innehåll bakom Ramformatering Ändra utseende på en ram Infoga bild Infoga bild från bildgalleriet; ladda upp bilder Hantera bilder Ladda upp, infoga eller ta bort bild, tillåter dig att ändra egenskaper Infoga Flash Infoga en Flash-animation; tillåter dig att ändra egenskaper Infoga Media Infoga ett Windows Media-objekt; tillåter dig att ändra egenskaper Filarkiv Infoga en länk till ett uppladdat dokument på servern: PDF, Flash-film (se avsnittet infoga Flash i manualen), DOC, ZIP m.m. Klistra in YouTube Embed-kod Lägg in ett YouTube-klipp på din hemsida genom att bädda in koden Infoga länk Infoga länk Radera länk Ta bort länken från markerat område Infoga ankare Infoga ett ankare för att länka till ett stycke i texten på din hemsida 32

33 Infoga bildkarta Infoga en bild med markerade områden med klickbara länkar Infoga linje Infoga horisontell linje Infoga nummerlista Infoga en numrerad lista Infoga punktlista Infoga en punktlista Infoga tabell Infoga tabell Infoga rad ovan Infoga tabellrad ovanför markerad tabellrad Infoga rad nedan Infoga tabellrad nedanför markerad tabellrad Ta bort rad Ta bort den markerade tabellraden Infoga kolumn till vänster Infoga kolumn till vänster om den markerade cellen Infoga kolumn till höger Infoga kolumn till höger om den markerade cellen Ta bort kolumn Ta bort den markerade kolumnen Infoga cell Infoga cell i den markerade raden Ta bort cell Ta bort den markerade cellen Sammanfoga med cell till höger Slå ihop markerad cell med den närmast till höger Sammanfoga med cell nedan Slå ihop markerad cell med den nedanför Horisontell delning Dela en cell till kolumner Vertikal delning Dela en cell till rader Specialtecken Infoga specialtecken från lista Fet Gör markerad text fet Kursiv Gör markerad text kursiv Understruken Stryk under markerad text Vänsterjustera Justera markering till vänster Centrera Justera markering till mitten Högerjustera Justera markering till höger Marginaljustera Justera markering till marginalerna Ingen styckejustering Ingen styckejustering på markeringen Gör indrag på text Öka indraget på markerat innehåll Minska indrag på text Minska indraget på markerat innehåll Upphöjd Ändra markerad text till upphöjd text Nedsänkt Ändra markerad text till nedsänkt text Versaler Konvertera markerad text till versaler Gemener Konvertera markerad text till gemener Radbrytning Radbrytning utan att skapa nytt stycke CSS-klasser Formatera text med hjälp av förinställda stilmallar, färger, bildramar m.m. Formatering Välj olika textformatering, rubrik m.m. Interna länkar Länka till interna objekt som huvudsidor, undersidor och popup-fönster Infoga objekt Infoga gallerier, Flash-filmer, bilder från bilduppladdningen m.m. Infoga en befintlig sida från Vikaris Välj en eller flera sidor att klistra in på din sida för att använda den som mall. 33

34 Hantera bilder Om du vill ta bort eller byta namn på bilderna gör du det via Hantera bilder i redigeringsläget av sidorna. Här kan du också ladda upp nya bilder som inte behöver skalas om. Vill du skala om dina bilder använder du Bilduppladdning. Tänk på att bocka för Bibehåll proportionerna innan du skalar om dina bilder. 34

35 Slumpa fram en bild Med funktionen Slumpa fram en bild visas olika bilder varje gång du besöker en sida. För att använda funktionen laddar du upp bilder till en särskild mapp, Random, genom att Hantera bilder. När det finns bilder i mappen kan du infoga funktionen på en sida. Ställ dig med markören i arbetsfältet där du vill infoga bilderna och välj En bild som slumpas fram från mappen random i rullgardinsmenyn Objekt. Det är bara bilderna i mappen random som det växlar mellan. Infoga en befintlig sida från Vikaris Den här funktionen använder du om du vill kopiera innehållet i en sida och använda som mall när du skapar en ny sida, för att få samma utseende på sidan. Då blir det enkelt att endast byta ut text och bild. Markera sidan du vill använda och klicka på Infoga. 35

36 Infoga pdf-fil För att lägga in en pdf på din hemsida måste du först ladda upp filen till Vikaris. Klicka på knappen Filarkiv och Upload Files. Markera den fil du vill ladda upp och välj öppna. Precis som med länkar väljer du själv om du vill att en text, bild eller symbol ska vara klickbar för att öppna pdf-filen. I fältet Titel kan du skriva en text som blir länkad till pdf-en. Klicka på infoga för att lägga in filen på sidan. Vill du istället länka en bild till pdf-en behöver du först lägga in bilden i redigeringsfältet och markera den, innan du klickar på filarkiv. 36

37 Infoga Flash-film Att se på film på Internet kräver mycket av besökaren. Besökaren måste ha god bandbredd och rätt program installerade i datorn. Det har visat sig att FLV-filmer fungerar bäst. FLV-filmer är filmer som är kodade med hjälp av Adobe Flash. Du behöver ett verktyg för att koda om din film om du vill visa en FLV-film på din hemsida. Du kan exempelvis använda Adobe Flash Media Encoder. Efter att du har kodat om din film till FLV-format laddar du upp den till Filarkiv via redigeringsverktyget. Nästa gång du sparar eller uppdaterar redigeringsverktyget kommer filmen att finnas i rullgardinsmenyn Objekt. För att använda filmen markerar du det ställe på sidan där du vill ha filmen och väljer filmen från Objekt. Om du vill ha en startbild för din film laddar du upp en bild i JPG-format på samma sätt och ställe som du laddade upp filmen. Det viktiga är att bilden heter likadant som filmen heter filmen film1.flv måste startbilden heta film1.jpg. Du kan redigera storlek och placering på filmen genom att ändra storlek och placering på rutan Filmklipp i arbetsfältet. 37

38 Infoga YouTube-klipp Med funktionen Klistra in YouTube Embed-kod kan du lägga in ett YouTube-klipp på din hemsida. Sök upp ditt klipp på YouTube och kopiera den kod som finns i anslutning till klippet som kallas gammal inbäddningskod. Den visas när du klickat på Bädda in. Klistra sedan in koden i Vikaris i fältet för Klistra in YouTube Embed-kod här och välj Lägg till. Storleken på klippet kan du välja under egenskaper innan du valt Lägg till. Infoga MP3-ljudfiler Om du vill lägga in en ljudfil på din hemsida finns det möjlighet att ladda upp MP3- filer. Ladda upp ditt ljudklipp i Filarkivet. Ställ dig sedan med markören där du vill infoga musikspelaren och välj det klipp du vill infoga i rullgardinsmenyn Objekt. 38

39 Infoga sidtillägg Sidtillägg är en funktion som gör det enkelt att visa samma information på flera olika sidor. Informationen hämtas från ett och samma sidtillägg och på så sätt blir det enkelt att uppdatera hemsidan. Funktionen används till exempel för kontaktinformation eller en extra meny som finns med på ett antal olika sidor. För att infoga ett sidtillägg måste du först skapa ditt sidtillägg. Gå sedan till sidan där du vill infoga ditt sidtillägg och välj Objekt och namnet på ditt sidtillägg för att infoga det på sidan. 39

40 Infoga länk Länkar används för att skapa ett lätt sätt att ta sig mellan webbsidor och interna sidor. Länkar är det du klickar på när du vill byta sida på Internet. Det finns interna länkar och externa länkar. Interna länkar leder till en annan plats på din hemsida och externa länkar leder till en annan Internetsida. Extern länk Klicka på ikonen Infoga länk och markera ett alternativ i rullgardinsmenyn till höger om Typ. Du kan till exempel markera och skriva in en adress till en annan Internetsida, men det går lika bra att kopiera en adress och klistra in den direkt i Urlraden utan att välja typ. Tänk på att markera ett alternativ i rullgardinsmenyn Mål så att länken inte orsakar att besökaren lämnar din hemsida. Nytt fönster är ett bra alternativ. Om du inte har markerat något innan du klickar på Infoga länk skriver redigeringsverktyget ut länkadressen vid markörens position. 40

41 Skicka e-post Genom att göra en länk till en e-postadress förhindrar du att e-postadressen utsätts för spam. Välj mailto: i fältet Typ och skriv in e-postadressen. Intern länk Interna länkar skapar du enklast genom att använda rullgardinsmenyn Länkar i redigeringsverkyget. 41

42 Infoga tabell Ett mycket bra sätt att hantera innehållet på sina webbsidor är att använda sig av tabeller. Nästan alla sidor är skapade med hjälp av en tabell för att hålla bilder, texter, länkar, filer och avdelande linjer på plats i jämna rader. Om du vill infoga en ny tabell ställer du dig med markören där du vill ha tabellen, klickar på ikonen Infoga tabell och väljer utseende på tabellen. Du kan med hjälp av ikonerna, som visas nedan, dela, ta bort, sammanfoga, redigera, lägga till nya celler, rader och kolumner. Tabellexempel: Ofta är det enklare att skapa en ny tabell i en befintlig tabell om du till exempel vill lägga in en punktlista med olika tjänster eller samarbetspartners, istället för att lägga till fler kolumner då det påverkar hela tabellens utseende. 42

43 Tabellen i redigeringsverktyget ovan är ett exempel på hur en sida kan vara strukturerad i kolumner med hjälp av tabeller. Tabellen består av celler och varje cell, som kallas för td, kan ha en egenskap som redigeras genom att välja <td> och egenskaper. Där kan du justera bredden, höjden, ge cellen en css-klass och ändra uppställning på innehållet i cellen. 43

44 Kodupprensning Kodupprensning är ett mycket användbart verktyg när man vill ta bort onödig kodinformation i sitt dokument. Klicka på städarikonen om du vill städa hela ditt dokument. Om vill städa endast en del av din text markerar du först den delen av texten du vill städa och klickar sedan på ikonen. Tänk på att kodstädning kan förändra utseendet på dokumentinnehållet och går inte att ändra. Spara därför gärna innan du städar. Ta bort alla HTML-taggar tar bort all HTML-kod, endast ren text kommer att vara kvar. Ta bort överflödiga Word-taggar använder du om du har klistrat in ett stycke direkt från Word. Rensa upp stilmallen tar bort alla Style Sheetformateringar. Rensa upp <font>-taggar rensar bort alla <font>formateringar. Rensa upp <span>-taggar rensar bort alla <span>formateringar. CSS-klass Här hittar du de fördefinierade stilarna som din hemsidas webbdesigner har ansett stämma överens med utseendet på din hemsida. Det här alternativet använder du bland annat om du vill ha en färgad text eller en ram runt en bild. 44

45 Egna anteckningar: 45