Manual Open24 Webtool. Gällande från och med programversion 1.12

Transkript

1 Manual Open24 Webtool Gällande från och med programversion

2 Innehållsförteckning 1. Allmänt om Webtool Struktur Navigeringsträdet Arbetsytan Layout Redigera Versioner Säkerhet Egenskaper Statistik Arbeta med Webtool Skapa ny sida Skapa ny undersida Flytta sida i strukturen Layout-läge Redigera sida Egenskaper för sidan HTML-editor Redigera text Bilder Nedladdningsbara filer YouTube Länkar Ankare Tabeller Spara samt Spara och Publicera -knapparna Versioner-läge Skapa ny version Redigera kopia Publicera/Avpublicera kopia Säkerhet Lägg till behörig person Egenskaper-läget Byt layoutmall Sök-inställningar URL-omskrivning Lösenordsskydda sida Dynamiska egenskaper Papperskorgen Återställa sida från papperskorgen Nyhetsfunktion Information om RSS-kanal: Lägga till nyhet Ta bort nyhet Arkivera nyhet Nyhetsarkiv Kalendarium/Händelser Lägga till händelser Ta bort händelse

3 7. Bildgalleri Skapa album Inställningar för bildgalleri Support Allmänt 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. 1.1 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. 2. Struktur 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. 3

4 2.1 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. De olika symbolerna: Startsidan Sida Opublicerad sida Dold sida Skapa ny sida Länk Flytta sidan Sida med rss-kanal Nyhet Opublicerad nyhet Kalendariehändelse Flytta sida uppåt Flytta sida nedåt 2.2 Arbetsytan I arbetsytan sker redigeringen av innehållet men du kan även förhandsgranska sidan samt göra vissa säkerhetsinställningar, se statistik, mm. I det här avsnittet går vi igenom de olika flikarna och dess funktioner. 4

5 2.2.1 Layout Detta är förhandsgranskningsläget där du ser hur din sida kommer att visas i webbläsaren när den är publicerad Redigera Här finns html-editorn där du skriver din text, lägger till bilder, länkar, mm. Spara, Spara och publicera, Ta bort 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 (se punkt 3.5.3) 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. 5

6 3. Arbeta med Webtool 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. 3.1 Skapa ny sida Klicka en gång på ikonen för Startsidan i navigeringsträdet så att den blir markerad och ikonen för Skapa ny sida tänds. Klicka på Skapa ny sida Ett nytt fönster öppnas. Där hittar du de mallsidor som finns tillgängliga. Välj en passande mall 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. 3.2 Skapa ny undersida 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 i navigeringsträdet. Klicka på Skapa ny sida Ett nytt fönster öppnas. Där hittar du de mallsidor som finns tillgängliga. Välj en passande mall 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. 3.3 Flytta sida i strukturen Klicka en gång på den sida du vill flytta. När den är markerad tänds pilarna i överkanten av navigeringsträdet. Varje gång du klickar på t ex uppåt-pilen, flyttas den markerade sidan ett steg uppåt i strukturen. Genom att använda ikonen för flytta sida kan du flytta till ett nytt ställe i strukturen. 3.4 Layout-läge Förhandsvisning. Här ser du hur resultatet av din redigering kommer att bli. OBS! Du måste spara dina ändringar innan du växlar över till Layoutläget! 3.5 Redigera sida Klicka på den sida i navigeringsträdet du vill redigera och sedan på Redigera -fliken ovanför arbetsytan. 6

7 3.5.1 Egenskaper för sidan I rutan Dokumentnamn anger du namnet på sidan. Detta namn kommer att synas i menyn på webbplatsen, samt i navigeringsträdet i Webtool. Genom att kryssa i Dölj i navigering syns sidan endast i navigeringsträdet i Webtool och kommer inte att synas i menyn på webbplatsen. Spara HTML-editor Funktionerna i html-editorn, dvs där du lägger in text och bilder, liknar de grundläggande funktioner som finns i Word. För dig med kunskaper i html-programmering så finns det ytterligare möjligheter, men här går vi endast igenom de mest grundläggande funktionerna. Stilmallar Klipp ut Kopiera Klistra in Ångra /Gör om Infoga redan uppladdad bild Ladda upp bild Nedladdningsbara filer Bädda in YouTubefilm Editorlägen Textformattering Textjustering Radera formattering Lista Indrag Infoga linje Infoga länk/radera länk Infoga ankare Visa linjer Markera allt/avmarkera allt Tabell Redigera text I listan över stilmallar kan du välja förinställda textformateringar. Dessa stilmallar gör så att allt textmaterial enkelt anpassas efter webbsajtens grafiska profil. Genom att markera den text du vill formatera och sedan välja stilmall så ändras textens utseende. 7

8 De övriga textformateringsalternativen (Bold, Italic, Underline) kan också användas för att göra textformateringar Bilder OBS! För bilder som ska läggas in i editorn är det bäst att först storleksförändra i ett bildbehandlingsprogram innan uppladdning. Detta för att minska filstorleken och för att få bättre kvalitet på bilderna. Ladda upp bild Klicka på ikonen för att ladda upp bild Ett nytt fönster öppnas. Den övre vänstra delen av fönstret visar redan uppladdade bilder. Klicka på knappen Ladda upp och ännu ett fönster öppnas som visar mappstrukturen på din dator. Leta fram rätt bild och klicka Öppna Ett meddelande om att bilden har laddats upp visas och bilden förhandsvisas i den högra delen av bilduppladdningsfönstret. Klicka Lägg till för att lägga in bilden Infoga bild från bildarkivet Klicka på ikonen för bildarkivet De bilder som redan är uppladdade i systemet visas. Klicka på önskad bild för att infoga Nedladdningsbara filer För att skapa en länk till en fil (ex pdf, word) som besökaren kan ladda ner till sin dator används ikonen för nedladdningsbara filer Ange en text som ska länka till filen. Markera texten Klicka på ikonen för nedladdningsbara filer Ett nytt fönster öppnas. Den övre vänstra delen av fönstret visar redan uppladdade filer. Välj en fil från listan och klicka Lägg till för att länka till en redan uppladdad fil, eller licka på knappen Ladda upp för att ladda upp en ny fil Leta fram den fil du vill länka till och klicka Öppna Ett meddelande om att filen har laddats upp visa. Klicka Lägg till för att länka till den uppladdade filen. 8

9 3.5.6 YouTube För att infoga (bädda in) en film från YouTube, används knappen Bädda in YouTube video. För att kunna ladda upp egna filmer behöver man ett YouTube-konto eller ett Google-konto. Gå in på Klicka på Skapa konto och följ instruktionerna eller logga in med ditt Google-konto. Klicka på Ladda upp Klicka på Överför videoklipp och följ instruktionerna När det är klart kan du söka på filmens namn för att titta på filmen Bädda in film på hemsidan Sök på filmens namn Klicka på Dela och Bädda in Kopiera koden, klicka på den plats i editorn där du vill infoga filmen och sedan på knappen för Bädda in You Tube video. Spara sidan Länkar Länka inom samma sajt Markera den text eller bild som ska länkas Klicka på ikonen för infoga intern länk Klicka i trädstrukturen och välj den sida du vill länka till. Klicka Spara för att infoga länken. Länka till extern sida Markera den text eller bild som ska länkas Klicka på ikonen för infoga länk I url-fältet skiver du adressen och i rutan Mål väljer du om länken ska öppnas i ett nytt fönster eller i samma som din sajt. Klicka ok för att infoga Länka till extern sida från navigeringsträdet Klicka på Startsidan eller på den undersida du vill skapa din länk under. Klicka på ikonen för Nytt och välj mallen Extern länk I fältet Länknamn anger du den text du vill att länken ska få i navigeringen. I rutan Url anger du adressen Kryssa i rutan Publicerad och klicka Spara Ankare Ett ankare används till att länka inom en och samma sida. Man börjar med att skapa ankaret, som är själva målet, och sedan länken. 9

10 Klicka på det ställe på sidan där du vill ha ankaret och klicka på ikonen "Infoga ankare" Ange ett namn i rutan Namn (Obs, namnet får ej innehålla å,ä eller ö). Klicka sedan på lägg till. En liten flagga dyker upp på det ställe där ankaret skapades. Nästa steg är att skapa länken. Markera det ord som ska vara klickbart och välj Infoga länk. Kryssa i rutan Välj ett namngivet bokmärke i den aktuella sidan. Listan över de ankare som finns på sidan visas. Välj ankare och klicka ok Tabeller Skapa tabell Klicka på ikonen för infoga tabell Välj antal kolumner och rader genom att dra musen över rutmönstret. Klicka igen. Redigera tabell Högerklicka på tabellen och välj Properties Gör ändringar och klicka på spara Tabellinställningar Genom att högerklicka på tabellen och välja "Properties" och fliken "Tabell", kan du göra inställningar för bland annat: Cellavstånd: avståndet mellan tabellcellerna i höjd- och sidled Cellutökning: marginalerna inom varje cell Kantlinje Kantlinjefärg Bakgrundsfärg Tabellrubrik Cell/rad-inställningar Genom att högerklicka på tabellen och välja "Properties", samt markerar den cell eller rad du vill redigera i rutmönstret, kan du göra inställningar för bland annat: Cellomfång: anger om en cell ska sträcka sig över mer än cell eller rad Kantlinje Bakgrundsfärg Justering: anger om cellens innehåll ska justeras till höger, vänster, eller mitten Vertikal justering: anger om cellens innehåll ska justeras i överkant, nederkant eller mitten Spara samt Spara och Publicera -knapparna Innan du lämnar Redigera-läget måste du spara dina ändringar. 10

11 Spara: Används om du har skapat en ny sida och ännu inte vill publicera den. Alla ändringar sparas men sidan blir inte synlig på webbplatsen. Klickar du Spara när du gjort ändringar på en redan publicerad sida så kommer ändringarna att publiceras direkt Spara och publicera: När du gjort ändringar på en ny sida och vill publicera dessa På en redan publicerad sida fungerar den som vanliga Spara-knappen, dvs ändringarna kommer att publiceras direkt 3.6 Versioner-läge När du vill skapa en arbetskopia av en befintlig sida för att kunna göra ändringar men ändå behålla den gamla versionen. Radera version Publicera version Jämför versioner Redigera version Ta bort publicering av version Skapa ny version Klicka på fliken Versioner och sedan på knappen Skapa ny version och ok Överst i listan på sidan ligger den version som är publicerad och den nya versionen som du just skapade hamnar under den Redigera kopia Genom att klicka på ikonen för Redigera version öppnar du den sidan i redigeraläge och kan göra de ändringar du vill. Genom att klicka spara har du fortfarande orginalsidan publicerad och den nya versionen syns endast i Open24. Klickar du Spara och publicera avpubliceras orginalet och den nya versionen visas publikt. Den nya versionen heter Kopia av Kom ihåg att ändra detta innan publicering Publicera/Avpublicera kopia Se eller klicka på ikonen för Publicera version. Den version som tidigare var publicerad ersätts då med den nya, men finns fortfarande kvar i listan över versioner. För att avpublicera klickar du på ikonen för avpublicera version. Den avpublicerade ersätts då inte automatiskt med någon annan version, utan du måste själv välja vilken som ska vara publicerad. 11

12 3.7 Säkerhet Denna flik är endast tillgänglig för huvudadminstratören och här anger man vilka som har behörighet att redigera sidan Lägg till behörig person Klicka på knappen Lägg till för att lägga till person som ska ha tillgång till sidan. Ange sedan vilken behörighet personen ska ha med hjälp av kryssrutorna. Klicka Spara De olika behörigheterna är: Läsa (Kan endast titta på sidan) Skapa nytt dokument (Behörighet att skapa undersidor till sidan) Redigera dokument Ta bort dokument Publicera Redaktör (behörighet att redigera dynamiska egenskaper) Genom att klicka i rutan Tillåt att ärftliga behörigheter sprids gäller samma behörigheter för alla undersidor till just den här sidan. Genom att klicka i rutan Endast administratörer kan radera objektet garanterar man att ingen obehörig kan radera den aktuella sidan. Kan vara användbart när man har en stor sajt som redigeras av många olika personer eller när det finns många lokala sajter i en stor struktur som alla ska ha vissa förutbestämda sidor. Egen startnod anges när ett konto/person endast ska ha behörighet till den aktuella sidan och dess undersidor. Används i första hand i stora strukturer med många lokala sajter (ex ett förbund med många lokalföreningar), där den person som ansvarar för en lokal sajt, endast ska ha tillgång till den sajten. 3.8 Egenskaper-läget Här finns information om sidan: Nod ID: Anger sidans nummer i navigeringsträdet. Aktuell version: Anger vilken version som är publicerad. URL: Sidans adress Alternativ URL: Om webbplatsen ligger publicerad på annan plats än administrationssidan. Layoutmall: Anger vilken mall sidan är kopplad till. Genom att klicka på ikonen byter du mall. Mallbeskrivning: Information om mallen. Skapad: Anger datum och tid när sidan skapades Skapad av: Anger vem som skapade sidan Senast ändrad: Anger datum och tid när sidan senast ändrades Senast ändrad av: Anger vem som senast ändrade sidan. Publicerad: Anger om sidan är publicerad eller inte. Behörighetskod: Används endast av systemtillverkaren för felsökning av behörighetssystemet. Du kan även, berodende på din behörighet, lösenordsskydda sidan, samt redigera dynamiska egenskaper, mm. 12

13 3.8.1 Byt layoutmall Denna funktion är endast tillgänglig för huvudadministratören. Klicka på ikonen Byt layoutmall. Välj ny mall och klicka spara. Sidan förses då med de egenskaper den nya mallen har. Observera att allt befintligt innehåll försvinner, så det kan vara bra att först kopiera all text innan man byter layoutmall så blir det enklare att återställa Sök-inställningar Här anges om sidan och dess undersidor ska finnas tillgänglig för sökfunktionen om en sådan finns konfigurerad för webbplatsen URL-omskrivning Här anger du en genväg (URL) till den aktuella sidan. T ex istället för kan man ange /kampanj i fältet för URL-omskrivning. Då blir adressen till sidan Lösenordsskydda sida För att lösenordsskydda en sida anger du ett lösenord under fliken Egenskaper och klickar Spara. Lösenordet blir detsammma för alla som besöker sidan och gäller även för eventuella undersidor Dynamiska egenskaper Mallsidorna innehåller vissa färdiga, så kallade dynamiska egenskaper. De används för att automatiskt hämta objekt, information eller annat och visa det på ett förutbestämt ställe på sidan. Det kan till exempel vara en logotype eller adressuppifter men det kan även vara tekniska inställningar som inte syns publikt. När dynamiska egenskaper sätts på en sida, ärvs dessa av alla underliggande sidor om man inte modifierar dem. De dynamiska egenskaperna sätts som regel av producenten och/eller huvudadministratören och kan inte påverkas av användaren. 3.9 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 till vänster Återställa sida från papperskorgen Öppna papperskorgen och markera den sida som ska återställas till sin ursprungliga plats Klicka på fliken Egenskaper och knappen Återställ 13

14 4. Nyhetsfunktion Nyheterna läggs upp på liknande sätt som när man skapar nya sidor. Nyheter används för olika typer av aktuella meddelanden. För händelser som äger rum en viss tidpunkt kan man istället använda Händelser/kalendarium. 4.1 Information om RSS-kanal: 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. Informationen om RSS-kanal gäller både för Nyheter och Händelser/kalendarium. 4.2 Lägga till nyhet Klicka på Nyheter i navigeringsträdet Klicka på ikonen Nytt ovanför navigeringsträdet och sedan på ikonen Nyhet i fönstret som öppnas 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. Tidsstyrd 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 avpubliceras vid en viss tidpunkt. Om fältet lämnas tomt, är nyheten alltid publicerad. Klicka på Spara och publicera sidan för att visa nyheten på webbplatsen 4.3 Ta bort nyhet Klicka på plus-tecknet framför Nyheter i navigeringsträdet så att alla nyheter blir synliga Klicka på den nyhet du vill radera Välj redigera-läget och klicka på knappen Ta bort sidan 4.4 Arkivera nyhet Finns ett nyhetsarkiv konfigurerat för din webbplats använder du knappen Flytta till arkiv för att arkivera en nyhet. Se 4.5 Nyhetsarkiv 14

15 4.5. Nyhetsarkiv Nyhetsarkivet kan användas för att samla nyheter som inte längre är aktuella, men som man ändå vill ha tillgängliga på webbplatsen. Nyhetsarkivet måste sättas upp och konfigureras av producenten/huvudadministratören innan det är tillgängligt och kan användas. Arkivera en nyhet Markera den nyhet du vill arkivera. Klicka på Flytta till arkiv Klicka ok Nyheten flyttas Nyhetsarkivet 5. Kalendarium/Händelser Kalendariefunktionen innebär att man lägger till händelser på liknande sätt som man skapar nya sidor. Kalendern bör användas för aktiviteter som äger rum en bestämd tidpunkt. 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. 5.1 Lägga till händelser Klicka på Händelser i navigeringsträdet Klicka på ikonen Nytt ovanför navigeringsträdet och sedan på ikonen Händelse i fönstret som öppnas 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 anges 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: Används endast i vissa särfall när man vill att händelsen ska tas bort trots att inte händelsedatum inträffat. Klicka på Spara och publicera sidan 5.2 Ta bort händelse Klicka på plus-tecknet framför Händelser i navigeringsträdet så att alla händelser blir synliga Klicka på den händelse du vill radera Välj redigera-läget och klicka på knappen Ta bort sidan. 15

16 7. Bildgalleri Bildgalleriet är en funktion för att samla och visa bilder på webbplatsen. Bilderna sorteras in i album och visas med bläddringsfunktion och thumbnails som skapas automatiskt vid uppladdning av bilder. Funktionen storleksanpassar bilder vid uppladdning. Bildgalleriet måste sättas upp och konfigureras av producenten/huvudadministratören innan det är tillgängligt och kan användas. 7.1 Skapa album Namnge ditt album i rutan Skapa nytt album Det nya albumet skapas och nästa steg är att ladda upp bilder. 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 Ctrltangenten intryckt när du väljer bilder) Klicka på Spara i album. Bilderna publiceras i albumet och kan ses i layoutläget I fältet Kommentar kan man ange en kortare bildtext. Klicka Spara ändringar för att spara kommentarer. 16

17 Genom att kryssa i rutorna till höger och välja från rutan Välj åtgärd kan man ta bort, avpublicera eller publicera enskilda bilder i albumet. 7.2 Inställningar för bildgalleri 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. 17

18 OBS! Inställningar för bildgalleriet gäller alla album 6. Support Support får du i första hand av huvudadministratören för systemet inom er organisation. 18