Detta är en fördjupnings- och vidareutbildningsmanual För SPFs webbsidor.

Detta är en fördjupnings- och vidareutbildningsmanual För SPFs webbsidor.

Behörighetssystem För att du ska kunna börja använda webbverktyget så finns ett behörighetssystem som är till för att endast personer som har tillhörighet till SPF ska kunna använda systemet och webbverktyget. Inloggning Inloggning till SPF s Medlemssystem och modulen för webbverktyget Webbtool kan ske på två sätt: 1. http://www.spfpension.se/medlem.html En sida med länkar som rör medlemssystemet och webbverktyget: här väljer man Till Webtool eller Till Medlemsregistret. 2. https://medlem.foreningssupport.se/spf/open24 /admin/system/default.asp Ger direkt åtkomst för inloggning Logga in I fönstret för Logga in ska du ange Din förenings användarnamn och lösenord. Gör så här: 1. Peka och klicka i rutan nedanför Ange ditt användarnamn och skriv in ditt användarnamn Exempel: lf0777web 2. Tryck på Tabb-tangenten på tangentbordet eller peka och klicka i rutan nedanför Ange ditt lösenord och skriv in ditt lösenord Exempel: enkla 3. Bekräfta dina inloggningsuppgifter genom att trycka på Enter-tangenten på tangentbordet Nu visas fönstret för Webbverktyget Webbtool Nytt fr.o.m 2011-01-19 är att när man loggar in som lokalföreningsanvändare så ser man endast sin egen nivå i filträdet. Det gör att man inte behöver klicka sig igenom förbund och disktrikt innan man kommer ner till sin egen förening.

Föreningens hemsida ansiktet utåt. Föreningens hemsida är en del av föreningens ansikte utåt på internet och kanske den första kontakten man får som besökare och som en potentiell blivande medlem i SPF. Syftet är att besökaren ska bli medlem i just er förening. Men också att sprida information om er förening, såväl till medlemmar som till övriga intresserade. Föreningen ges en möjlighet att berätta för omvärlden vad och vilken verksamhet man bedriver i den enskilda föreningen. Det är mycket viktigt att denna sida ser bra ut, men kanske viktigast är vad just er förening gör. Det kan vara aktiviteter, händelser, nyheter, styrelse och kanske en beskrivning på varför man ska bli medlem och det som gör det intressant för nya medlemmar att just välja er förening. De flesta föreningar har kanske sin speciella sak och vad är er speciella sak? Hemsidan ska ha vissa kvaliteter. Den måste ha ett tilltalande utseende på en bildskärm, det ska vara lätt att navigera sig fram till de delar man söker efter. Informationen på hela hemsidan måste vara uppdaterad och korrekt, adressen och annat ska göra att betraktaren lätt hittar dit. Det ska vara lätt att känna igen sig, och hemsidan måste både vara och kännas levande. En hemsida som det aldrig händer något med får så småningom inga besökare. En aktiv hemsida får besökare så enkelt är det. Ställ följande frågor till er själva! 1. Vad är ert syfte med er hemsida? 2. Vad vill ni förmedla till er omvärld? 3. Vad vill ni att era besökare till er hemsida ska mötas av? Enkelhet och lätt att hitta på hemsidan Det bör vara enkelt att hitta information på en hemsida och det bör vara enkelt att navigera på hemsidan. Man bör inte ha så många under sidor och nivåer att borra sig ner till. Ibland kanske det är oundvikligt, men med en del funderingar så kan det kanske minskas. Inga långa menyer o o o Arbeta med undersidor Använda interna länkar och dolda menysidor Gruppera och samla informationen. Statistik (Nytt fr.o.m. 2010-10-01) Här finns statistik om antalet besökare och antalet sidvisningar på såväl webbplatsen som enskilda sidor. Det är också möjligt att läsa av statistiken för olika tidsperioder.

HÄNDELSER och NYHETER I standardupplägget av SPF:s hemsidor finns det ett par dynamiska sidor som inte bör tas bort eller förändras. Dessa är: Händelser, Nyheter, Styrelse och Bli medlem Nytt fr.o.m 2011-01-19 är man som vanlig användare inte längre kan radera sidan av misstag. Sidorna kommer att ligga opublicerade och måste alltså publiceras av er innan de syns på webben. Händelser. Sidan används för att skapa återkommande händelser och aktiviteter inom föreningen som en kalender. Kalenderfunktionen visas på startsidan längst ner på sidan, och ska användas för händelser som avser en bestämd tidpunkt. Nyheter. Den här sidan skapar nyheter på din förening. Nyheter avser information som ni själva bedömmer är en nyhet både för era medlemmar och för era besökare på er hemsida. En av flera fördelar med dessa sidor är att man kan göra sidor i förväg, bestämma en automatisk publicering samt när sidan inte längre skall visas. Utnyttja dessa sidor med att lägga till händelser och nyheter som undersidor. Så här lägger man upp Händelser och Nyheter med undersidor. o o Klicka på Händelser alternativt Nyheter i navigationsträdet. Dessa huvudsidor kan man göra osynliga i den meny som visas på webbsidan och endast låta respektive undersida synas på startsidan. När huvudsidan är markerad välj fliken Redigera skriv in dokumentnamn Händelse resp. Nyheter och kryssa i Dölj i navigering (se nedan) o SPARA / Spara och publicera sidan. o Nu skall undersidorna skapas. Markera därför först Händelser alternativt Nyheter i navigationsträdet. o Klicka på ikonen Ny sida ovanför navigationsfältet Skapa ny sida Klicka sedan på arket för Händelse alternativt Nyheter

o o En ny undersida skapas och du kommer automatiskt till Redigera läget. Fyll i rubrik, datum för händelsen, ingress och text för respektive, Händelse/Nyhet. Fyll i den nedre delen: o Publicering; klicka på [Nu] om du vill publicera omgående eller skriv in datum (kalenderfunktion finns också) och ev. tid då du vill att sidan skall publicera. o Avpublicering; sker på motsvarande sätt o SPARA o Kontrollera resultatet genom att välja fliken Layout. o Är sidan publicerad kan du även kontrollera resultatet och placeringen genom att välja startsidan.

Länkar Länkar kan man likna vid en trampolin till mer eller annan information inom samma webbplats (INTERNA LÄNKAR) eller till en annan webbplats (EXTERNA LÄNKAR). Länkar har stora fördelar för besökaren. Det ger möjlighet att snabbt ledas vidare till relaterat eller fördjupande information. Webbsidans meny kan därigenom också hållas mer överskådlig. Använd därför länkar till andra sidor på föreningens webbsida, s.k. intern länkning. Några exempel - Bilder från månadsmöten - Referat från möten och aktiviteter - Från Nyheter till sida med mer information - Från Händelser till sida med mer information Det kan också vara bra att länka till andra webbplatser s.k. extern länkning. Några exempel: - Din kommun - Vårt landsting - Pensionsmyndigheten - Varor, tjänster och hjälpmedel Tänk på att öppna interna länkar i samma fönster och externa länkar i ett nytt separat fönster. Är det en extern länk bör detta framgå av texten och sammanhanget när du skapar länken. Genom att snabbt läsa texten som är länkad, ska man förstå vad man kommer till. Exempel på intern länk: Se mer information på sidan om vårt mötesprogram [Klicka här] Exempel på extern länk: Vill du komma till Jönköping Kommuns hemsida [Klicka här] Undvik alltså innehållslösa länkar som "Läs mer" eller "Klicka här". Dessa länkar ger inte din besökare en aning om vart han eller hon hamnar och blir en betydelse lös länk! Sätt länkarna i ett begripligt sammanhang. Använd relaterade länkar till verksamheten och undvik både interna och externa länkar till exempelvis recept, motorsågar, film och video, veteranbilar. Man kan också göra en särskild sida, som finns med i menyn, kallad Länkar eller Externa länkar. Där kan en förteckning över de externa länkarna finnas. Du får länka men - du har även ett moraliskt ansvar. Kolla först att webbplatserna du ska länka till fungerar, och ger den information du tänkt dig. Du har självklart inget juridiskt ansvar för informationen på de webbplatser du länkar till. Men du har ett moraliskt ansvar. Du ska definitivt inte leda dina besökare vidare till webbplatser som av någon anledning är tvivelaktiga. Använd sunt förnuft och tänk över vart du inte vill hamna själv.

Länka inom samma sajt Ett exempel: Sidan Möten som presenterar föreningens mötesprogram --, finns en undersida som ska användas för t.ex. mötesreferat eller bilder från möten. Denna sida behöver då inte nödvändigtvis finnas synlig i menyn men som man når via en länkning. 1. Markera den text eller bild som man skall länka ifrån. T.ex. [Klicka här för att läsa mötesreferat] 2. Klicka på ikonen för infoga intern länk den mittersta av dessa tre. 3, Följande visas 4. Leta upp den sida i menyträdet som man skall komma till och markera denna 5. Välj Spara 6. Spara även sidan med den interna länken Länka internt till en bestämd plats på sidan. Om man vill förflyttas till en bestämd plats på en sida, använder man Ankare. Några exempel: Med mycket text på en sida kan man göra en innehållsförteckning överst på sidan och därifrån länka till där respektive avsnitt eller text finns. Med mycket information, text eller bilder, på en sida kan man göra en länk som snabbt tar en upp till toppen på sidan. När man länkar internt, t.ex. från en sida till en annan sida, kan med ett Ankare göra en förflyttning till en bestämd plats på sidan. 1. Ställ markören på den plats dit man skall komma. 2. Klicka på knappen Infoga Ankare. 3. Den här bilden kommer upp:

4. Skriv ett Ankar-namn (ej åäö) och kom ihåg namnet, tryck därefter på Lägg till 5. Där markören placerades (punkt 1 ovan) infogas ett bokmärke för ankaret Ankarlänk inom samma sida: 1. Markera den text, plats, ikon eller bild som skall vara startpunkten för Ankar-förflyttningen. 2. Klicka på knappen Infoga länk. 3. Följande bild kommer upp. Sätt en bock i denna ruta 4. Markera det Ankar-namn / bokmärke som skapades tidigare, och klicka på OK 5. Spara sidan och kontrollera resultatet att länkningen fungerar. Ankarlänk till annan sida: 1. Utgå från den sida som Ankaret placerades och välj fliken Egenskaper 2. Kopiera sidans adress/url ( Makera adressen med musen och tryck Ctrl+C) 3. Gå därefter till den sida som skall vara startpunkten och välj fliken Redigera. 4. Markera den text, plats, ikon eller bild som skall vara startpunkten för Ankar-förflyttningen. 5. Klicka på knappen Infoga länk.

6. Följande bild kommer upp Kopiera in adressen till länksidan här (Ctrl+V) och lägg till ankartexten/bokmärket direkt efter adressen med ett stakettecken Se nedanstående exempel http://www.spfpension.se/content.asp?nodeid=35299#vi nprov 7. Klicka på OK och Spara sidan 8. Kontrollera resultatet att länkningen fungerar. Länka till andra sajter externa länkar I vårt övningsexempel skall vi skapa en extern länk från en sida i menyn kallad Länkar. Därför måste vi först skapa en ny sida kallad LÄNKAR och flytta sidan till lämplig plats i Menyn. 1. Välja den nya sidan Länkar samt Redigera-fliken. Markera den text eller bild som ska vara själva länkningen. Exempel: Vill du komma till Jönköping Kommuns hemsida [Klicka här] Ett nytt fönster kommer att öppnas. 2. Klicka på ikonen för infoga länk den vänstra av dessa tre. 3. Följande kommer att visas: I Url-fältet skrivs adressen till den externa sajten I Mål-rutan väljer man hur länken ska öppnas, t.ex. i ett nytt separat fönster. Externa länkar bör öppnas i Nytt fönster. 4. Avsluta med att klicka på OK och spara sidan 5. Kontrollera resultatet, dvs. att länkningen fungerar.

Bildpublicering Bildarkivet Varje förening har ett eget bild- och filarkiv kopplat till föreningen, dvs. en egen mapp där föreningen kan lagra sina bilder. Ingen annan förening kan eller ska ha åtkomst för att använda bilderna som finns i denna mapp. Tanken är att man fysiskt laddar upp de bilder som man vill visa på webbsidan till bild- och filarkivet. Från bildarkivet infogar man sedan bilder på webbsidan. Det betyder att det finns endast en fysisk bild i mappen, men den kan visas på flera ställen på webbsidan. OBS! Tar man bort bilder ifrån fil- och bildarkivet kanske bilder kan försvinna på webbsidan. Kontrollera noga innan du tar bort filerna i bild- och filarkivet så att de inte används någonstans på webbsidan. Ladda upp och infoga bilder på webbsidan = två arbetsmoment. Det är i princip två arbetsmoment för att få in en bild till webbsidan. Första momentet innebär att man måste ladda upp sina bilder från datorn eller extern lagringsenhet till föreningens egen mapp/webbsidans bild- och filarkiv. Förutsätter att bilden finns lokalt på en dator och ännu inte är uppladdad till föreningens lagringsutrymme. Med lokalt avses att bilden finns på datorns hårddisk (lokaldisk C:) eller annan lagringsenhet som exempelvis löstagbar hårddisk eller USB-minne. Arbetsmoment två innebär att från hemsidans/föreningens bild- och filarkiv infoga bilden på den plats där bilden skall visas. Förutsätter att bilden redan finns uppladdad till webbverktyget.

Bilderna storlek. Filstorlek Största bildstorlek Maximalt lagringsutrymme Om bilden är för stor kan den inte laddas upp, utan måste därför i förväg minskas. Bild till startsidan får inte vara för stor och bör ej överstiga 300 px. Max är 400 px bred. Till övriga sidor är c:a 600 px en lämplig storlek. Här kommer några förslag hur man kan gå tillväga att minska bildstorleken utan att ha tillgång till särskilda bildbehandlingsprogram. 1) Leta upp var bilderna finns på din dator. 2) Högerklicka på en bild 3) I menyn som då kommer fram leta efter Öppna med.> 4) Välj alternativ Microsoft Office Picture Manager 5) Över bilden finns följande: Klicka på Redigers bilder. Höger om bilden finns följande: Välj alternativ Ändra storlek

Välj alternativet Webbsida stor (640x480) Klicka på OK och spara bilden med ett nytt namn Ett annat alternativ kan vara att använda standardprogrammet Paint. Detta finns under Start / Alla program / Tillbehör. 1) Starta programmet, och klicka här. samt välj Öppna 2) Leta upp var bilderna finns på din dator. Markera aktuell bild. 3) Välj ändra storlek 4) Välj följande storleksalternativ 5) Spara bilden med ett nytt namn om du vill behålla originalbilden En sista storleksjustering kan göras efter att bilderna laddats in med ledning av nedanstående anvisningar. Bildernas namn. OBS! Bilder och dokument som skall laddas upp kan inte ha åäö, specialtecken eller mellanslag i namnet.

Arbetsmoment 1 - Ladda upp bild Peka och Klicka på ikonen för att ladda upp bild Ett nytt fönster öppnas, Infoga lokal bild visas nedan. Så här ser det ut första gången när inga bilder finns uppladdade. Gör en struktur/mappar för att spara bilderna i. Den övre vänstra delen av fönstret visar om det redan finns uppladdade bilder Klicka på knappen Ladda upp och ännu ett fönster öppnas som visar varifrån bilden skall hämtas från din dator.

Leta upp den plats på din PC eller extern lagringsmedia där du har dina bilder Peka och klicka på den bild som skall laddas upp till bildarkivet. Nytt är att flera bilder kan Laddas upp samtidigt Klicka på knappen Öppna Ett meddelande om att bilden laddats upp visas. NYTT: Det går att ladda upp flera bilder/dokument på samma gång. Peka och markera samtliga bilder som skall laddas upp. Klicka därefter på Öppna.

Arbetsmoment 2 - Infoga bild från bildarkivet till hemsidan Bilder på webbsidan är populärt och ett bra komplement till annan information. Bilder på webbsidan kan visas på många olika sätt. Några exempel: Text och bilder Särskilda bildsider Länkad undersida I Menyn dold bildsida Bestäm först vilken sida bilderna skall visas på, gör eventuellt en ny (under)sida för bilderna. Välj fliken Redigera. Klicka på ikonen för bildarkivet Den tidigare upplagda mappstrukturen visas. Klicka på den mapp som innehåller bilden/bilderna som skall infogas. Bilderna i mappen visas som småbilder Klicka/dubbelklicka på den bild som skall infogas på sidan. SPARA sidan Kontrollera resultatet

Äldre och icke aktuell information bör flyttas till Ändra sidans namn Lägga som undersida Särskilda arkivsidor Ta bort sida flytta till papperskorgen Städa och rensa -- i publicerade sidor -- i papperskorgen. Ändra sidans namn Ett exempel: Sidan Månadsmöten med 2009 års program kan kanske vara av visst intresse även under 2010. Enklast göra man detta genom att namnändra sidan till Månadsmöten 2009 och skapa en ny för Månadsmöten 2010 och ha kvar båda sidorna. Lägga som undersida dold undersida i menyn Ett exempel: Sidan med Månadsmöten 2009 kan också läggas som en undersida till sidan med Månadsmöten: Denna sida blir Huvudsida och Månadsmöten 2010 och Månadsmöten 2009 blir två skilda undersidor till denna. Ett annat exempel kan vara att på sidan med nu aktuella Månadsmöten ha en text som länkar till tidigare Månadsmöten = Vill du se information om våra tidigare möten [Klicka här] Denna text länkar till en sida som är dold i menyn och man kommer bara åt den via denna väg. Särskilda arkivsidor Ytterligare ett exempel: I Menyn skapar man en särskild sida som heter t.ex. Arkivet / Arkivsidor. Och till denna sida lägger man upp en förteckning över de sidor som finns arkiverade. Man väljer vilken tidigare (arkiverad) information man vill ha och klickar på denna. En god regel är dock att inte samla på sig för mycket arkiverat material. Efter 2-3 år är det som regel inte intressant att ta del av. Ta bort sidan Att ta bort en sida går till på följande sätt: Klicka på den aktuella sidan i det vänstra navigeringsträdet. Klicka därefter på fliken Redigera ovanför arbetsytan. Klicka sedan på knappen Ta bort sidan och sidan tas bort genom att den flyttas till Papperskorgen.

Ta bort bild/bildfil från arkivet Peka och Klicka på ikonen för att ladda upp bild Markera den bild eller bildfil som skall tas bort Klicka på Saxen Besvara kontrollfrågan OBS! Tar man bort bilder ifrån fil- och bildarkivet försvinner bilder från webbsidan. Kontrollera noga innan du tar bort filerna i bild- och filarkivet så att de inte används någonstans på webbsidan. Städa och rensa Skall våra hemsidor vara intressanta att ta del av och leda till att besökarna återkommer är det nödvändigt att ständigt hålla koll på hemsidans innehåll, och att med jämna mellanrum städa och rensa i materialet. En del material kan arkiveras annat kan tas bort. Varje förening har sin egen Papperskorg längst ner i Navigationsträdet. I denna samlas alla sidor som man valt att ta bort. Töm papperskorgen Leta upp papperskorgen Klicka på den sida (inkl undersidor) som skall tas bort Klicka på Redigera- Fliken Klicka på knappen Ta bort sidan OBS! Ta in bort ev. dynamiska sidor som kan finnas i papperskorgen. Så här ser dessa sidor ut Besvara kontrollfrågan