Skapa en Listsida under huvudfliken Aktiviteter

Transkript

1 Skapa en Listsida under huvudfliken Aktiviteter Listsidor skapar man under diverse flikar i Navigeringsträdet. Det är den mest använda typen av sidor när det gäller: Styrelse/Funktionärer m.m.som man vill visa med bild och text på hemsidan. Här kan man lägga in bilder från Image Vault. Bildstorleken bör vara 234 x 234pixlar eller 234 x 300 pixlar. 1. Börja med att öppna upp Navigeringsträdet i EPIserver 2. Klicka dig fram till er förening 3 Er förenings namn skall stå här 4 Klicka på: plustecknet så öppnas alla era underflikar upp och nedanstående meny kommer upp: Om plustecknet finns framför varje flik så är flikarna en huvudflik. Ställ dig på önskad huvudflik när du skall skapa en ny Listsida. Markerar man huvudfliken blir den grön och här syns tre linjer och en pil, klicka på dessa, en ny ruta kommer upp. Vi väljer att klicka på fliken: Aktiviteter Då ser fliken ut såhär... 5 En ny sida kommer upp: Ge sidan ett namn. Detta namn namnger fliken som syns i Navigeringsträdet. Val av sidtyp: här klickar man på: Listsida. Denna sida kommer upp, fyll i en lämplig text i Rubrikrutan. Texten syns på den nya Listsidan texten går att ändra i efterhand via: Alla egenskaper. När allt är klart klicka på: och sen Publicera: Styrelse 28

2 Vid skapandet av denna Listsida gavs den namnet: Listsida. I Rubrikrutan gavs namnet: Styrelse. 6 (I denna manual skapade jag sidan under huvudmappen: Aktiviteter). Nu är en Listsida skapad och det är nu man lägger in bilder och text på sidan. 7 Förklaringar till sidans olika fält: Rubrik -Ingress -skapa nytt block. Rubrik: Här skriver man in ett lämpligt namn som beskriver vad sidan handlar om. Ingress: Här skriver man en kortfattad text t.ex. våra medarbetare i styrelse. Skapa nytt block: Här klickar man för att lägga till bilder och text. 8 Nu är sidan klar för att gå vidare och lägga in bildmaterialet som man tidigare har förberett och har liggande i sin bildmapp på hårddisken. (Ordning och reda!). 9 När du står på sidan klicka på: Alla egenskaper 10 Ett nytt fönster kommer upp här kan man nu också ändra Rubriktexten till något lämpligare namn för sidan. I Ingressrutan skriv in en lämplig förklaring om sidans innehåll. 29

3 11. Denna bild kommer upp efter att man klickat på: Alla egenskaper Rubrik Ingress Skapa nytt block 12 Klicka på: skapa nytt block Detta måste göras för varje ny bild och text som läggs in. Varje block med nytt namn. 13 Denna sida öppnas upp. Skriv in ett namn för att namnge blocket. t.ex.: Ordf. Anders Klicka på: + eller: Lägg till nya filer. Image Vault fönstret öppnas upp: Här hämtar och lägger man till sitt bildmaterial. I Brödtextrutan skriver man in uppgifterna om personen t.ex.: Namn, Adress och mobilnummer. 30

4 Nu skall nedanstående bild visas över bildhämtningsprogrammet: Image Vault Info: Image Vault är ett externt program som är länkat till EPI Server. Här importerar man sina bilder från den egna hårddisken likaså hämtar man sina bilder härifrån till hemsidan. Image Vault blir som ett stort arkiv för föreningens bilder. 14 Nu skall vi börja med att lägga in bilder Klicka på: Importera Denna sida kommer upp och visar övre delen på sidan: Denna bild visar nedre delen av sidan: 15 Klicka på: Lägg till filer 31

5 16 Nu kommer man till sina mappar på datorns hårddisk Här väljer man och markerar de bilder man vill ha med. (Håll nere: CTRL) när du vill ha mer än en bild vid importen. 17 Klicka sen på: Öppna 18 Nu syns de importerade bilderna här: 19 Klicka sen på: Starta uppladdningen till servern. När uppladdningen är klar visas status 100% och dessa i grön färg. 20 På samma sida finns denna bild Klicka på denna. 21 Denna sida kommer upp, här kan man placera bilderna i olika kategorier eller i en och samma kategori för varje bild. När alla är klara klicka på: Spara Bilden visar när man valt en kategori När man bockat för en kategori (2017). Detta måste göras för varje bild. 22 När detta är gjort finns bilderna i Image Vaults arkiv, klara för att hämtas och läggas in på hemsidan... 32

6 Gå nu till din Listsida som du skapat i EPIServer 23 När sidan visas gå tillbaka till punkterna: 9 till och med Image Vault fönstret öppnas upp Klicka på önskad bild med vänster musknapp. Man kan bara välja en i taget. Klicka sen på: Lägga till nu läggs bilden in på Listsidans Block på hemsidan. 26 Nu skall texten skrivas in i: Brödtext rutan, se under punkt 13. För att skapa fler block som ovanstående, gör likadant... Sammansatt av: Bertil Thörncrantz SPF-Romele Uppdaterad

7 Tillägg till Listsida. När du vill göra en ändring inom blocken som är skapade gör så här: Klicka med vänster musknapp i något av huvudblocken så kommer nedanstående dialogruta upp: Genom att klicka på denna ikon öppnas det valda blocket upp. Nu kan du göra dina ändringar i blocket såsom byta bild, skriva ny text. Flytta blocket upp och ner m.m. Det går även att ändra i vilken ordning blocken skall ligga i. Klicka en gång i blockrutan för att markera blocket, håll nere vänster musknapp och för upp blocket dit du vill ha det, släpp musknappen när en blå linje visas i ovankant på blocket ovanför. Det går även att välja: Flytta upp och ner i redigeringsmenyn. Sammansatt av: Bertil Thörnrantz SPF/Romele Uppdaterad