Skapa en Artikelsida i Episerver. Förbundets huvudsida kommer upp = CMS sidan

Transkript

1 Skapa en Artikelsida i Episerver Fyll i dina uppgifter Klicka på: Logga in Förbundets huvudsida kommer upp = CMS sidan I hemsidans övre vänstra hörn visas denna struktur: För att komma till din förening klickar man på knappen: Navigeringsfönstret En meny öppnas klicka dig vidare ner i menyn tills du kommer till din förening... Menyöversikt Fönsternålen används för att fästa Navigeringsfönstret Klicka på plustecknet + framför texten och fler alternativ öppnas. Fortsätt neråt tills din förening syns. Klicka därefter på ditt föreningsnamn: Er sida kommer upp och alla undersidor syns om det står ett minustecken framför sidans namn. Vill du stänga sidor i Menyn klicka på minustecknet. Öppna sidor klicka på plustecknet. När sidan är skapad i Navigationsfönstret Se artikel: Skapa undersida i menyn. Klicka på sidan i Navigationsfönstret och den öppnas och ser ut som nedanstående bild... I denna ruta som kallas Ingress ställ musen på rutan och klicka, skriv här in Sidans Rubrik... 19

2 Förbereda materialet som skall in på sidan: Gör vid alla bilder som skall läggas in. Bildernas storlek bör var i formatet: 820 x 460 pixlar, går att ändra senare på undersidan. Förbered din text i ett Worddokument. Går också att skriva direkt på undersidan. I Word kan du kopiera texten och sen klistra in den på sidan, underlättar. Nu skall vi komma åt lite andra verktyg såsom : Image Vault för att hantera så bilderna kommer in på undersidan. Klicka på denna pil som öppnar den Globala menyn. (Här finns bl.a. Image Vault). Pilen finns högst upp på sidans mitt. Det öppnas upp ett avlångt fönster, på vänster sida ser du ikonen för Image Vault, klicka på den, en ny sida öppnas upp (kan ta en liten stund) som visar Image Vault sida. Se nedan... 20

3 Ladda upp bilder från din dator till Image Vault Börja med att klicka på: Importera Vänta tills nedanstående sida visas Sen klickar man på: Lägg till filer Filer=Bilder Nu öppnas din hårddisk på din dator. Välj/Markera dina bilder du vill ha med på undersidan 21

4 På nedanstående bild har jag hämtat en bild som heter: Tomte.jpg 820x640 pixlar Alla hämtade bilder kommer upp under: Filnamn/Storlek/Status När du valt ut dina bilder klicka på: Starta uppladdningen När filerna är uppladdade till : Image Vault får jag en bekräftelse att det är klart. Klicka på: Organisera uppladdade filer (Bilder). Klicka på pilen i rutan: Select categories, en svart ruta kommer upp med olika val (nyckelord). Det nyckelord du väljer till dina bilder blir sökbara i Image Vault. Tänk på att vara konsekvent och noggrann när du sätter nyckelord. 22

5 Efter en liten stund finns bilden i Image Vaults bibliotek Klicka på: Spara Nu skall vi börja med att fylla artikelsidan med bilder och text... Skriv in en lämplig text i: Ingressrutan Tomten kommer på besök Där hoppar vi över rutan: Du kan släppa innehåll här, eller skapa ett nytt block 23

6 Gå sen direkt med musen till rutan för: Brödtext. Ramen blir grön och texten: Brödtext visas. Här skall vi föra in all vårt material. Klicka i rutan... Då öppnas ett nytt fönster med olika verktygsikoner samt att markören står vid start i Brödtextrutan För att ta in bilder klickar man på: Image Vault ikonen Image Vault öppnar upp sin sida med alla uppladdade bilder. Klicka på: Bilden I det här fallet Tomten. 24

7 Klicka på: Lägg till OBS! Titta på sidan 10 för fler instruktioner Ett nytt fönster kommer upp som visar att bilden finns inlagd på sidan. Vill du placera om bilden i Brödtextrutan klicka på: Infoga ny rad före Flytta sen bilden med med mellanslagstangenten... 25

8 Vill du nu skriva in text under bilden klicka med musen precis efter bilden så en markör syns. Klicka sen på: Enterknappen Då kan det se ut så här när text är pålagd... Vill vi nu lägga in fler bilder och text gör om samma procedur men glöm inte att trycka på: Enterknappen så att du står rätt för nästa bild och text. När du lägger till nästa bild öppnas ett fönster med olika val den här gången valde jag: Original, då blir bilden stor. Klicka på bilden och det kommer upp små rutor i hörnen håll nere Shift-tangenten samtidigt som du drar i ett av hörnen mot bildens mitt släpp när du tycker bilden är rätt i proportioner Se nästa sida... 26

9 Bilden visar hur en ruta ser ut som du skall dra i... Nu är lektionen slut och vi skall Publicera sidan på föreningens hemsida Klicka på: Publicera Sammanställd av: Bertil Thörncrantz SPF-Romele

10 OBS! Tillägg vid hantering av bilder och text på artikelsida. Nedanstående arbetssätt bygger på att alla bildformaten är i storleken: 820x460 pixlar Hämta in en bild via Image Vault som läggs på artikelsidan som första bild. För att ta in nästa bild klickar du i den sista bilden som du lagt till, bilden blir markerad, klicka sen på höger piltangent därefter på: Enter-knappen. Då skall markören finnas under bilden i vänster kant. Om inte, klicka med musen på samma ställe. Skriv din text eller gå till Image Vault för att hämta nästa bild. Gör likadant tills du är klar. Glöm inte att publicera i mellan åt. OBS! Tillägg till sidan 7. Image Vault När du markerat din bild i Image Vault, vänta en liten stund tills: VÄLJ FORMAT... rutan dyker upp. Här klickar du på: Original. Eftersom bilden var 820x460 pixlar är den i rätt storlek för en artikelsida ( Fyller ut hela sidan från höger till vänster). Nu kommer bilden upp på artikelsidan. Image Vault: Bibliotek Alla filer: Här visas allt som finns inlagt på Image Vault Publik mapp: Här visas material från förbundet SPF Seniorer Romele: Här visas allt material som är inlagt för din förening 28 Publicerad: Version: 1.0 Sidor: 1-10

11