Webbverktyg - Webtool

Transkript

1 Webbverktyg - Webtool Webtool har fått en ny editor för infogande av text och bild. Utseendet är lite annorlunda, men funktionerna är i stort sett de samma. På de här sidorna hittar du grundläggande information om hur den nya editorn fungerar. Använd menyn till vänster eller sökfunktionen i toppen av sidan. Vi uppdaterar supportsidorna löpande. Om du har synpunkter eller hittar buggar är vi jätteglada om du skickar ett mail till support@foreningssupport.se Hälsningar Föreningssupport, Uppdatering En uppdatering av editorn med bland annat förbättringar i bild- och filuppladdningsfunktionerna släpptes Bild- och filuppladdningsfunktionerna har kompletterats med möjlighet att välja visningsläge (lista eller miniatyrbilder) samt sortering på filnamn, datum, filstorlek mm. Bild och filuppladdning fungerar nu även i Internet Explorer 9! OBS! För att se ändringarna kan du behöva rensa webbläsarens cache-minne. Det gör du genom att trycka ctrl + shift + delete på ditt tangentbord.

2 Om Webtool Webtool är ett webbpubliceringssystem baserat på Your Voices modulsystem Open24. Webtool är helt webbaserat och konfigurerbart för att kunna administrera många olika sajter med flera olika användare, t ex inom en större föreningsorganisation, företag eller liknande, men fungerar lika bra även till en mindre webbplats. Systemet bygger på mallsidor som har olika egenskaper och utseende. Administratören kan med hjälp av dessa skapa nya sidor, undersidor, arbetskopior mm. Det krävs inga förkunskaper i html-programmering eftersom alla förändringar görs med hjälp av formulär på mallsidorna. Open24 Open24 är en moduluppbyggd, webbaserad programvaru- och utvecklingsplattform. Open24 består i grunden av ett bassystem, Open24 System. Detta innehåller basfunktionalitet som till exempel: Behörighetssystem Standardiserat användargränssnitt Dokument- och bildarkiv Filuppladdning Loggning av aktiviteter i modulerna Hantering av moduler Till systemet kopplar man sedan moduler efter behov.

3 Arbeta i Webtool Webtool-fönstret är uppbyggt av två delar. Till vänster finns navigeringsträdet där man hittar alla sidor inom sajten. Den kan liknas vid Windows Utforskaren eller en sajtkarta. Till höger är arbetsytan. Via flikarna i arbetsytans överkant, ändras arbetsytans funktion. De olika funktionerna är Layout, Redigera, Versioner, Säkerhet, Egenskaper och Statistik. (Klicka för större bild) Navigeringsträdet Navigeringsträdet är uppbyggt på samma sätt som Utforskaren i Windows. Ett plustecken framför ikonen visar att det finns underliggande sidor. Klicka på plustecknet för att fälla ut och på minus för att fälla ihop. Arbetsytan I arbetsytan sker redigeringen av innehållet med hjälp av editorn, men du kan även förhandsgranska sidan samt göra vissa säkerhetsinställningar, se statistik, mm. Flikarna Layout Detta är förhandsgranskningsläget där du ser hur din sida kommer att visas i webbläsaren när den är publicerad

4 Versioner Skapa en kopia av en sida och arbeta med den tills du känner dig nöjd. När du är färdig publicerar du den och har ändå den gamla versionen kvar. På så vis behöver du inte vara orolig för att dina ändringar kommer att synas direkt på webbplatsen utan kan arbeta ostört med att redigera. Säkerhet Här listas de som har behörighet att redigera sidan. Endast Huvudadministratören har tillgång till och kan ändra inställningarna under denna flik. Egenskaper Här hittar du tekniska fakta om sidan. T ex vilken adress den har, vilket nodid (dvs nummer i strukturen) och annat. Administratören kan även välja att lösenordsskydda sidan, byta layoutmall samt ändra dynamiska egenskaper. Statistik Statistiken baseras på information från Google Analytics och visar ett urval av den information som finns att utläsa när det gäller besökare på en webbplats och dess undersidor. Statistiken uppdateras en gång per dygn. För dig som är ny användare När du loggar in i systemet första gången finns det redan ett antal standardsidor upplagda. För de organisationer som har kopplat samman Föreningssupport.se Medlemssystem och Webtool, kan vissa av dessa standardsidor hämta information från medlemssystemet. Du kan själv bygga vidare på din webbplats genom att lägga till nya sidor, nyheter, händelser, med mera.

5 Skapa ny sida 1. Klicka en gång på ikonen för din förenings startsida i navigeringsträdet så att den blir markerad och ikonen för Skapa ny sida tänds. 2. Klicka på Skapa ny sida 3. Ett nytt fönster öppnas. Där hittar du de mallsidor som finns tillgängliga. Välj en passande mall 4. Den nya sidan hamnar underst i navigeringsträdet och heter Namnlös Klicka på Redigera -fliken ovanför arbetsytan för att ändra namnet och för att redigera sidan. 5. Klickar du i rutan "Dölj i navigering" visas inte sidan i menyn på webbplatsen. Du kan dock fortfarande se den i navigeringsträdet till vänster i Webtool. 6. Klicka på "Spara sidan" för att spara. Sidan är ännu inte synlig på webbplatsen.

6

7 Skapa ny undersida 1. Klicka en gång på den sida du vill skapa en undersida till. När den är markerad tänds ikonen för Skapa ny sida längst upp ovanför navigeringsträdet 2. Klicka på Skapa ny sida 3. Ett nytt fönster öppnas. Där hittar du de mallsidor som finns tillgängliga. Välj en passande mall 4. Sidan hamnar under den sida du valde som utgångspunkt i navigeringsträdet och får namnet Namnlös. Klicka på Redigera -fliken ovanför arbetsytan för att ändra namnet och för att redigera sidan. 5. Klickar du i rutan "Dölj i navigering" visas inte sidan i menyn på webbplatsen. Du kan dock fortfarande se den i navigeringsträdet till vänster i Webtool. 6. Klicka på "Spara sidan" för att spara. Sidan är ännu inte synlig på webbplatsen. Klicka "Spara och publicera" för att spara dina ändringar

8

9 Redigera innehållet på en sida Ändring av innehållet på en sida görs under fliken "Redigera". Om du vill göra större ändringar kan du använda fliken "Versioner" och skapa en kopia av den publicerade sidan som du kan arbeta ostört med. Ersätt den publicerade sidan med din kopia när du är färdig. Dokumentnamn Namnet på sidan, både i navigeringsträdet i Webtool och i menyn på din webbplats. Dölj i navigering Ett kryss i rutan betyder att sidan inte är tillgänglig från menyn på din webbplats. Du som administratör kan fortfarande redigera sidan i Webtool. Vissa funktioner, som t ex Nyheter och Händelser, bör vara dolda eftersom de har speciell funktionalitet som samlar ihop information och visar på annan plats (oftast startsidan). Editorn

10 Här gör du det mesta av arbetet med att skriva in text, lägga in bilder, länka till pdfer, mm. Editorn omvandlar din text, bilder, mm till html-kod som sedan infogas i mallsidan och tolkas av besökarens webbläsare. Det är viktigt att komma ihåg att det inte handlar om ordbehandling och att det därför kan finnas vissa begränsningar i funktionaliteten jämfört med ett ordbehandlingsprogram som t ex Word. Knappar Spara sidan Sparar ändringar i fältet Dokumentnamn, Dölj i navigering, samt i editorn. Spara & publicera sidan Endast synlig på ännu ej publicerade sidor. Sparar ändringar i fältet Dokumentnamn, Dölj i navigering och i editorn, samt publicerar sidan. Ta bort sidan Flyttar sidan från navigeringsträdet till papperskorgen. Sidan försvinner även från menyn på din webbplats.

11 Flytta sida Flytta en sida uppåt eller nedåt i navigeringsträdet/menyn 1. Klicka på den sida du vill flytta. När sidan är markerad tänds pilarna i överkanten av navigeringsträdet. 2. Använd pilarna ovanför navigeringsträdet för att flytta den aktuella sidan ett steg uppåt eller nedåt i strukturen. Eventuella undersidor till den aktuella sidan flyttas samtidigt. Flytta en sida till annan huvudsida Genom att använda ikonen för Flytta dokument kan du flytta till ett nytt ställe i strukturen. 1. Klicka på den sida du vill flytta. När sidan markeras tänds Ikonen "Flytta dokument" i överkanten av navigeringsträdet. 2. I fönstret som öppnas markerar du den sida dit du vill ha som huvudsida för din markerade sida. 3. Klicka "Spara" och "Ok". 4. Den markerade sidan flyttas till vald huvudsida i strukturen

12 Ta bort sida Använd knappen "Ta bort sida" för att flytta hela sidan och dess innehåll till papperskorgen.

13 Nyhetsfunktionen Nyhetssidan är en så kallad kanal-sida som samlar ihop alla underliggande sidor och presenterar dem på webbplatsens startsida. (Läs mer om kanalsidor) Den senaste nyheten visas överst i listan. Gamla nyheter tas bort automatiskt, antingen när angivet avpubliceringdatum infaller, eller när max antal nyheter för nyhetslistan överskrids. Nyhetssidan bör vara dold i navigering för att fungera på bästa sätt. Möjlighet att koppla ett nyhetsarkiv till nyhetskanalen finns. Gamla nyheter flyttas då manuellt till arkivet när de inte längre platsar på startsidan. Nyheter används för olika typer av aktuella meddelanden som man. För händelser som äger rum en viss tidpunkt kan man istället använda Händelser/kalendarium. Skapa en nyhet» Arkivera en nyhet» Så fungerar en kanalsida Kanalsidorna har en orange markering på ikonen i navigeringsträdet. RSS är en standard för distribuering av nyheter på webben. Som användare kan man prenumerera på nyheter från en mängd webbplatser och få dem samlade i en egen RSS-läsare. Nyheterna ligger samlade under en sida som kallas RSS-kanal. Den sidan motsvarar den sida som en användare prenumererar på. De informationsfält som kan redigeras på kanalsidan är information till RSS-läsare. Kanal-/samlingssidan behöver normalt inte justeras, då den i många fall inte visas på webbplatsen.

14 Skapa en nyhet 1. Klicka på "Nyheter" i navigeringsträdet 2. Klicka på ikonen Nytt ovanför navigeringsträdet och sedan på ikonen Nyhet i fönstret som öppnas 3. En ny nyhetssida skapas (symboliseras av i navigeringsträdet) och du kommer automatiskt till Redigera -läget. Rubrik: Här skriver du rubriken Ingress: Kort text som kommer att visas i nyhetslistan på den webbplatsen Text (HTML-editorn): Här skriver du resten av artikeln. Skribent: Här finns möjlighet att ange ett namn. Publicering: Här kan du ange ett datum om du vill att nyheten ska publiceras vid en viss tidpunkt. Om fältet lämnas tomt, publiceras nyheten direkt. Avpublicering: Här kan du ange ett datum om du vill att nyheten ska tas bort vid en viss tidpunkt. Om fältet lämnas tomt, är nyheten alltid publicerad. (Om en nyhet avpubliceras ligger den fortfarande kvar i navigeringsträdet och kan publiceras igen. Om du vill ta bort en nyhet klickar du på knappen "Ta bort sidan". Du kan även flytta nyheten till "Nyhetsarkivet") 4. Klicka på Spara och publicera sidan för att visa nyheten på webbplatsen

15 Nyhetsarkivet Nyhetsarkivet används för att spara gamla nyheter som inte längre får plats på webbplatsens startsida. Arkivet behöver inte vara publicerat för att fungera utan kan användas som en extra funktion i Webtool för dig som administrerar webbplatsen och vill spara gamla nyheter på ett strukturerat sätt. Arkivera en nyhet 1. Markera den nyhet du vill arkivera 2. Klicka på knappen "Flytta till arkiv" som du hittar längst ner i redigeraläget Nyheten flyttas nu från rubriken "Nyheter" till "Nyhetsarkivet".

16 Kalenderfunktionen Kalendersidan är en så kallad kanal-sida som samlar ihop alla underliggande sidor och presenterar dem på webbplatsens startsida. (Läs mer om kanalsidor) Kalendern bör användas för aktiviteter som äger rum en bestämd tidpunkt. Man kan jämföra med att man gör en anteckning i sin almanacka för att komma ihåg vilken dag och tid något infaller. Beroende på hur funktionen är konfigurerad visas händelserna antigen månadsvis med funktion för att kunna bläddra framåt och bakåt, eller så visas endast de händelser vars händelsedatum ej passerat dagens datum. Händelserna kan presenteras i kalenderform eller som en lista. Lägg till en händelse i kalendern

17 Skapa kalenderhändelse 1. Klicka på Händelser i navigeringsträdet 2. Klicka på ikonen Nytt ovanför navigeringsträdet och sedan på ikonen Händelse i fönstret som öppnas 3. En ny händelsesida skapas (symboliseras av i navigeringsträdet) och du kommer automatiskt till Redigera -läget. Rubrik: Här skriver du rubriken för händelsen (aktiviteten) Datum för händelsen: Här anger du vilket datum händelsen äger rum. Pågår till och med: Om händelsen pågår över flera dagar anger man slutdatum här. Ingress: Kort text som kommer att visas i händelselistan på webbplatsen Text (HTML-editorn): Här skriver du resten av artikeln. Skribent: Här finns möjlighet att ange ett namn. Publicering: Här kan du ange ett datum om du vill att händelsen ska publiceras vid en viss tidpunkt. Om fältet lämnas tomt, publiceras händelsen direkt. Avpublicering: Här kan du ange ett datum om du vill att händelsen ska avpublicering vid en viss tidpunkt. Om fältet lämnas tomt, är händelsen alltid publicerad. Innevarande månads händelser visas direkt på startsidan och sedan kan man bläddra framåt och bakåt i kalendern/listan. Klicka på knappen "Ta bort" för att ta bort en händelse. 4. Klicka på Spara och publicera sidan

18 Bildgalleri Gallerimallen består av gallerimodulen, samt en editor. Text som skrivs i editorn kommer i layoutläge att hamna ovanför bildvisningsfunktionen. OBS! För att spara innehåll i editorn måste man klicka på knappen Spara sidan, längst ner på arbetsytan. Vid installation är bildgalleriet tomt och du måste börja med att skapa ett album. Det finns ingen begränsning i hur många album du kan skapa och det är ett bra sätt att strukturera upp dina bilder. Skapa ett album 1. Namnge ditt album och klicka på knappen Skapa album. 2. Det nya albumet skapas och nästa steg är att ladda upp bilder. Hantera bilder 1. Välj album eller skapa ett nytt 2. Klicka på knappen Välj bilder att ladda upp och välj från din dator. Du kan välja att ladda upp flera bilder samtidigt (håll shift-tangenten eller Ctrl-tangenten intryckt när du väljer bilder) 3. Genom att klicka "Öppna" laddas alla bilder upp från din dator till systemet. 4. Klicka på Spara i album för att lägga till dem till ditt album. Bilderna är nu publicerade och kan ses i layoutläget. 5. I fältet Kommentar kan man ange en kortare bildtext. 6. Klicka Spara ändringar för att spara kommentarer. Länka till ett album Varje album har en unik adress som du kan använda om du vill länka till ett specifikt album från någon annan sida. För att länka till ett album gör du så här: 1. Markera adressen

19 Här hittar du adressen till albumet: Inställningar Under rubriken Inställningar för album" kan man: Byta namn på album Ta bort album Ändra sorteringsordning på albumets uppladdade bilder Under rubriken Inställningar för bildgalleri kan man: Välja att låta besökare ladda upp bilder direkt på sidan, med direktpublicering eller efter godkännande av administratör Ange e-postadress till administratör (används endast om ovanstående funktion är aktiverad)välja att visa bildernas filnamn i listan.

20 Papperskorgen När en sida tagits bort med hjälp av knappen Ta bort sidan hamnar den i papperskorgen längst ner i navigeringsträdet. Återställa sida från papperskorgen 1. Öppna papperskorgen och markera den sida som ska återställas till sin ursprungliga plats 2. Klicka på fliken Egenskaper och knappen Återställ 3. Sidan flyttas nu tillbaka till sin ursprungsplats i navigeringsträdet

21 Ikoner och funktioner i editorn Rubrikväljaren Textformat Klipp ut Infoga bild/ Bildegenskaper Kopiera Linje Klistra in Tabell Klistra in text Bädda in film Ångra Gör om Fet stil Vänsterställ Kursiv stil Centrera Genomstruken text Högerställ Källkod Justera Avformatera Punktlista Visa block - Ny funktion! Nummerlista Minska indrag Intern länk Öka indrag Infoga/redigera länk eller fil Ta bort länk Bokmärke (Ankare)

22 Skriva text Att skriva text i editorn påminner mycket om det sätt man arbetar i ett ordbehandlingsprogram, men det är viktigt att komma ihåg att det faktiskt handlar om html-kodning. Allt du skriver i editorn omvandlas till html-kod som sedan ska tydas av webbläsaren bland övrig kod som finns på din sida. Några viktiga tips: Det är oftast bäst att först skriva texten och sedan gå tillbaka och göra formateringar av rubriker, lägga in bilder, osv. Entertangenten genererar ett nytt stycke (stort radavstånd) Enter och Shift genererar ny rad (litet radavstånd) Fokusera på innehållet och låt den inbyggda stilmallen styra utseendet. Stilmallen är anpassad för din organisations webbplatser och du behöver därför inte fundera över typsnitt, storlekar, etc. Vill du gärna få med din layout från t ex ett Worddokument är det bästa att spara Worddokumentet som en PDF-fil som du sedan länkar till från webbplatsen.

23 Klistra in text När du klistrar in text från t ex Word följer inte typsnitt, storlekar eller bilder med. Typsnitt och storlekar anpassas istället efter den stilmall som gäller för din webbplats. Om du har formaterat rubriker i Word känner systemet av vilka delar av texten som är rubriker och byter ut dem enligt webbsidans stilmall. Genom att använda ikonen "Klistra in som text" följer ingen kod med, endast radbrytningar och styckeindelningar. Du får då själv gå igenom texten och formatera rubriker, etc. Klicka på ikonen så behåller du "Klistra in som text"- läget tills dess att du sparar sidan eller byter flik. Bilder måste laddas upp till webbservern via "Infoga bild" för att kunna visas på webbsidan. OBS!! Som en säkerhetsåtgärd har nyare webbläsare inte stöd för funktioner som kopierar, klipper ut och klistrar in information på webbsidor. Om din webbläsare saknar stöd får du upp ett meddelande om detta. Kopiera, klipp ut och klistra in måste då göras från tangentbordet och inte via knapparna i editorn. Skriv gärna ut sidan, klipp ut lathunden och klistra upp den på din skärm så har du den alltid tillgänglig. Samma kortkommandon gäller även i andra program på din PC.

24 Formatera text Texterna anpassas efter den stilmall som finns tillgänglig för din webbplats. Stycke Under "Stycke" hittar du de olika rubriktypsnitt som finns tillgängliga i stilmallen för din organisation. Ett rubriktypsnitt påverkar hela textstycket, så därför måste du alltid se till att det/de ord som ska vara rubriken, står på en egen rad. Detta gör du genom att trycka "Enter" efter rubriken. Tips! Använd gärna ikonen "Visa block" så ser du tydligt hur styckeindelningen ser ut. (Klicka för större bild) Alternativ Alternativ använder du för att markera ut vissa ord eller delar av texten med t ex en färg eller en ikon. Markera det/de ord du vill markera och välj alternativ från listan. Väljer du "Pdf", "Word" eller "epost" visas en ikon till vänster om den valda texten. Detta kan vara användbart om man t ex vill förtydliga att en länk leder till en PDF-fil.

25 Fet stil, Kursiv och överstruken Markera den text du vill påverka och välj något av alternativen Ta bort formatering För att ta bort markerar du ordet/orden och använder ikonen "Ta bort formatering" Justering av text Alternativen för textjustering påverkar det stycke du har markerat. Markerar du allt innehåll i en editor så påverkas allt

26 Bilder Bilder som läggs in via editorn bör helst vara storleksanpassade för att passa webbsidan och för att hålla ner laddningstiden av sidan. Du kan i efterhand anpassa storleken genom en inställning i editorn, men detta påverkar inte filstorleken och därmed inte heller laddningstiden. Detta är extra viktigt att tänka på om man har många bilder på samma sida. OBS! Om du använder Internet Explorer 9 kan du endast ladda upp bilder en och en. Vi rekommenderar att du uppgraderar till IE10 eller IE11, alternativt använder någon annan webbläsare, t ex Google Chrome eller Firefox. Ladda upp en ny bild Lägg till en redan uppladdad bild

27 Ladda upp en ny bild 1. Klicka på ikonen för "Infoga bild/bildegenskaper" 2. Bildegenskaper öppnas. 3. Klicka på knappen "Infoga bild" 4. Klicka på knappen "Ladda upp en fil" För att sortera bilder i mappar kan du först välja "Ny mapp" och sedan "Ladda upp en fil" 5. Dra och släpp bilder från Utforskaren på din dator till filuppladdningsfönstret, eller klicka för att öppna Utforskaren och välja bilder att ladda upp. Håll ner shifttangenten samtidigt som du klickar för att ladda upp flera bilder samtidigt.

28 (Klicka för större bild) OBS! För dig som använder Internet Explorer 9 ser uppladdningsfunktionen lite annorlunda ut. (Klicka för större bild) Klicka på "Browse" för att öppna Utforskaren på din dator och markera den bild du vill ladda upp. Klicka på Öppna och sedan "Ladda upp". 6. Klicka på knappen "Öppna" och valda bilder laddas upp. 7. När bilderna är uppladdade klickar du på "Återvänd till fillistan" Den/de uppladdade bilderna läggs först i listan över uppladdade bilder. (OBS eventuella mappar ligger först, sedan enskilda bilder) Klicka på bilden för att lägga till den på din sida. 10. Genom att klicka på ikonerna i övre kanten av bilden kan du ladda ner bilden till din dator, förhandsgranska eller ta bort.

29

30 Lägg till en redan uppladdad bild 1. Klicka på ikonen för "Infoga bild" 2. Bildegenskaper öppnas. 3. Klicka på knappen "Infoga bild" 4. I "Bildegenskaper" kan du välja visningsläge - lista eller miniatyrbilder - för att lättare hitta den bild du söker. I läget "Lista" kan du använda rubrikerna för att sortera bilderna efter Namn, Storlek, Typ eller Datum. 5. Klicka på den bild du vill lägga till på din sida.

31 bort.

32 Ändra storlek på bilder Det bästa är om din bild är anpassad efter det utrymme som finns tillgängligt på din webbplats redan innan du laddar upp den. På så vis minskas filstorleken och därmed även laddningstiden. Bilden blir även skarpare än om du ändrar storleken i efterhand. Undvik också att göra bilden större än originalet. Detta försämrar kvaliteten och bilden blir oskarp. Ändra storleken manuellt Klicka på bilden och dra i markeringsrutorna för att ändra till önskad storlek. Håll ner shift samtidigt för att behålla proportionerna. Ange önskad storlek Klicka på bilden och sedan på ikonen "Infoga bild/bildegenskaper" I fälten för "Dimensioner" anger du önskad storlek 3. Kryssa i "Behåll proportioner" så ändras storleken proportionerligt

33 Justering av text och bild För att få text att flyta bredvid en bild använder man ikonerna för justering 1. Klicka på bilden (Klicka för förstorad bild) 2. Klicka på önskad justerings-ikon för att få texten att flyta bredvid bilden. (Klicka för förstorad bild) Anpassa utrymmet mellan bild och text 1. Klicka på bilden och sedan på ikonen "Infoga bild/bildegenskaper" 2. Klicka på fliken "Avancerat"

34 3. Ange ett med siffror ett värde för vertikalt och/eller horisontellt utrymme. Siffran anger utrymmet i pixlar. 4. Klicka i något av de andra fälten för att din inställning ska aktiveras. När inställningen aktiverats fylls fältet "Stil" med den kod som motsvarar den inställning du gjort. 5. Klicka Ok

35 Ram runt bild 1. Klicka på bilden och sedan på ikonen "Infoga bild/bildegenskaper" 2. Klicka på fliken "Avancerat" 3. I fältet "Ram" anger du med siffror hur tjock ramen ska vara. Siffran anger bredden i pixlar. En 1:a ger en tunn ram medan t ex 10 ger en tjock ram. 4. Klicka i något av de andra fälten för att din raminställning ska aktiveras. När ramen aktiverats fylls fältet "Stil" med den kod som motsvarar den raminställning du gjort. 5. Klicka OK.

36

37 Pdf och andra filer Pdf-er är bra att använda om du vill presentera något som har en färdig layout. Det kan t ex vara en inbjudan, en resultatlista, eller något annat där man i orginalfilen lagt mer mycket tid på formgivning och som vinner på att återges exakt. Pdf-er blir alltid en egen fil som man länkar till från webbplatsen. Man kan alltså inte infoga en pdf i webbplatsens layout. OBS! Om du använder Internet Explorer 9 kan du endast ladda upp filer en och en. Vi rekommenderar att du uppgraderar till IE10 eller IE11, alternativt använder någon annan webbläsare, t ex Google Chrome eller Firefox. Ladda upp en ny fil Lägg till en redan uppladdad fil

38 Ladda upp en fil En fil måste först laddas upp till systemet (webbservern) för att finnas tillgänglig. Sedan skapar man en länk från editorn till den uppladdade filen. Därför sker filuppladdningen under "Infoga/redigera länk eller fil" 1. Klicka på ikonen för "Infoga/redigera länk eller fil" 2. Klicka på "infoga fil" 3. Filhanteraren öppnas. (Klicka för större bild) I filhanteraren har du överblick över samtliga uppladdade bilder och filer. Med hjälp av filter-knapparna uppe till höger kan du välja att visa endast bilder, endast filer eller allt innehåll.

39 Du kan också välja visningsläge - lista eller miniatyrbilder - för att lättare hitta den fil/bild du söker. 4. Klicka på knappen "Ladda upp en fil" För att sortera bilder i mappar kan du först välja "Ny mapp" och sedan "Ladda upp en fil" 5. Dra och släpp filer från Utforskaren på din dator till filuppladdningsfönstret, eller klicka för att öppna Utforskaren och välja filer att ladda upp. Håll ner shift-tangenten samtidigt som du klickar för att ladda upp flera fil samtidigt. (Klicka för större bild)

40 (Klicka för större bild) Klicka på "Browse" för att öppna Utforskaren på din dator och markera den bild du vill ladda upp. Klicka på Öppna och sedan "Ladda upp". 6. Klicka på knappen "Öppna" och valda filer laddas upp. 7. När filerna är uppladdade klickar du på "Återvänd till fillistan" 8. Den/de uppladdade filerna hamnar först i listan över uppladdade filer och bilder. Klicka på filen för att lägga till den på din sida. 9. I fältet "Länktext" anger du den text som representerar länken, dvs den man klickar på för att öppna filen. Lämnas fältet tomt kommer filens namn att representera länken. Om du vill använda en bild som länk måste du först ladda upp bilden och sedan markera den innan du följer instruktionen. 10. Klicka ok.

41

42 Länka till en redan uppladdad fil En fil måste först laddas upp till systemet (webbservern) för att finnas tillgänglig. Sedan skapar man en länk från editorn till den uppladdade filen. 1. Klicka på ikonen för "Infoga/redigera länk eller fil" 2. Klicka på "infoga fil" 3. Filhanteraren öppnas. (Klicka för större bild) I filhanteraren har du överblick över samtliga uppladdade bilder och filer. Med hjälp av filter-knapparna uppe till höger kan du välja att visa endast bilder, endast filer eller allt innehåll. Du kan också välja visningsläge - lista eller miniatyrbilder - för att lättare hitta den

43 I läget "Lista" kan du använda rubrikerna för att sortera bilderna efter Namn, Storlek, Typ eller Datum. 4. Filerna sorteras i bokstavsordning. Klicka på filen för att skapa en länk till filen på din sida. 5. I fältet "Länktext" anger du den text som representerar länken, dvs den man klickar på för att öppna filen. Lämnas fältet tomt kommer filens namn att representera länken. Om du vill använda en bild som länk måste du först ladda upp bilden och sedan markera den innan du följer instruktionen. 6. Klicka ok.

44 Länkar och bokmärken Ikonen för "Infoga/redigera länk eller fil" används också för att ladda upp filer. Läs mer här Länk till annan webbplats Markera det/de ord eller den bild du vill länka. Klicka på ikonen "Infoga/redigera länk eller fil" Ett nytt fönster öppnas. I fältet för "Källa" anger du adressen till den webbplats du vill länka till Om du vill att webbplatsen ska öppnas i ett nytt fönster (rekommenderas) väljer du "Nytt fönster" under rubriken "Mål" Klicka "ok" Intern länk - länk till annan sida inom din egen webbplats Markera det/de ord eller den bild du vill länka. Klicka på ikonen "Intern länk" Ett nytt fönster öppnas där du kan klicka dig fram till den sida du vill länka till Klicka "Spara" Länka till en fil eller bild Markera det/de ord eller den bild du vill länka Klicka på ikonen "Infoga/redigera länk eller fil" Ett nytt fönster öppnas. Klicka på ikonen "Infoga fil" Filhanteraren öppnas och du kan välja vilken fil eller bild du vill länka till Klicka ok Ta bort länk 1. Markera länken du vill ta bort 2. Klicka på ikonen "Ta bort länk"

45 Skapa och länka till ett bokmärke (länk inom samma sida) Bokmärken används för att länka inom samma sida. Man börjar med att skapa bokmärket, som är själva målet, och sedan länken. 1. Klicka på den plats där ditt bokmärke ska ligga (t ex i toppen av sidan) och sedan på ikonen "Bokmärke" 2. Ge bokmärket ett namn och klicka ok 3. Markera det ord som ska vara länken till bokmärket, t ex "Till toppen", och klicka på ikonen "Infoga länk" 4. Under alternativet "Bokmärke" bör nu namnet på ditt tidigare skapade bokmärke finnas med. Välj och klicka ok. 5. Du kan självklart skapa flera bokmärken på samma sida om du vill det.

46 Tabeller Använd "Infoga tabell" för att skapa grunden till din tabell Enklast är att börja med en rad och där göra de inställningar man behöver och sedan skapa nya rader allt eftersom. De nya raderna ärver då de inställningar man gjorde på första raden. Markera tabellen och klicka på tabell-ikonen. Välj "Tabellegenskaper" för att ange storlek, avstånd, ramlinje, mm. Du kan även dra i tabellens markeringsrutor för att justera storleken Genom att högerklicka i tabellen visas menyn för formatering av tabellen och dess innehåll. Cell: en "ruta" i tabellen Kolumn: en spalt i tabellen

47 Cellegenskaper Här anger du bredd och höjd för den cell du klickat i "Celltyp" anger om det är en vanlig cell eller en huvudcell som fungerar som en rubrik för en kolumn. "Justering" anger om innehållet i cellen ska vänster-, centrum- eller högerjusteras Sammanfoga celler För att sammanfoga celler i sidled använder man fältet "Kolumner". En tvåa innebär t ex att cellen sträcker sig över två kolumner. Obs! Detta gäller från vänster till höger. Vill du sammanfoga celler måste du högerklicka i den vänstra cellen och där ange siffran i fältet "Kolumner" För att sammanfoga celler i höjdled använder man fältet "Rader". En tvåa innebär t ex att cellen sträcker sig över två rader. Obs! Detta gäller uppifrån och ner. Vill du sammanfoga celler måste du högerklicka i den översta cellen och där ange siffran i fältet "Rader" Rad "Infoga rad före" skapar en ny rad med samma antal kolumner ovanför aktuell rad "Infoga rad efter" skapar ny rad med samma antal kolumner under aktuell rad "Radera rad" tar bort aktuell rad Under "Radegenskaper" kan du välja om den aktuella raden ska vara tabellens huvud eller fot, samt bestämma en exakt höjd. För att klippa ut en rad och dess innehåll väljer du "Klipp ut rad"

48 in rad efter" Kolumn "Infoga kolumn före" skapar en ny kolumn till vänster om den aktuella "Infoga kolumn efter" skapar en ny kolumn till höger om den aktuella "Radera kolumn" tar bort aktuell kolumn.

49 Bädda in film från YouTube För att visa filmer på din webbplats använder du inbäddningsfunktionen från YouTube. Du kan alltså inte ladda upp filmer direkt i Webtool Skapa ett konto eller logga in på ditt YouTube-konto. Om du vill ladda upp en film som någon annan har lagt upp behöver du inget konto och du behöver inte heller logga in. Information om hur du skapar ett YouTube-konto hittar du på Klicka på "Dela" som du hittar i anslutning till filmen. Klicka "Bädda in" och inbäddningskoden för filmen visas Kopiera koden, gå till Webtool och den sida där du vill bädda in din film. Klicka på ikonen "Bädda in YouTube" Högerklicka i rutan och klistra in koden. 7. Klicka ok och filmen har nu bäddats in på din sida. 8. Spara sidan.