VÄSTERVIKS KOMMUN. EPiServer - Lathund. Regler och redigering av dina sidor 2014-01-08

Relevanta dokument
Grundutbildning EPiServer CMS6

Redigera forskarprofil i EpiServer

Manual för lokalredaktörer villaagarna.se

Manual för lokalredaktörer villaagarna.se

Lathund för redaktörer. Lokala webbplatser Sacoföreningar, Sacoråd och Akademikerföreningar

Verktyget är begränsat till Microsoft Internet Explorer v 7.0 och uppåt

SLU-anpassad Episerver-lathund

STEGBESKRIVNING - WEBB

Wordpress och Sociala medier av Sanna Ohlander Guide till hur du skapar och förändrar inlägg och sidor på staffanstorp.se

Diabetes.se CMS guide för föreningar. Senast uppdaterad:

Manual för webbpublicering. Enköpings kommun

Kom igång. Readyonet Lathund för enkelt admin. Logga in Skriv in adressen till din webbsida följt av /login. Exempel:

Berättarministeriet. Lathund Light

Formulärredigering, inställningar, visningssätt och versioner Innehållsförteckning

Liten lathund för RFS lokala redaktörer av föreningssidor

SLU anpassad lathund

Manual för att publicera på Samarbetsportalen

Wordpress och Sociala medier av Sanna Ohlander Guide till hur du skapar och förändrar inlägg och sidor på staffanstorp.se


Välkomna till. Utbildning i Episerver 9 för Handboksredaktörer och Handboksansvariga

FUB och Klippan - Vårt webbverktyg I din webbläsare, skriv in eller klicka på Logga in längst ner på startsidan.

Villaägarna. Redaktörsmanual för Samfälligheter

Manual - Introduktionskurs SiteVision

Lathund för redigering av Falkenbergs gymnasieskolas hemsidor

Lägga till bild i e- handeln

Kort instruktion för arbete i Sitevision ( exempel från ATM)

Guide. Webbsidor i Studentportalen. Innehåll. Uppdaterad:

Arbeta med bilder på sunne.se i CMS 7.5 Sida 1 av 9

Lathund för att lägga in information på ovanaker.se Innehållsförteckning

Så här funkar Föreningsliv

Hur man lägger upp och redigerar dokument i Typo3.

Administration av lagets arbetsrum lathund

Manual HSB Webb brf

1. Basics. Introduktion 3 Vanliga uttryck 3 Logga in 3 Användarinställningar 4 Fältbeskrivning Sidhantering

WEBBMANUAL FÖR HJO, KARLSBORG OCH TIBRO

Lathund: 24. Redigera ett eventtillfälle i EPiserver Sida 1 av 14. Rev: PA

Arg-administratörens guide till Umbraco v 1.2.1

Manual för Episerver 5 för redaktörer i förskola och skola Innehåll

SJF LATHUND EPISERVER 7.0

Skriv före adressen och lämna bort www enligt modellen:

Skapa sidor, redigera befintliga samt lägga upp och länka till dokument. Mejla då riskerar inget att falla mellan stolarna.

Skoladmin kom igång! Innehåll

Pensionärsföreningens webbplats GUIDE FÖR NYA WEBBANSVARIGA

Manual - Introduktionskurs SiteVision


MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR

Lathund steg för steg

MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR

Användarutbildning i SiteVision

MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR

Manual

Skapa innehåll. Logga in och administrera hemsidan. Inloggningslänk: Byta lösenord

Användarutbildning i SiteVision

I.site Webbsidesverktyg handledning

APA för nybörjare. Innan du börjar. Översikt

Kom igång med FrontPage 2003

Lathund för att lägga in information på ovanaker.se Innehållsförteckning

InfoGlue för lättredaktörer

Lathund länkar. Skapa en intern länk som en sida

Dina inloggningsuppgifter är samma som du använder för att logga in på skolans datorer.

1. Gå till ungdomssidan: eller följ länken till ungdomssidan på

Arbeta med bilder på bloggen Sida 1 av 7

I den tidigare filen Manual Editor belystes grunderna för enkel uppdatering samt editorns utformning.

Ellibot 1.0. Interaktivmedia Content Management System. Publicera för webben

[ANVÄNDARMANUAL MYCLUB LAGSIDE-ADMINISTRATION]

ANVÄNDARMANUAL FÖR WORDPRESS

FirstClass Hur du använder FirstClass.

Administration av lagets arbetsrum. Lathund

E-post. A. Windows Mail. Öppna alternativ. Placera ikonen på skrivbordet.

[ HUR DU UPPDATERAR FÖRSTASIDAN PÅ OTHELLO.NU ]

Manual. Anpassad för CMS Made Simple version 1.9.x (uppdaterad ) Birger Eriksson webblots.se

Manual. Verktyg för skolanalys. Astrakan. Motion Chart på enkelt sätt. Artisan Global Media

3. Skapa sida 5. Hitta innehåll 6. Meny 7. Användare

Administrationsmanual för SCMS

Redaktörsutbildning EpiServer Lathund

Lathund - Redaktörer

Manual för Typo3 version 4.2

Användarmanual för trvff.se

Inledning/innehållsförteckning. Hej!

Dokument i klassens aktivitet

Lathund skapa och redigera sidor en projektwebb

Användarmanual för Content tool version 7.5

SORSELE KOMMUN. Handbok OEW. 28 sept 2012 Mari-Anne Englund Barbro Olofsson. Sorsele kommun Version , rev (19)

Webbsidekurs för nybörjare

Att publicera innehåll på Pedagogsajten

Lathund för webbpublicering på Vi Ungas distriktswebbplatser

Personalsupport. Medicinska fakulteten, Lunds universitet. Textredigeraren. Moodle version 2.7.1

EPI Server 6.0. Lathund till Episerver. Innehåll

Nya funktioner i EPI6 Bilder hantering för nyheter

1. Uppdateringsmodul (CMS)

Manual för redigering av sidor i Medarbetare med EPIserver

Innehållsförteckning

Beställning till Husfoto. Handledning

MANUAL FÖR KÅRSIDA. Senast uppdaterad

En kalender i EpiServer CMS 5 tillåter dig att skapa event som sorteras i datumordning.

MANUAL FÖR ATT REDIGERA PÅ

Thomas Pihl Frontermanual. för studerande vid Forum Ystad

Om manualen inte räcker till vänligen kontakta Madeleine Rietz på ITavdelningens supportmejl

skapa genvägar till andra sidor (externa och interna)

Lathund för lättredaktörer i InfoGlue

Transkript:

VÄSTERVIKS KOMMUN EPiServer - Lathund Regler och redigering av dina sidor 2014-01-08 Dokumentet informerar och guidar dig i verktyget för EpiServer 7. Utformad av Beatrice Runesson, kommunstyrelsens förvaltning, HR och kommunikation.

1. Logga in på EPiServer...3 2. Redigera och publicera dina sidor...5 2.1 Verktygsfält...8 2.2 Bifoga pdf...9 2.3 Bifoga bild...12 2.4 Skapa länkar till externa hemsidor...14 2.5 Skapa e-postlänkar...19 2.6 E-tjänster och blanketter...21 2.7 Infoga/redigera inbäddad media...26 2.8 Döpa om en av dina sidor...29 2.9 Lägg till sidor...31 2.10 Kasta sidor...34 2.11 Skapa en kalendersida...35 2.12 Logga ut...44 2.13 Lägga till sidansvarig och uppdatera modifieringsdatum...45 2.14 Dölja sidor...50 2.15 Enkeladresser...52 2.16 Ladda upp filer till Global files...54 2.16.1 Ladda upp filer via redigeringsläget på en sida...54 2.16.2 Ladda upp via huvudmappen...61 3 Riktlinjer...68 3.1 Text...68 3.2 Rubriker...68 3.3 Bilder...69 3.4 Filer och mappar...69 3.5 Länkar...70 4 Användbara snabbkommandon...70

1. Logga in på EPiServer Gå in i webbläsaren Google Chrome och sen till Västerviks kommuns hemsida på: www.vastervik.se Scrolla sedan ner på startsidan och klicka på Inloggning First Class, E-portal och EPi. Klicka på den första länken under rubriken EPiServer inloggning i EPiServer från kommunens nätverk. 3

Nu har du kommit till inloggningssidan där du skriver i ditt användarnamn och lösenord. Klicka sedan på Logga in. 4

2. Redigera och publicera dina sidor När du har loggat in, hamnar du på sidan Dashboard. Nu är det dags att välja att du ska redigera på sidan. Klicka på CMS Redigera, så kommer du fram till redigeringsvyn för vastervik.se. Sidan ser ut som vanligt, bara att du nu kan se ett extra menyfält överst på sidan. 5

Klicka som vanligt i menyn för att komma fram till just dina sidor. Som exempel: Trafik och infrastruktur Trafik och gator Parkering. Väl framme på dina sidor kan du se blå ramar som markerar de områden som du kan redigera i. 6

Klicka i den ram som du vill redigera, så kommer redigeringsrutan upp bredvid. När du är klar med dina ändringar klicka på Klar för att spara. När du är nöjd med dina ändringar behöver du publicera sidan så ändringarna även syns för besökarna. Klicka på knappen Publicera och sedan på den gröna knappen Publicera ändringar. Efter att sidan är publicerad kan du även klicka på länken Visa på webbplats i samma ruta, för att se hur resultatet blev. 7

2.1 Verktygsfält Verktygsfältet använder du när du vill lägga till bilder, göra länkar, skapa ingress, rubriker, punktlistor och länk-ikoner av olika slag. 1. Infoga/ redigera länk 2. Ta bort länk 3. Infoga/ redigera bild 4. Fet text 5. Kursiv text 6. Citat 7. Punktlista och nummerlista 8. Stilar för rubrik, text och länkar Det här verktygsfältet finns där du ska lägga till bilder och dokument. 1. Uppåt (backar tillbaka till tidigare mappar) 2. Sök efter filer 3. Skapa en ny katalog 4. Lägg till en ny fil 5. Ändra namn på vald fil eller katalog 6. Ta bort vald fil eller katalog 8

2.2 Bifoga pdf Skriv Relaterade dokument, som rubrik och skriv sedan den text som ska tillhöra pdf:en. Det är viktigt att du även skriver dokumenttyp och storlek i en parentes, som nedan. Markera texten som ska länkas till dokumentet och klicka på Infoga/redigera länk. Du får upp ett nytt fönster, där du klickar på fliken Dokument. 9

Skriv alltid Öppnas i nytt fönster på Länktitel och välj att länken även ska öppnas i nytt fönster i Målram. Under Länkmål kan du välja om du ska hämta dokumentet på denna webbplats eller på en extern webbplats. Nu väljer vi vår egen webbplats och klickar på knappen som är markerad med rött. Leta upp dokumentet du vill ha på Global Files, alternativt lägg upp en ny fil i den mapp du vill att dokumentet ska finnas i. Markera dokumentet och klicka på OK. 10

Nu är din text länkad till dokumentet. Klicka någonstans i länken, klicka sedan på rullgardinsmenyn och välj Pdf, så får den en ikon. Så här kommer länken sedan se ut i redigeringsläget. Klicka sedan på klar och publicera ändringarna när du känner dig färdig. 11

2.3 Bifoga bild Klicka där du vill att bilden ska hamna och klicka sedan på Infoga/redigera bild. I det nya fönstret som öppnas klickar du på bläddra, för att hitta eller ladda upp bilden på Global Files. 12

Leta upp filen och markera den, klicka på OK och sedan Infoga. Bilden lägger sig sedan där du markerat att du vill ha den. Om placeringen inte är bra kan du antingen klippa ut och klistra in den någon annan stans, eller dra i bilden för att flytta på den. 13

2.4 Skapa länkar till externa hemsidor Om du vill lägga till länkar till externa hemsidor, klickar du i den översta rutan ute till höger. Nu är det bara att skriva en rubrik och skriva den text som du vill ska vara länkad. 14

När du vill länka till externa eller interna hemsidor, skriv alltid Relaterade länkar, som rubrik. Vi säger att vi vill länka till Västerviks turistbyrås hemsida. Då skriver du önskad text, som exemplet nedan. Markera texten Relaterade länkar och välj Rubrik 3 i rullgardinsmenyn. Det är mycket viktigt att du följer rubrikreglerna på grund av att det ska se enhetligt ut på alla sidor på vasterik.se och på grund av tekniska skäl. 15

Markera sedan din önskade länktext och klicka på Infoga/redigera länkar. Här ska vi fylla i Länktitel, Målram och bocka i Sida på annan webbplats. 16

Skriv Öppnas i nytt fönster på Länktitel och välj Öppna länken i nytt fönster i rullgardinsmenyn för Målram. När du klickat på knappen för Sida på annan webbplats ska vi fylla i adressen. Det kan man antingen göra manuellt eller helt enkelt kopiera adressen från sidan du vill länka till och klistra in. Tryck sedan på OK. När vi tryckt på OK väljer vi Arrow i rullgardinsmenyn för att få fram pil-ikonen, som ska finnas med på alla länkar som går till interna eller externa sidor. Tänk på att länken behöver vara markerad eller att du står någon stans i länken för att pil- funktionen ska fungera. 17

Så här ser länken ut när allt är färdigt. Klicka på Klar och publicera. 18

2.5 Skapa e-postlänkar För att skapa en e-postlänk börjar du med att skriva den e-post som du vill ha, där du vill att den ska finnas på sidan. Markera sedan e-posten och klicka på Infoga/redigera länk. Klicka på fliken E-post för att komma vidare med länkningen. 19

Väl inne på fliken skriver du i den e-postadress som du vill länka på Länkmål. Alltså samma adress som du skrev i början. När du skrivit ner adressen klickar du på OK. Såhär ser länken ut när den är klar. På e-postlänkar ska du inte lägga till någon ikon som man annars gör med interna- och externa länkar. 20

2.6 E-tjänster och blanketter När du laddar upp en blankett till Global files är det viktigt att komma ihåg att de alltid ska ligga i mappen blanketter och i tillhörande kategori. Nu ska vi hämta den gula ikonen för E-tjänster och blanketter. Vi börjar med att skriva E-tjänster och blanketter i högerspalten. Ställ dig framför E:et och klicka sedan på Infoga/redigera bild. 21

Klicka på knappen Bläddra 22

Gå in på mappen layout för att gå vidare. Klicka sedan på mappen ikoner. 23

Klicka på bilden som heter e.png och klicka sedan på OK. Klicka slutligen på infoga för att lägga till ikonen. 24

I redigeringsläget kommer det ser ut som nedan. Spara sedan ändringarna och publicera. Kom ihåg att den här ikonen alltid ska vara med om du vill ha med e-tjänster och blanketter på dina sidor. 25

2.7 Infoga/redigera inbäddad media Om du vill lägga till en video från exempelvis Youtube eller bädda in en iframe på din sida, börjar du med att klicka på ikonen för Infoga/redigera inbäddad media. Ett nytt fönster öppnas där du ser flera olika alternativ. Du kan välja vilken typ av format du ska använda, lägga till url:en till en film du vill visa, samt välja storleken på videon. 26

Välj den typen av format du vill använda. Som exempel väljer vi Video. Klistra sedan in url-länken och du kan även välja dimensionen på videon. Det blir automatiskt en viss storlek på videon när du klistrat in url-länken, så du behöver inte tvunget välja en viss storlek. Klicka sedan på Infoga. Det här är en url- länk som du kan kopiera och klistra in som ovan 27

Bilden visar videons storlek och plats. Klicka på Klar och uppdatera sedan sidan så dina ändringar syns för besökarna. 28

2.8 Döpa om en av dina sidor Om du vill döpa om en sida, klickar du på sidans namn som i rutan nedan. När du klickat kan du sudda ut och skriva det nya önskade sidnamnet, i det här fallet vill vi att sidan ska heta Parkeringar, istället för Parkering. 29

När du döpt om sidan behöver du även ändra namnet på ett annat ställe manuellt. Det är för att det nya namnet i url-en (adressfältet) även ska synas. Annars kommer det gamla namnet på sidan visas i adressfältet. Det finns en gömd meny på dina sidor, som du hittar om du scrollar uppåt. Då poppar menyn fram och där kan du ändra namnet i url:en. På bilden nedan kan du se att namnet är ändrat, som vi vill ha det, men att det gamla namnet i Namn i URL, fortfarande har det gamla namnet kvar. Klicka i rutan och skriv det nya sidnamnet, sedan kan du publicera dina ändringar. Namnet i en url kan inte innehålla å, ä, ö eller mellanslag, utan du får använda dig av a, a, o och bindestreck istället. 30

2.9 Lägg till sidor Om du vill lägga till eller kasta en sida klickar du på ikonen uppe till vänster som är markerat med rött. Den tar fram trädstrukturen för hela hemsidan. När trädstrukturen är framme kan du se att sidan Parkering, som vi är inne på är markerad. Klickar du på pluset kan du se resten av sidorna som tillhör Parkering. 31

Vi vill lägga till en sida under parkering, och då klickar vi på ikonen ute till höger på fliken Parkering. Då kommer en liten meny upp med flera olika alternativ. Klicka på Ny sida. Här kan vi skapa en ny sida och det finns flera olika sidtyper. Skriv först i namnet på den nya sidan och klicka sedan på Västervik Standardsida. Den sida som är standard är Västerviks Standarsida. Den här använder du alltid, såvida det inte handlar om en specialsida, såsom nyhetssida eller kalendersida med mera. 32

Nu är sidan skapad och du kan börja fylla på med innehåll. En nyskapad sida är inte publicerad och du kan bara se sidan i trädstrukturen tills du har publicerat den. 33

2.10 Kasta sidor Om du vill kasta en sida använder du dig av trädstrukturen. Klick på ikonen till höger på den sida du vill ta bort och välj Flytta till papperskorgen. Klicka på OK för att kasta sidan. 34

2.11 Skapa en kalendersida Klicka först på ikonen för trädstrukturen uppe till vänster på sidan. Du kan gå tillbaka till avsnitt 2.8 som visar vart trädstrukturen finns. Nu vill vi lägga till en kalendersida som tillhör Parkering. Klicka på ikonen till höger på Parkering och välj Ny sida. Skriv först namnet på sidan, till exempel kan vi döpa sidan till Kalender. Scrolla sedan ned bland de olika alternativen på sidorna och välj Västervik Kalender. 35

Nu är din nya kalendersida skapad. Den är ännu inte publicerad och det är alltså bara du som kan se sidan i redigeringsläget. Nu behöver du göra diverse inställningar för att din kalender ska fungera korrekt. Klicka på ikonen för Formulärredigering uppe till höger på sidan för att få fram flikarna för innehåll och inställningar. Här fyller du i antal dagar som kalendern ska visa åt gången. Skriv alltid 31 dagar. Bocka sedan i knappen för Visa kalenderkontroll. 36

Nu behöver du koppla din kalender till din egen kalendersida. Klicka på knappen för Visa kalenderhändelse för att komma vidare. Klicka på knappen Lägg till länk för att leta reda på din kalender. 37

I den här rutan som kommer upp när du klickat på Lägg till länk, visas ett flertal alternativ du kan göra. Eftersom det handlar om att länka en intern sida behöver du bara klicka på knappen som är markerat med rött nedan. 38

Här får du en överblick på alla sidor som finns på hemsidan. Eftersom att vi placerade kalendersidan under Parkering, är det dit vi behöver gå. Eftersom att kalendersidan ligger inne på Trafik och infrastruktur och under sidan Parkering får du först klicka på pluset på Trafik och infrastruktur och ta dig fram till kalendern. 39

Väl framme kan du nu se din nyskapade kalendersida. Klicka på den och klicka sedan på Välj. 40

När du tryckt på Välj, kommer du tillbaka till den sidan där du först valde att leta reda på din kalendersida. Du kan nu se att den har blivit tillagd. Klicka på OK för att spara. Här kan du också se att kalendern är tillagd, du kan även lägga till fler länkar om så önskas. Klicka på Spara. 41

Nu är du tillbaka där du började med dina inställningar och nu är allt färdigt. Klicka på ikonen för Formulärredigering igen för att ta ner fönstret. Nu har du fått fram kalendern ute till höger. Klicka på det datum i kalendern som du vill lägga till någon information i. 42

När du klickat på ett datum kan du börja lägga till information för den dagen. Klicka i den blåmarkerade rutan, då kommer redigeringsvyn upp, skriv det du vill ha med och klicka sedan på klar. När du klickat på Klar ser du hur din nyss tillagda kalenderhändelse har hamnat på kalenderflödet. Eftersom att vi tidigare valt att kalendern ska visa händelser 31 dagar framåt, kommer alla de händelser du lägger till inom en månad att hamna här och de kommer även vara markerade ute i kalendern till höger. Publicera dina ändringar. 43

2.12 Logga ut Högt upp på sidan, strax nedanför adressfältet finns en färgglad horisontell linje med en pil på. Klicka på pilen så fälls en meny ut. När du klickat på knappen kan du se ditt inloggningsnamn till höger. I vanliga fall är det ditt aa nummer. Klicka på ditt inloggningsnamn. När du klickat på ditt namn får du fram två menyval. Klicka på Logga ut. 44

2.13 Lägga till sidansvarig och uppdatera modifieringsdatum För att lägga till en sidansvarig på dina sidor börjar du med att klicka på ikonen för Formulärredigering. Klicka på Innehåll för att börja göra dina ändringar. 45

Längre ner på sidan för innehåll kan du se Sidansvarig och Sidansvaring e-post. Nya sidor som du skapar brukar ha Webbmaster som sidansvarig och en tillfällig e-post, som inte är kopplad till någon. Det är därför du behöver lägga till en egen sidansvarig. Du behöver inte ha en e-pst som går till den sidansvarige, utan kan även gå till en nämnd eller en annan person. 46

Fyll i förnamn, efternamn och e-post för den du vill ska stå som sidansvarig. 47

När du skrivit i önskat namn och e-post klickar du på fliken Inställningar för att fortsätta med att uppdatera modifieringsdatumet. 48

Bocka i rutan för modifieringsdatumet och sedan är det bara att uppdatera dina ändringar, eller klicka på ikonen för formulärredigering igen för att fortsätta göra ändringar på din sida. Anledningen till att du behöver bocka i modifieringsdatumet är för att datumet på dina sidor ska kunna uppdatera sig automatiskt så fort du gör en ändring. 49

2.14 Dölja sidor Gå in på den sida som du vill dölja. I det här fallet kan vi ta sidan Trafikregler och säkerhet. Scrolla uppåt så kommer den gömda menyn fram, där du hittar inställningar att visa/dölja sida. Bocka ur knappen för Visa i navigering. 50

När den är urbockad så visas inte sidan efter publicering. Sedan är det bara att publicera dina ändringar. Kom ihåg att om du döljer en sida som har undersidor, så kommer de inte heller visas i menyn. 51

2.15 Enkeladresser Ibland kan det kännas lämpligt att skapa en enkeladress, alltså en slags genväg och en adress som är kortare än den nuvarande. Vi kan till exempel ta Parkeringstillstånd, rörelsehindrad. Scrolla uppåt för att få fram den gömda menyn och klicka på Ändra vid Enkel adress. Skriv den enkeladress som du vill ha, till exempel parkeringstillstand-rorelsehindrad. 52

När du skapad adressen kan du publicera ändringarna. Nu har du fått möjligheten att gå in på den här adressen: http://www.vastervik.se/parkeringstillstand-rorelsehindrad istället för: http://www.vastervik.se/trafik-och-infrastruktur/trafik-ochgator/parkering/parkeringstillstand-rorelsehindrad/ Tänk på hur du döper en enkeladress så att den inte riskerar att krocka med andra sidor. Till exempel kan flera skolor ha en sida som heter Arbetslag, då är det inte lämpligt att göra kortadressen arbetslag. Ta istället namnet på skolan först och sedan skriv arbetslag efter. Namnet i en url kan inte innehålla å, ä, ö eller mellanslag, utan du får använda dig av a, a, o och bindestreck istället. 53

2.16 Ladda upp filer till Global files Det finns två valmöjligheter att ladda upp filer till Global files. Den ena är direkt via huvudmappen för filer och den andra är att du laddar upp filer direkt från de sidor där du vill lägga till filen. 2.16.1 Ladda upp filer via redigeringsläget på en sida Klicka i den rutan på en plats där du vill att din fil ska hamna. Till en början gör du samma sak som när du vill lägga till en bild eller hämta ett dokument som redan finns på Global files. I det här fallet vill vi lägga till en bild i högerspalten. Klicka på ikonen för att hämta bilden. 54

När du gått till den mapp där du vill att bilden (eller annan typ av fil) ska ligga klickar du på ikonen Lägg till ny fil. 55

Klicka på Välj fil för att komma vidare. Nu kan du leta fram mappen där din bild ligger. Markera sedan bildfilen och klicka på Öppna. 56

Nu kan du se att bildfilen är tillagd. Det vi har kvar att göra är att göra en kort beskrivning på filen. Klicka sedan på spara. Det är viktigt att alltid ge en beskrivning på varje fil, då det bland annat underlättar för sökbarheten och personer med nedsatt synd. 57

När du klickat på spara kommer vi tillbaka till den mapp vi valde att bilden skulle läggas. Som du ser så är bilden markerad så nu är det bara att klicka på OK. 58

Nu kan vi se att bilden är tillagd och vi kan även se den beskrivning vi gav på bilden tidigare. Klicka på Infoga för att lägga till bilden. 59

Nu är bilden tillagd och nu kan vi uppdatera sidan för att ändringarna ska synas. 60

2.16.2 Ladda upp via huvudmappen När du laddar upp via huvudmappen kvittar det på vilken sida du befinner dig. Du har även möjlighet att lägga till flera filer samtidigt. Däremot får du i efterhand lägga till en beskrivning på varje bild. Klicka på mapp- ikonen uppe till höger på sidan. Ett nytt fönster öppnas, klicka på Filer. 61

Du kommer fram till ett flertal mappar, välj den huvudmapp där du vill ladda upp din fil. I det här fallet väljer vi Trafik och infrastruktur. 62

Du kan antingen skapa en ny mapp eller gå in på en mapp som redan finns. Om du vill skapa en ny klickar du på ikonen som ser ut som en mapp i verktygsfältet. I vårt fall klickar vi på mappen gator för att lägga till filen där inne. Väl inne i mappen klickar vi på ikonen med ett plus för att hämta filen från datorn. 63

Klicka på pluset. 64

Leta upp den mapp där filen eller filerna finns. I det här läget kan vi välja att ladda upp flera filer samtidigt. Om du håller in Ctrl och klickar på de filer du vill ha kommer fler markeras. Klicka sedan på Öppna när du har markerat färdigt dina filer. 65

Nu kan vi se alla de filer som lagts till. Klicka på stäng för att komma vidare. Nu behöver vi i efterhand gå in på alla filer vi lade till och lägga till en beskrivning. 66

Markera filen och högerklicka, sedan klickar du på Redigera filinformation. Lägg till din beskrivning och klicka på spara. 67

3 Riktlinjer 3.1 Text När vi skriver texter tänk på att använda du istället för till exempel man man. Det är bra att skriva texten så att den direkt riktar sig till den som läser. Kom ihåg att alltid skriva telefonnummer med riktnummer. Alla kontaktuppgifter ska ligga under Kontakta oss fliken och alltså inte i högerspalten. Se till att du aldrig använder förkortningar, utan skriver ut hela ord. Läsaren ska aldrig behöva fundera på vad förkortningen betyder utan det ska vara tydligt från början. Det underlättar även för de som använder sig av tjänsten SpeakIT Plus. Om du vill klistra in text från ett annat dokument in på en sida, kom ihåg att alltid klistra in texten i Anteckningar (Notepad) först. Det är för att texten ska bli oformaterad och ingen skräpkod följer med. Du kan även kopiera texten som du vill lägga in på en sida och sedan högerklicka i rutan där du redigerar din text och välja Lägg till oformaterad text. Alla sidor ska inledas med en ingress, inte fetstil. En ingress ger ett bättre sökvärde på webben. Tänk på att texten ska vara luftig och lättläst. Lix- värdet för text får inte vara mer än ett värde av 40. Det gäller för löpande text, inte namnlistor, information i högerspalt och liknande. www.lix.se 3.2 Rubriker Rubriker som sätts i högerspalterna, alltså de som innehåller länkar till hemsidor, dokument, sociala medier, e-tjänster och blanketter har en bestämd rubrik. Det är för att det ska bli ett genomgående tema på hela vastervik.se. Ibland kan det passa bättre att skriva relaterad information eller liknande beroende på vad det är för typ av information du vill lyfta fram. Vi rekommenderar att rubriker i högerspalter har ordningen som nedan, alltså Relaterade länkar och dokument i översta rutan till höger, E-tjänster och blanketter i andra och Sociala medier i tredje rutan. Det är på grund av att det ska se enhetligt ut genom hela webben. Det går såklart att ha bilder och annan information i rutorna eftersom att alla inte har just den här typen av information på sina sidor. Har du till exempel bara Relaterade länkar och en bild, kan du placera bilden i andra eller tredje rutan till höger. I de flesta fall döps rubrikerna såhär: 1 Relaterade länkar (hemsidor, interna sidor) Relaterade dokument (pdf, xlsx) 2 E-tjänster och blanketter (e-tjänster och blanketter som pdf eller extern länk) 3 Sociala medier (facebook, twitter) 68

3.3 Bilder Alla bilder som du laddar upp på Global Files ska ha en beskrivning, som exempel på vad en bild visar. Lägg gärna till vem som är fotograf om du vet vem. Tänk på att du måste se till att bilden är godkänd att använda av den som har bildrättigheter. Du får aldrig ta en bild direkt från Google och använda i publika samanhang utan tillåtelse. Se till att bilden inte är för stor för då riskerar det att sidan blir seg att både klicka sig runt på, men även redigera i. Godkänd bildstorlek för huvudbild är: Bredd 558px och Höjd 150px. Godkänd bildstorlek för bilder i högerspalt är: Bredd 268px. Godkänd bildstorlek för listbild är: Bredd 300px och Höjd 200px 3.4 Filer och mappar Döp filer och mappar med småbokstäver, utan å, ä, ö eller specialtecken. Använd bindestreck mellan ord istället för mellanslag. Sätt alltid ett datum i slutet så det blir lättare att se vad som är aktuellt och senast uppdaterat. Ett exempel är: rad-och-riktlinjer-uteserveringar-i-vasterviks-kommun-2013-11-13. Mapparna ska ha så nära samma struktur som de befinner sig på sidan. Till exempel om en bild ska finnas på fliken Parkering, är det lämpligt att skapa mappstrukturen: trafik-och- infrastruktur/trafik-och-gator/parkering. Kom ihåg att alltid ta bort gamla dokument och andra filer när du lägger upp ett nytt, som ska ersätta den nuvarande, eller att ett dokument har blivit inaktuellt. 69

3.5 Länkar Tänk på att länkar generellt sätt aldrig ska läggas till mitt i texten, utan ska i regel finnas i högerspalten. Om det skulle behövas finnas med länkar i texten ska länken i sig ligga på en egen rad. Detta är för att det ska bli tydligt och inte upplevas som rörigt. PDF- länkar ska alltid: 1. Ha en pdf- ikon 2. Öppnas i nytt fönster 3. Ha länktiteln Öppnas i nytt fönster 4. Filformat och storlek skrivet i länken, *ikon*ansökan blomlådor (pdf, 54 kb) Externa länkar ska alltid: 1. Ha en pil- ikon 2. Öppnas i nytt fönster 3. Ha länktiteln Öppnas i nytt fönster Interna länkar ska alltid: 1. Ha en pil- ikon 2. Öppnas i samma fönster Länkar till kommunens undersiter (Campus, Biogas, VMEAB, Västerviks Gymnasium) 1. Ska ha en pil-ikon 2. Öppnas i nytt fönster 3. Ha länktiteln Öppnas i nytt fönster Excel- länkar ska alltid: 1. Ha en excel- ikon 2. Öppnas i nytt fönster 3. Ha länktiteln Öppnas i nytt fönster 4. Filformat och storlek skrivet i länken, *ikon*kalkyluträkning 2013 (xlsx, 1,2 MB) E-post- länkar: 1. Alla e-postadresser måste länkas 2. Ingen ikon 4 Användbara snabbkommandon Ctrl + A Markera allt Ctrl + C Kopiera markerad text Ctrl + V Klistra in Ctrl + X Klipp ut markerad text Ctrl + Shift Markera allt mellan första markering till sista 70