Lathund handels.se Skapa sidor, redigera befintliga samt lägga upp och länka till dokument https://www.handels.se/templates/login.aspx?returnurl=/secure är adressen för att kunna logga in i Episerver. Du loggar in med ditt användarnamn och lösenord som du använder för att logga in i datorn/citrix. Klicka på fliken CMS uppe till vänster och sedan redigerarläge. Gå sedan till din avdelning genom att klicka på plusset framför hem och sedan avdelningar. Vill du komma ut ur redigeringsläget klickar du på ögat uppe till höger (till visaläge). I sandlådan/korrekt avdelning, http://www.handels.se/sandlada/korrekt-avdelning/ kan du se hur sidorna byggs upp och hur man kan använda de olika elementen. Menystrukturen hittar du under L. Ett tips är att ha två flikar öppna, en där du redigerar samt skapar dina sidor och en flik där du tittar på hur sidorna kan/ska vara uppbyggda. Glöm inte att uppdatera när du gjort ändringar. Mejla info@handels.se då riskerar inget att falla mellan stolarna. A. Avdelningens startsida och bilder 1. Namn är det som syns i vänstermenyn. Rubrik syns när du klickat dig in på sidan. På avdelningens startsida kan du, förutom att hälsa medlemmar välkomna, puffa upp studiekalendern, ha en aktuelltlista med sådant som är på gång, lägga kontaktkort med avdelningens adress och öppettider i högerkolumnen med mera. För att redigera ställer du dig på rubriken, högerklickar och väljer redigera. 2. Bild hämtar du i Image Vault. Där kan du ändra storlek, beskära med mera utan att originalfilen påverkas. Klicka på Hämta fil och leta dig fram till den bild du vill använda. Välj infoga. 3. Om bilden är fel storlek så klickar du på hämta fil igen och sedan på Återgå till original och OK. För att förminska bilden väljer du Ändra storlek. (För bildstorlekar se A4.) Vill du t.ex. förändra huvudbilden på avdelningsstartsidan så skriver du ex. in 583 i vänstra fältet och klickar på verkställ. Gå sedan till Beskär och gör en liten markering. Skriv in 579 i det vänstra fältet (bredd) och 312 i det högra (höjd), bredvid storlek på markering. Flytta markeringen med muspekaren så att du blir nöjd, klicka på verkställ och infoga. 1
4. Bildstorlekar 579x312 px - huvudbild avdelningsstartsida samt huvudbilder artikelsidor 192x145 px puffbild avdelningsstartsidor och understartsidor. 220x134 px - puffbild högerkolumn. 5. Alt-text (titel) - Ska beskriva hur bilden ser ut eller vem/vilka som är på bilden. Om bilden inte fyller någon funktion eller förekommer på flera ställen på samma sida så ska alt-texten lämnas tom. 6. Aktuelltlista - först så måste du skapa en aktuelltlista (listsida) se C. Sedan väljer du att hämta listan på avdelningsstartsidan, ligger under rubriken Nyhetspuffar. Spara och publicera. 7. Bildpuff på startsidan som leder till ett bildgalleri där t.ex. medlemmar från kurser eller händelser på avdelningen kan finnas. Vi bygger funktionen åt er, men ni behöver välja ut ett antal bilder som ska synas. Meddela oss när ni gjort det så fixar vi till resten. 8. Du kan också välja att visa studiekalendern på startsidan, det beror lite på om du har valt att ha flera kalendrar eller alla kurser i en. Det går endast att visa en på avdelningsstartsidan. B. Skapa artikelsida 1. Ställ dig på menyn som du vill att den nya sidan ska ligga under ex. Avdelning1. Högerklicka och välj skapa ny. Välj artikelsida. 2. Fyll i namn. Ej för långt eftersom det blir den rubrik du ser i vänstermenyn. Skriv rubrik på sidan. Det är den som syns när man klickat in sig på sidan/artikeln. 3. På en artikelsida kan du lägga faktaruta, bilder eller filmer. Du kan också använda högerkolumnen för att visa kontaktuppgifter till någon ansvarig eller till avdelningen, puffa för något som händer eller lägga länkar till andra sidor som kan vara viktiga att läsa. Bilden i högerkolumnen ska vara 220x134px. Välj spara och publicera när du är klar eller bara spara om du vill jobba vidare. 4. Du kan också lägga in bilder i huvudtextfältet. Se till att bilden först lagts in i Image Vault. Ställ dig med markören där du vill infoga bilden. Klicka på symbolen {} (Dynamiskt innehåll), och välj Positionerad bild. 2
Klicka på Hämta fil, välj bild i Image Vault, fyll i alt-text (se A5), välj bildposition, skriv ev. bildbeskrivning och klicka på OK. 5. Du kan alltid beskära/byta ut bilden genom att klicka på det gula fältet (Dynamic content, det är bilden) och sedan symbolen{}. Klicka på Hämta fil. Om du vill byta bild klickar du på avbryt när Image Vault öppnats och väljer sedan en ny. Se A3 för att läsa om hur du gör för att beskära bilden i Image Vault. När du sedan är klar klickar du på infoga. Nu ligger din nya bild i huvudtextfältet. Spara och publicera. 6. Tänk på att välja rätt formatmallar för t.ex. ingress och rubriker/underrubriker. C. Aktuelltlista 1. Ställ dig på din avdelning och högerklicka och välj skapa ny listsida. Fyll i namn, rubrik, sökning/indexering m.m. För att kunna spara måste du välja vart ifrån listsidan ska hämta sidor från. Det väljer du under Sidlista. OBS! när det gäller aktuelltlistan så ska den hämta listningen från sig själv, men det går inte att hämta listning från en sida som inte är sparad och det går inte att spara utan att ha pekat ut hämtning. Välj därför vilken sida som helst att hämta ifrån så länge, spara och välj sedan redigera och byt hämtningen till den Aktuelltlista du precis skapat. Spara. 2. Eftersom Aktuelltlistan bygger på en vanlig listsida så kan du välja om du vill att bilder ska visas eller ej. Tänk på att om du väljer att visa bilder så måste det finnas bilder på alla sidor som ska visas i listningen. Bilder lägger du till under fliken listinfo. 3. För att skapa händelser som ska synas i listan så ställer du dig på rubriken Aktuellt, högerklickar och skapar ny artikelsida. Fyll i Namn, Rubrik, ev. text i huvudfältet (går nämligen att göra puffar som inte länkar till ytterligare text, se C4). Kom ihåg att lägga till bild och text som ska synas på startsidan i Aktuelltlistan. Det gör du 3
under listinfo. Spara och publicera. 4. Du kan också skapa puffar som inte länkar till någon ytterligare text. T.ex. om du vill puffa för att man ska engagera sig i avtalsrörelsen lokalt eller uppmana till att man ska demonstrera. Ställ dig på rubriken Aktuellt, högerklicka och skapa ny artikelsida. Fyll i Namn, Rubrik, sökning/indexering. Kom ihåg att lägga till bild och text som ska synas på startsidan i Aktuelltlistan. Det gör du under listinfo, se C3. Klicka sedan på fliken Genväg och välj Typ av länk Ingen Spara och publicera. D. Kontaktkort och kontaktkortslista 1. Börja med att skapa en sidbehållare. Stå på den sida under vilken du vill lägga kontaktkorten. Högerklicka, välj skapa ny, skapa sidbehållare. Döp t.ex. till Kontakter. Den kommer inte att synas i menyn. Högerklicka sedan på sidbehållaren, välj skapa ny, skapa kontaktkort. Fyll i alla uppgifter och lägg till bild. 2. För att visa t.ex. alla som arbetar på avdelningen i en lista skapar du en kontaktkortslista. Ställ dig på din avdelnings startsida, högerklicka, välj skapa ny, skapa kontaktkortslista. Döp den till ex. Kontakta oss. Här kan du välja att enbart visa kontaktkorten eller att skriva en inledning också. För att lägga till personer klickar du på Lägg till länk under Kontaktkort. Skriv namn på personen och klicka på grå fyrkant med tre prickar bredvid länkmål, sida på denna webbplats. Leta dig fram till personen du vill ska synas på sidan. Upprepa med alla som du vill ska visas. Du kan flytta ordningen på personerna genom att klicka på grön pil upp eller ned. 3. Under Sandlåda/dokumentation/sidmallar/kontaktkortslista hittar du exempel på hur man gör. E. Skapa Studiekalender och formulär 1. Skapa först en tacksida, genom att stå på din avdelning, högerklicka, välj skapa ny och skapa artikelsida. Under fliken inställningar bockar du ur Visa i menyn. 4
Se ex. Korrekt avdelning/tack - anmälan 2. Högerklicka på rubriken för din avdelning och välj skapa studiekalender. Här kan du förutom att visa kalenderhändelser, skriva information om kurser som ex. inte har fasta kursdatum och länka till intresseanmälan. Under Korrekt Avdelning/Kurser/Arbetsmiljökurser eller Sandlåda/dokumentation/sidmallar kan du kan du se hur man skapar studiekalender. 3. Skapa kalenderhändelser/kurstillfällen genom att stå på studiekalendern, högerklicka och välj skapa ny. Fyll i kursnamn, vad den handlar om m.m. 4. Datum och formulär skapar du under fliken kursinformation. Klicka på grå fyrkant med tre prickar bredvid formulär för att koppla eller göra ett nytt formulär. Klicka antingen på gröna plusset om du vill skapa nytt formulär eller välj/ändra befintligt. Du väljer formulärkatalog genom att klicka på blå pil bredvid Katalog. Om du endast vill se dina egna formulär bockar du i rutan Visa mina formulär. 5. När du är inne och ändrar/skapar nytt formulär så döper du det. Ex. Anmälan_avdelning1 eller Avdelning1_steg5_organisation. Välj om du vill att det ska ligga i din avdelningskatalog eller i annan katalog. Skapa nya rader gör du under tabellayout och om det ska vara knappar, textfält m.m. så väljs det under formulärfält. Skicka-knapp: Bra att välja att formuläret ska sändas till e-post och sparas i databas, då kan du enkelt se anmälningarna via en gadget under fliken Start uppe till vänster samt får dem till en inkorg. OBS! Om du använder samma formulär som anmälan för flera kurser är det viktigt att du antingen gör en rullgardins-lista där man väljer vilken kurs man anmäler sig till eller en fritext-ruta där man själv fyller i kursnamn. Detta för att det annars är det jättesvårt att veta vilken anmälan som hör till vilken kurs om de skickas till samma mejladress eller om du tittar via gadget (se E6). 5
6. Lägg till en gadget för varje kurs så ser du enkelt anmälningar som kommit in. Klicka på Start uppe till vänster. Klicka på lägg till gadget, klicka på formulärvisning. För att koppla ett formulär så klickar du på lilla pilen till höger på formulärvisningen, välj redigera. Välj sedan vilket formulär du vill se, vilka fält som ska visas, antal poster m.m. Glöm inte bort att välja att formulärvisningen ska uppdateras automatiskt. Ett bra tips är att när ni skapat ett kurstillfälle så kopierar ni den sidan, stå på sidan ni vill kopiera, högerklicka och kopiera. Klistra sedan in den genom att stå på Studiekalendern, högerklicka och klistra in. Sedan är det bara att redigera den sidan och byta namn, datum, formulär m.m. Betydligt snabbare än att skapa kurstillfälle för kurstillfälle. 6
F. Ladda upp dokument 1. Innan du skapar en dokumentlista så måste du lägga upp dokumenten av ex. avdelningstidningen i filhanteraren. Det är den lilla gula byrån uppe till höger. Klicka på byrån för att öppna. 2. Klicka på mappen Avdelningar till vänster och klicka på din avdelningsmapp. Skapa ny folder eller ladda upp dokumenten i befintlig mapp. Ladda upp nytt dokument genom att klicka på pappret med grönt plus. 3. Klicka på browse för att hämta din fil. Fyll i titel, det är den som visas i dokumentlistan. I fältet beskrivning kan berätta vad dokumentet handlar om ex. vad man kan läsa om i avdelningstidningen. Ägare, om dokumentet har någon speciell ägare. Tumnagelbild, då måste det finnas bilder uppladdade t.ex. om man gjort en bild av broschyrens framsida. Man dubbelklickar sedan på bilden och kopierar url:en och klistrar in i fältet tumnagelbild. Mejla oss om ni vill ha bilder/tumnaglar. Storleken på tumnageln ska vara 100x140px. Index bestämmer i vilken ordning dokumenten ska ligga. Låga nummer kommer visas högst upp. OBS! när du skapar/redigerar dokumentlistan måste du välja att sortera dokument efter index för att det ska slå igenom. Exempel på index: 1, 2, 3 eller 10, 20, 30 eller 100, 200, 300 och så vidare. Klicka på spara. 4. Du kan alltid ändra filinformation. Stå på filen, högerklicka och välj redigera filinformation. Klicka på spara. 5. För att byta ut filen är det smartaste att byta version eftersom den då byts ut på alla sidor där den ligger och inga länkar kraschar. Leta fram filen du vill byta ut, markera, högerklicka och välj skapa ny version. Bläddra fram din nya fil och skriv i kommentarsfältet om det är något du vill komma ihåg, t.ex vilket datum den skapades. Klicka på spara. 7
G. Skapa dokumentlista 1. Ställ dig på den rubrik där du vill att dokumentlistan ska ligga under. Högerklicka välj skapa ny och klicka på skapa dokumentlista. Längst ned på sidan hämtar du från vilken mapp dokumenten ska länkas. I sandlådan/dokumentation/sidmallar/dokumentlista eller /dokumentlista med bilder hittar du hur man gör. 2. Du kan välja att visa tumnagelbilder samt sortera dokumenten i en viss ordning ex. alfabetiskt eller via index (se F3). H. Skapa A-Ö-lista 1. I sandlådan/dokumentation/sidmallar/a-ö-lista eller uppbyggd samt vilka möjligheter som finns. Du väljer vilka sidor som ska visas i A-Ö-listning genom att klicka i det alternativet under fliken Sökning och indexering. Högerklicka på sidan du vill ska vara med, välj redigera och gå in på fliken Sökning och indexering och bocka i Visa sidan i A-Ö-lista. OBS! Det som ligger under Aktuelltlistan ska inte synas i A-Ö. I. Länka till sida eller dokument 1. För att länka till en sida på webbplatsen eller ett dokument så skriver du en länktext och markerar den. 2. Klicka på jordgloben med kedjan och välj sida på denna webbplats eller dokument. Om du ska länka till dokument eller en extern webbplats så väljer du Målram, öppna i nytt fönster. 3. Klicka på den grå rutan med de tre prickarna så öppnas ett nytt fönster. Om du länkar till extern webbplats så måste du först klicka i sida på annan webbplats. 4. Klicka dig sedan ned till rätt sida eller fram till rätt dokument. Markera och klicka välj för webbsida, ok när det gäller dokument så stängs fönstret. Klicka på OK i fönstret för länkegenskaper och din länk är på plats. J. Sökmotoroptimering 1. Det är viktigt är att du fyller i sökmotoroptimeringen. I sandlådan/dokumentation/tips/sökmotoroptimering hittar du vad som ska skrivas i de olika fälten. I sandlådan/dokumentation/metadata hittar du en lista över vilka nyckelord du ska använda. 8
K. Övrigt 1. Versionslista: Så fort du sparat och publicerat en sida en gång så sparas alla ändringar under fliken versioner. Du kan alltså alltid backa till en äldre version. L. Menystruktur för avdelningar Om oss Personal - skapa kontaktkortslista och gör genväg till Kontakta oss (välj vilket kontaktkort som helst, det kommer ändå inte att synas). Avdelningsstyrelsen kontaktkortslista. Arbetsutskottet kontaktkortslista Avdelningens representantskap artikelsida LUK kontaktkortslista Avdelningstidningen dokumentlista Handels S-förening - formulärsida Kurser (kan göra på två olika sätt, beror på antal kurser) Antingen listsida med puffar ex. medlemsutbildningar, förtroendemannautbildningar. Eller studiekalendersida. Aktuellt Listsida, kan välja att visa med eller utan bilder. A-Ö A-Ö-lista. Kontakta oss (kan göra på två olika sätt) Antingen listsida med puffar t.ex. Fråg avdelningen (leder till formulär), personal (leder till kontaktkortslista. Eller kontaktkortslista. 9
Skrivtips Här får du några enkla skrivtips du kan använda dig av när du ska skriva till exempel ett meddelande eller en nyhet. Tänk på mottagaren När du ska skriva något tänk på vem du vill ska läsa det du skrivit. Vad hon/han vill veta och vilka kunskaper som finns. Skriv det viktigaste först Det som du tror är mest intressant, relevant eller efterfrågat av läsaren skriver du redan i rubriken och textens inledning. Enkelt och kort Använd dig av ett klart och tydligt språk. Ge gärna exempel och var personlig. Använd du istället för ni, få läsaren att känna sig träffad. Intressera läsaren för vad hon/han kan göra inte vad du vill göra. Undvik långa, tillkrånglade meningar. Två korta meningar är ofta bättre än en lång. Rubriken Rubriken ska vara: - kort - beskriva innehållet - innehålla det eller de viktigaste nyckelorden Ingress Ingressen, textens första stycke, är den viktigaste delen av artikeln. Den ska väcka läsarens intresse, vara slagkraftig och ge en kortfattad beskrivning av innehållet. Innehåll Skriv luftigt och dela upp texten i stycken och använd mellanrubriker. På så sätt underlättar du för läsarens öga att hitta det hon/han söker. Undvik däremot kursiv stil. Det är svårt att läsa på webben och ger ofta en sämre utskrift. Markera hellre viktiga ord med fetare stil. Länktips: www.wpr.se - Här finns tips för dig som ska skriva för webben, Webbredaktörens ABC. 10