Manual för webbredaktörer. Februari 2018

Transkript

1 Manual för webbredaktörer Februari

2 Innehåll Vem gör vad på webben? sid 3 Att komma igång sid 4 Menystruktur sid 5 Skapa en ny sida sid 7 Verktygslådan sid 12 Söka och ändra i en befintlig sida sid 14 Att skriva på webben - texter sid 16 Städning är viktigt! sid 20 Sökning av sidor och menyer sid 17 Lägga in bilder sid 22 Länkar sid 25 Bädda in streamade filmer sid 30 Sökning av sidor och menyer sid 32 2

3 Vem gör vad på webben? Förbundet Webbmaster Publicerar och uppdaterar 1. Information om Parkinsons sjukdom 2. Förbundets aktiviteter 3. Internationella och riksnyheter 4. Kontaktuppgifter till förbundet, m m. Ansvar för samordning, teknisk utveckling och utbildning av redaktörer. Har övergripande behörighet, d v s tillgång till alla sidor. Länsföreningar Lokalföreningar Webbredaktör(er) Publicerar och uppdaterar 1. Regionala nyheter och aktiviteter 2. Kontaktuppgifter länsföreningen Webbredaktör(er) Publicerar och uppdaterar 1. Lokala nyheter och aktiviteter 2. Kontaktuppgifter till lokalföreningen Samordnar arbetet i länet. Har behörighet för länets sidor. Har behörighet för länets sidor. 3

4 Att komma igång Adress till administrationsverktyget: Kontakta kansliet och meddela namnet på den nya redaktören, så aktiveras kontot. OBS! Användarnamn och lösenord är personliga och ska inte delas med andra. Rekommenderade webbläsare: Google Chrome eller Firefox. Du kan INTE använda Explorer eller Edge. Har du glömt ditt lösenord? Klicka på Glömt lösenord, så skickas ett nytt lösenord till din e-postadress. Radering av konton Redaktörskonton som inte använts på tolv månader raderas. 4

5 Menystruktur Huvudmenyer Innehållet på webbplatsen är sorterat i olika avdelningar och olika nivåer. På administrationssidorna kallas de för menyer. Menyer 1. Huvudmenyer ex: Om Parkinsons sjukdom, Butiken, Nyheter, Länsföreningar Undermenyer 2. Menyer ex: Stockholm, Skaraborg, Skåne 3. Undermenyer ex: Båstad, Lund, Trelleborg 5

6 Så här kan en föreningssida se ut. Nyheter i mitten. Kontaktuppgifter och bild på styrelsen i vänster marginal. Aktiviteter i högermarginalen. 6

7 1. Klicka på Ny sida i menyn till vänster. Skapa en ny sida 2. Skriv in sidtitel Sidtiteln är den text kommer att stå i fliken ovanför den nya sidan. 7

8 Skapa en ny sida 3. Undermeny Bestäm om sidan ska vara en egen undermeny. Du kan välja en befintlig undermeny eller skapa en ny. Övriga sidor ska sparas med Ingen meny. (OBS! Du kan bara ha en sida per undermeny. Om du har två eller flera sidor med samma undermeny kommer bara en av sidorna att synas.) 4. Publicering Om du väljer en publiceringstid i framtiden, så är sidan inte synlig innan dess. Om du vill att sidan ska vara publicerad direkt behöver du inte fylla i någonting. 8

9 Publiceringsdatum Publicera från Anger vid vilken tid och dag som sidan börjar visas på webben. Till Anger vid vilken tid och dag som sidan upphör att visas på webben. 9

10 Spara en sida 5. För att spara klicka på Spara sida / Save changes längst ned på sidan. När du klickat på Spara blir sidan publicerad. 6. För att se hur sidan ser ut för besökarna, klickar du på Förhandsvisa sida Ett tips för att underlätta arbetet är att ha två webbfönster öppna samtidigt. Administrationssidan i det ena och den riktiga, utsidan i det andra. När du gjort en ändring i administrationssidan, laddar du bara om utsidan så ser du hur det blev. 10

11 Kopiera eller ta bort en sida Kopiera en sida Om du vill använda en befintlig sida som mall för en ny sida klickar du på Copy as a new webpage Ta bort en sida Klicka på Remove webpage 11

12 Verktygslådan I varje spalt finns verktyg för att formatera text, lägga in bilder och filmer, skapa länkar och formulär. Inbäddning av kod t.ex till filmer Här väljer du storlek på text Raderar formatering i inklippt text Med den här knappen maximerar du fönstret Lägg in bilder Fetstil Skapa länkar Dessa knappar används för att skapa formulär 12

13 Spalter Varje sida består av två eller tre spalter I rullgardinsmenyn kan du välja att dela in din sida i två eller tre spalter av olika bredd. Du kan när som helst byta antal och bredd. Om du byter antal spalter Om du börjat med tre spalter och sedan byter till två spalter, är det Spalt 2 som döljs. I mobiler I mobiler, som ju har mindre skärm än en dator, visas det som står i den bredaste spalten först. Om mittenspalten är bredast kommer den före de andra spalterna. Om alla spalter är lika breda visas den vänstra spalten först och därefter mittenspalten. 13

14 Söka och ändra i en befintlig sida Klicka på Sök/ändra sida i menyn till vänster och leta reda på sidan du vill ändra. Du kan söka på flera sätt: 1. Fritextsökning, använd rutan Sök text och klicka på Search 2. Söka via undermeny, välj i rutan Undermeny och klicka på Search 3. Klicka på Search (då får du upp alla sidor) Om du sökt på fritext kan du hamna direkt på den sökta sidan. Ibland får man istället en träfflista. När du har en träfflista Välj sida genom att klicka på Redigera på sidan du vill ändra. 14

15 Träfflista Sidans namn Här ser man sidans plats i strukturen. Huvudmeny Meny Undermeny För att komma in på sidan klickar du här 15

16 Att skriva på webben Informativa länkar Använd gärna länkar för att leda besökaren vidare till mer information. Låt länken beskriva vad det är man kommer till. Exempelvis: Läs mer om vår utflykt inte Läs mer här Det är också bra att inte skriva samma information (t.ex kontaktuppgifter till styrelsen) på flera olika sidor. Det kommer att underlätta för dig att bara behöva ändra på ett ställe, när uppgifterna ska ändras. Mycket information långa texter Lägg helst en lång text på en egen sida och gör en länk till den från din startsida. Startsidan ska ge en överblick, vara ett skyltfönster. Använd samma rubrik Det är bra att ha samma rubrik på sidan, som i menyn och i länkar till sidan. Då vet besökaren att hen har hamnat rätt. 16

17 Långa texter Texter Längre texter går enklare att skriva och redigera i ett ordbehandlingsprogram, t ex MS Word. Kopiera texten och klistra in den i administrationsgränssnittet. Om gammal formatering finns kvar, markera texten och klicka på radergummit i verktygslådan. Ett annat sätt är att klistra in texten i ex vis WordPad/Anteckningar, kopiera den där, och klistra in på nytt. PDF:er Om du kan ska du skriva informationen direkt på sidan och undvika att länka till en pdf. Informationen blir tydligare på det sättet. Om det inte går kan du skriva en kort beskrivning och komplettera med en länk till pdf-filen. Intill länken skriver du (pdf), så förstår besökaren vad länken leder till. Se exempel nedan. 17

18 Texter Typsnitt Din sida blir snygg och överskådlig om du använder rätt typsnitt till rubriker, underrubriker och brödtext. Använd inte rubriktypsnitt i brödtexten! Det blir svårt att läsa och att orientera sig på sidan. Rubrik 2 Rubrik 1 Försök undvika Kursiv stil det är svårläst på skärm Understrukna ord det kan uppfattas som en länk VERSALER i löpande text ger de sämre läsbarhet och så verkar det som om du skriker. Färg på rubriker Normal/brödtext 18

19 Tips! Använd gärna tangent-kommandon när du kopierar, klistrar in, klipper ut, etc. ctrl +a ctrl + c ctrl + v ctrl + x ctrl + z Markera allt Kopiera Klistra in Klipp ut Ångra 19

20 Städning är viktigt! Ta för vana att regelbundet gå in och läsa vad det står på din sida. Ta bort det som inte gäller längre; möten som redan har inträffat, styrelseledamöter som inte är aktiva längre, osv. Testa dina länkar och se om de fortfarande fungerar och leder dit du tänkt dig. 20

21 Städning är viktigt! Vi kan inte använda webbservern som ett arkiv för bilder och pdf-filer. Utrymmet är begränsat. I menyn kan du få hjälp med att städa bort för stora filer och bilder. Röd färg indikerar att filen är för stor. Du kan också se om det finns länkar till filen. Vill du ta bort filen är det bara att klicka på radera På webben finns gratisverktyg för att göra pdf-filerna mindre: 21

22 Lägga in bilder På webben räcker det om bilden är lågupplöst, dvs inte har så många pixlar. Det räcker gott om bilden är under 300 kb. Lämpliga format: Gråskala- och fullfärgsbilder bör vara sparade i jpg-format. Logotyper och andra grafiska illustrationer med få färger kan sparas i png eller gif. Döp dina bilder innan du laddar upp dem till internetservern. Använd inte å, ä och ö i namnet. Innan du publicerar Kolla att du har rätt att använda bilden! Kolla att personerna på fotot tycker att det är OK att vara med. 22

23 Gör så här Sätt markören där du vill lägga in bilden och klicka på symbolen för bilder. Lägga in bilder Klicka på den blå knappen Bläddra på server. Välj sedan den bild du vill använda. Om bilden inte finns inlagd på servern kan du ladda upp den. 1. Klicka på Bläddra och sök sedan upp bilden på din dator. 2. Klicka på bilden och Öppna. 3. För att lägga in bilden på servern klickar du på Upload. När bilden laddats upp till servern kan du klicka på den och då läggs den in på webbsidan. 23

24 Bilder: Placering, format och fotografens namn Ta bort siffrorna som anger bredd och höjd, så blir bilden anpassad i storlek när den visas, oavsett plattform. Välj hur du vill ha bilden placerad på sidan i rullgardinsmenyn under Justering. Om du väljer justering kommer texten att flöda vid sidan om bilden, till höger eller till vänster. Du kan behöva göra bilden mindre, skriv lämpligt antal pixlar i rutan Bredd. Se till att hänglåset är stängt, så behåller bilden rätt proportioner. Fotografens namn lägger du in genom att klicka på fliken Avancerad och skriva in ex. vis: Foto: NN, Illustration: NN under rubriken Titel 24

25 Länkar Man kan göra länkar till En annan sida En pdf-fil En e-postadress Du använder länkverktyget, som finns i verktygslådan. 25

26 Länka till en e-postadress 1. Markera e-postadressen på sidan. 2. Klicka på länkverktyget och välj länktyp e-post. 3. Skriv in e-postadressen i rutan URL 4. Klicka på OK 26

27 Så här gör du en länk till en sida Låt oss anta att du har gjort en sida och nu vill göra en länk till den, från en annan sida. För att kunna göra länken behöver du den nya sidans url (adress). Klicka på Förhandsvisa sida och kopiera adressen som står i webbläsarens adressfönster. Gör så här: Markera och kopiera url:en

28 Gå nu till den sidan där du vill lägga in länken 1. Skriv in den text du vill att länken ska ha (Se exemplet här till höger: Samhälle och lagstiftning ) 2. Markera texten 3. Klicka på länksymbolen. Du får upp en ruta med rubriken Länk. 4. Klistra in länken till sidan du vill länka till i fältet URL 5. Klicka på OK

29 Glöm inte att spara!

30 Bädda in streamade filmer I Vimeo och på Youtube väljer du Bädda in, Embed media eller liknande Kopiera den inbäddade koden Den ser ut ungefär så här: <iframe width="560" height="315" src=" frameborder="0" allowfullscreen></iframe> Och klistra in den i dialogrutan som dyker upp när du klickar på Embed media -knappen. Videon visas inte i admin-läge (bara en tom ruta), men den syns när du förhandsvisar sidan. 30

31 Skapa en undermeny Du skapar en undermeny genom att lägga till den när du skapar eller ändrar en sida. Sidan blir entrésida för undermenyn. Du kan bara ha en sida per undermeny. Övriga sidor ska sparas med Ingen meny. Exempel: En sida som heter Aktiviteter är entrésida och ska ha det som vald undermeny. Alla andra sidor som handlar om de olika aktiviteterna ska ha Ingen meny valt. OBS! Om du avpublicerar sidan, försvinner undermenyn från utsidan (om du inte har en annan sida med samma undermeny). 31

32 Sökning av menyer Söka en undermeny Klicka på sök/ändra (under)menyer. Välj undermeny och ändra namn, ändra sorteringsordning eller ta bort undermenyn. 32

33 Sortera undermenyerna När du skapat en undermeny får den automatiskt sorteringen 0. Vilket betyder att den hamnar överst bland undermenyerna. För att byta plats Välj Sök/ändra (under)menyer och sedan vilken undermeny du vill flytta på. Under sortering skriver du in valfri siffra för att ange placering. Klicka på Uppdatera information. Undermenyer med högre siffra hamnar längre ner i sorteringen, och de med lägre siffra hamnar högre upp. Tips! Lämna utrymme mellan siffrorna så att du har plats att lägga in nya undermenyer mellan befintliga undermenyer. Ex vis: 50, 60, 70 33