Användarmanual för Hemsida Sida 1 av 44
Inledning Detta dokument är en användarmanual för redigerbara hemsidor utvecklade av. Du kan själv, i ett wordliknande gränssnitt, enkelt uppdatera din egen hemsida (texter, länkar, filer och delar av layouten). För att kunna redigera hemsidan måste du vara inloggad. Bilder och menyer i exemplen i manualen kan skilja sig något från hur just Din hemsida ser ut. Texten på vissa knappar vara annorlunda än de i exemplen i manualen, detta kan bero på om det är engelsk eller svensk version av Windows på Din dator. Om det är någon grundläggande information som du tycker saknas i denna användarmanual, är vi mycket tacksamma om ni meddelar oss via. Sida 2 av 44
1 Innehållsförteckning 1 Innehållsförteckning... 3 2 Användarens kunskaper... 4 3 Tekniska rekommendationer... 4 4 Tekniska specifikationer... 4 5 Logga in...5 6 Handhavande... 6 7 Ladda upp filer... 9 8 Ta bort filer... 11 9 Uppdatera datum... 12 10 Beskrivning av funktioner... 13 10.1 Hjälptexter... 13 10.2 Storlek på text... 14 10.3 Typsnitt/stil på text... 15 10.4 Fet stil / kursiv stil / understruken text... 16 10.5 Färg på texten... 17 10.6 Placering av texten... 18 10.7 Punktlista eller numrerad lista... 19 10.8 Utdrag och indrag... 20 10.9 Klipp ut, kopiera och klistra in... 21 10.10 Word HTML... 23 10.11 Ångra och upprepa... 24 10.12 Infoga bild... 26 10.12.1 Ladda upp bild på servern... 26 10.12.2 Lägg in bilden på hemsidan... 29 10.13 Redigera storlek på bild... 30 10.14 Skapa länk... 32 10.14.1 Länka till interna sidor... 32 10.14.2 Länka till interna dokument... 35 10.14.3 Länka till externa sidor... 38 10.14.4 Länka till mailadresser... 41 10.15 HTML... 44 10.16 Hjälp... 44 Sida 3 av 44
2 Användarens kunskaper Krav på dig som användare är att du ska ha grundläggande kunskaper i word, works, eller annat liknande ordbehandlingsprogram. Känner du dig osäker och behöver hjälp utöver vad som ges i denna manual så kan vi rekommendera häftet Starta med Word 2003 (Gun Widegren, ISBN:9188783669) som kostar cirka 100 kr. Denna finns i en välsorterad bokhandel eller kan beställas på bland annat www.bokus.se. 3 Tekniska rekommendationer För redigering av hemsidan rekommenderas en skärmupplösning på 1152x864 eller mer. Alla funktioner finns tillgängliga även om man redigerar hemsidan med en lägre skärmupplösning, men det är betydligt enklare med en högre skärmupplösning. Vi rekommenderar att redigering av hemsidan sker antingen i webbläsaren Internet Explorer (standard webbläsaren i Windows) eller i webbläsaren Mozilla Firefox som kan laddas ned gratis på Internet (www.mozilla.com). 4 Tekniska specifikationer Det går av säkerhetsskäl bara att ladda upp filer av följande format: gif, jpg, jpeg, png, bmp, doc, txt, xls, zip, pdf, ppt, avi, wmv, mpeg, mpg, mpe, asf, asx, ram, ra och rm. Om ni skulle ha behov av att kunna ladda upp ytterliggare format, kontakta. Av samma säkerhetsskäl går det bara att ladda upp bilder av följande format: gif, png, jpeg, jpg samt bmp. Om ni skulle ha behov av att kunna ladda upp ytterliggare format, kontakta. Sida 4 av 44
5 Logga in Klicka på i menyn. Skriv in ditt användarnamn och lösenord och klicka på knappen. Du är nu inloggad och kan börja redigera hemsidan. Användarnamn och lösenord ska du ha fått av teknikkonsulterna i samband med överlämnandet av sidan. Har Du glömt ditt lösenord så kontakta oss () så skickar vi ett nytt lösenord per överenskommen e-mailadress eller per brev. Sida 5 av 44
6 Handhavande Klicka på den sidan du vill redigera t.ex. Historik. (Menyerna på just Din hemsida kan se annorlunda ut än de i exemplet.) Klicka på Ställ markören där du vill börja skriva eller redigera. Sida 6 av 44
Gör din redigering eller skriv ny text. Vill du sedan formatera någonting (justera storlek, ändra till fet stil, kursiv stil eller understruket) så kan du först markera det du vill justera och sedan klicka på den formateringen du vill göra. Funktionerna som finns tillgängliga är väl beskrivna i kapitlet Beskrivning av funktioner. När du är klar med text och bild och känner dig nöjd med formateringen så klickar du på och allt är nu upplagt på Internet. Tänk på att ingenting uppdateras på hemsidan förrän du har tryckt på. Blir någonting väldigt fel så kan du med andra ord bara klicka på en annan sida (t.ex. startsida ) så är ingenting ändrat på den sida du höll på med. (Dvs. alla ändringar du gjort på sidan försvinner ) Sida 7 av 44
OBS! När Du skriver in din text eller lägger in bilder så skapar Din hemsida programmeringskod som Du inte ser. Får du någon gång problem med att någon funktion inte fungerar som den ska så beror detta troligtvis på att Du, oavsiktligt, kan ha råkat få med dig en formatering som ligger dold i programmeringskoden. Även en van användare kan råka ut för detta ibland. Vårt första råd att ta bort det du senast gjorde och börja om. Det är då viktigt att du verkligen rensar bort allt som kan ställa till problem (av det du gjort senast). Ett tips är att ställa dig precis före sista bokstaven (där du vet att allting fungerade som det skulle) och sedan trycka enter ett antal gånger på ditt tangentbord. Därefter använder du delete -knappen på ditt tangentbord tills du rensat bort det nya som blev fel. Sedan är det bara att skriva in på nytt. Sida 8 av 44
7 Ladda upp filer För att kunna ladda upp en fil på servern så måste du ha den tillgänglig via din dator (namnge filen så att du lätt hittar den). Se även Tekniska specifikationer. 1. Klicka på Filhantering som ligger dold under Administration. 2. Klicka på i rutan Ladda upp ny fil. (Om du har många filer uppladdade kan du behöva skrolla nedåt på sidan för att hitta nedanstående ruta.) 3. Leta upp filen på datorn och klicka en gång på filen 4. Klicka på Sida 9 av 44
5. Skriv in en kort och tydlig beskrivning av innehållet i filen under Beskrivning. Det du skriver här är det som filen kommer att heta i listan när du skapar länkar till den. Se kapitlet Länka till interna dokument. OBS! Varje dokument måste ha en unik beskrivning. 6. Klicka på 7. Filen laddas nu upp på servern (kan ta en någon minut beroende på storlek). Maximal filstorlek är 12 MB per fil. Du hittar nu filen på sidan och kan nu länka till denna fil (se under rubriken Länka till interna dokument ) För att det ska fungera på Internet som bland annat inte klarar av filnamn med bokstäverna å, ä, ö och mellanslag, döps filen om som man kan se i exemplet ovan. Den uppladdade filen Årsmöte 2008-03-09.doc döps därmed om till Arsmote_2008-03-09.doc. Detta är inget som den normale användaren behöver reflektera över. Sida 10 av 44
8 Ta bort filer För att ta bort uppladdade filer: 1. Klicka på Filhantering som dyker ligger dold under Administration. 2. Leta upp den fil du vill ta bort och klicka på 3. Klicka på 4. Du får nu en fråga om du är säker på att du vill ta bort filen. Klicka på 5. Filen är nu borttagen Sida 11 av 44
9 Uppdatera datum Skriv in ett nytt datum i rutan och klicka sedan på. Nu får du en bekräftelse att datumet är ändrat som ser ut som i bilden nedan. Nu är datumet ändrat och det nya datumet kommer att synas under rubriken Senast uppdaterad. Sida 12 av 44
10 Beskrivning av funktioner 10.1 Hjälptexter Håller du muspekaren över en av (de flesta) knapparna så får du fram en text med information om vad knappen kan hjälpa dig med; Till exempel Högerjusterad i bilden nedan. Sida 13 av 44
10.2 Storlek på text Det finns 7 olika storlekar på text. Klicka på knappen som heter Size för att visa listan med storlekar. Sida 14 av 44
10.3 Typsnitt/stil på text Det finns 10 olika typsnitt/stilar på text. Klicka på knappen med texten Select Font för att visa listan med de olika stilarna som finns att välja på. Sida 15 av 44
10.4 Fet stil / kursiv stil / understruken text Styrs med dessa knappar Sida 16 av 44
10.5 Färg på texten Här finns det 228 olika färger på text att välja på. Sida 17 av 44
10.6 Placering av texten Justering sker med Sida 18 av 44
10.7 Punktlista eller numrerad lista Använd OBS! Vid skapandet av punktlista/numrerad lista: Sätt först storleken på texten och klicka sedan på knappen för lista. Det kan bli problem och se konstigt ut om du i efterhand ändrar textstorleken. Sida 19 av 44
10.8 Utdrag och indrag Använd Innebär att texten i ett stycke kan flyttas åt höger (indrag) eller åt vänster (utdrag). Sida 20 av 44
10.9 Klipp ut, kopiera och klistra in Fungerar på samma sätt som i de flesta standardprogram. Om du använder funktionerna för att klistra in från andra program kan det uppstå problem med formateringen. Vi rekommenderar att man undviker att klistra in från andra program. För att få in bilder och dokument på sidan måste dessa laddas upp på sådant sätt som beskrivs i denna manual i kapitlen Skapa länkar samt Ladda upp filer. OBS! Beroende på säkerhetsnivån i din webbläsare kan det komma en fråga om du vill tillåta dessa funktioner (klipp, kopiera och klistra). Om du precis har tryckt på någon av dessa tre knappar är det ingen fara att tillåta dessa funktioner. Frågan kan se ut som i exemplet nedan. För att undvika att få denna fråga rekommenderar vi att Du använder snabbkommandona nedan: Klipp ut Ctrl + X Kopiera Ctrl + C Klistra in Ctrl + V OBS! I Firefox är dessa funktioner låsta och fungerar inte. Där måste man använda snabbkommandona. Sida 21 av 44
Vid kopiering av text från avancerade ordbehandlingsprogram (till exempel Word) kan det uppstå problem med utseendet på texten. Vi rekommenderar därför att man inte klistrar in text från dessa program. (Ett sätt att komma runt problemet är att klistra in texten från word i det enklare ordbehandlingsprogram wordpad, som finns med i alla aktuella windowsversioner, och sedan kopiera texten därifrån och klistra in den på hemsidan.) Den rekommenderade lösningen är att skriva texten direkt på hemsidan och där göra ändringarna i utseendet på texten. Sida 22 av 44
10.10 Word HTML Denna knapp är borttagen då den endast är för avancerade användare. Funktionen gör att det ska vara lättare att kopiera text direkt från word in på hemsidan, dock krävs det kunskap om HTML-kod för att det ska bli snyggt. Önskar Ni ha denna så vänligen kontakta oss () så lägger vi till den fritt. Sida 23 av 44
10.11 Ångra och upprepa Använd Har du precis gjort någonting och inte hunnit uppdatera sidan så kan du ångra det du precis gjort. Klicka då på knappen ångra en eller flera gånger. Så försvinner det du gjort senast. Om du sedan ångrar att du ångrade någonting, så kan du klicka på upprepa tillbaka i början. så är du Sida 24 av 44
Sida 25 av 44
10.12 Infoga bild OBS! För att kunna infoga en bild så att bilden syns direkt på hemsidan så måste du först ladda upp bilden på servern. Maximal bild-/filstorlek är 12 MB per styck. 10.12.1 Ladda upp bild på servern 1. Ställ dig med markören på den plats där du vill att bilden ska finnas 2. Se till att bilden finns på din dator (namnge bilden så att du lätt hittar den) 3. Klicka på. Du får då upp nedanstående fönster. Sida 26 av 44
4. Klicka på. Då visas fönstret för filöverföring. 5. Leta upp bilden (filen) på datorn och klicka en gång på filen 6. Klicka på Sida 27 av 44
7. Bredvid ska den nu stå en sökväg till din dator. Klicka på och vänta tills bilden är uppladdad. 8. Bilden är nu uppladdad på servern och finns till höger i fönstret under rubriken Välj bild. OBS! Det går i nuläget inte att ta bort bilder. Om det skulle uppstå problem gällande detta, var vänliga kontakta Sida 28 av 44
10.12.2 Lägg in bilden på hemsidan Om du nyligen har laddat upp bilden till servern och redan befinner dig i fönstret nedan kan du hoppa över steg 1 och 2. 1. Ställ dig med markören på den plats där du vill att bilden ska finnas 2. Klicka på. Du får då upp nedanstående fönster. 3. Klicka på den bild du vill ha i listan till höger. Bildens sökväg på servern kommer att bli synlig under Bildsökväg. 1. Klicka på 2. Bilden är nu synlig på hemsidan (glöm inte uppdatera sidan) De val som finns under Layout är endast för avancerade användare. Sida 29 av 44
10.13 Redigera storlek på bild Klicka en gång på bilden. 8 små fyrkanter finns nu runt bilden (det är möjligt att du inte ser alla). Håll muspekaren över en av fyrkanterna (förslagsvis en av fyrkanterna i hörnen för att behålla bildens proportioner). Markören ändrar form till en dubbelpil. Håll nere musknappen och dra bilden så den blir större eller mindre efter önskemål och släpp sedan musknappen. Sida 30 av 44
I vissa webbläsare ser det ut så här under tiden som du håller på att justera storleken på bilden. (I detta fall förminskas bilden något) Släpp sedan musknappen och bilden har en ny storlek. Sida 31 av 44
10.14 Skapa länk Det går att skapa länkar till: interna sidor interna dokument externa sidor externa dokument (avancerade användare beskrivs ej i denna manual) e-mailadresser 10.14.1 Länka till interna sidor 1. Markera den text eller bild som ska vara den klickbara länken. 2. Klicka på skapa länk och nedanstående fönster visas. Sida 32 av 44
3. Under Välj internt material att länka till: under Sidor kan du klicka på en av de interna sidorna du vill länka till. Då dyker adressen till den valda sidan upp i Sökväg. 4. Vid länkar till interna sidor rekommenderas att man väljer att öppna länken i samma fönster. Markera Samma fönster i valet Öppna länken i:. 5. Klicka på 6. Så här ser det ut nu. Sida 33 av 44
Den markerade texten Denna är nu en länk till den valda interna sidan. Sida 34 av 44
10.14.2 Länka till interna dokument Du kan länka till de uppladdade dokument som finns på Din server. Se kapitlet Ladda upp filer för instruktioner om hur du går tillväga. 1. Markera den text eller bild som ska vara den klickbara länken. 2. Klicka på skapa länk Sida 35 av 44
3. Under Välj internt material att länka till: under Dokument kan du klicka på ett av de uppladdade dokumenten du vill länka till. Då dyker adressen till den valda sidan upp i Sökväg. 4. Vid länkar till interna dokument rekommenderas att man väljer att öppna länken i ett nytt fönster. Markera Nytt fönster i valet Öppna länken i:. 5. Klicka på och länken är skapad. Sida 36 av 44
Den markerade texten Denna är nu en länk till det valda interna dokumentet. Sida 37 av 44
10.14.3 Länka till externa sidor Du kan länka till alla sidor som finns på Internet. Det enda du behöver ha är sökvägen till sidan. Sökvägen visas i webbläsarens adressfält även om du har klickat till sidan via en länk. Se bilden nedan. Markera länken, kopiera den och klistra in den (det går även att skriva ner den på ett papper och skriva in den manuellt) i steg 3 i instruktionen nedan. 1. Markera den text eller bild som ska vara den klickbara länken. Sida 38 av 44
2. Klicka på skapa länk och nedanstående fönster visas. 3. Under Infoga länk: så skriver du in sökvägen till en annan hemsida i fältet Sökväg. (T.ex. http://www.sysav.se) 4. Vid länkar till externa sidor rekommenderas att man väljer att öppna länken i ett nytt fönster. Markera Nytt fönster i valet Öppna länken i:. 5. Klicka på Sida 39 av 44
Den markerade texten Denna är nu en länk till den inskrivna sökvägen (externa sidan). Sida 40 av 44
10.14.4 Länka till mailadresser Du kan även länka till mailadresser. 1. Markera den text eller bild som ska vara den klickbara länken. 2. Klicka på skapa länk och nedanstående fönster visas. Sida 41 av 44
3. Under Sökväg: tar du bort det redan ifyllda http:// och skriver istället mailto:. 4. Efter mailto: skriver du sedan in den mailadress du vill länka till. 5. Klicka på Sida 42 av 44
Den markerade texten här är nu en länk till den inskrivna mailadressen. Sida 43 av 44
10.15 HTML Denna knapp är endast är för avancerade användare som förstår HTML-kod. 10.16 Hjälp Denna funktion länkar till den senaste versionen av den här manualen. Sida 44 av 44