04.09.2013 Views

Kom igång med EPiServer - prissan

Kom igång med EPiServer - prissan

Kom igång med EPiServer - prissan

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

AV-Media Kronoberg<br />

Anna Prissberg<br />

Ur: Redaktörshandboken online ElektroPost Stockholm AB<br />

<strong>Kom</strong> i<br />

gång <strong>med</strong><br />

EpiServer<br />

10 maj<br />

2010<br />

EpiServer för<br />

redaktörer


AV-Media Kronoberg<br />

Anna Prissberg<br />

Ur: Redaktörshandboken online ElektroPost Stockholm AB<br />

Innehåll<br />

Innehåll ................................................................................................................................................ 2<br />

SKOLORNAS WEBBSIDA - för redaktören att tänka på och känna till vid skapandet av en<br />

webbsida ......................................................................................................................................... 5<br />

<strong>Kom</strong> <strong>igång</strong> <strong>med</strong> <strong>EPiServer</strong> .................................................................................................................... 7<br />

Logga in . ......................................................................................................................................... 7<br />

Fönstret ........................................................................................................................................... 7<br />

Ändra befintlig information ............................................................................................................. 8<br />

Skapa, spara och publicera information ........................................................................................ 11<br />

Symboler i trädstrukturen ............................................................................................................. 12<br />

Tidsinställd publicering där tiden har passerat ............................................................................. 12<br />

Visa sida i menyn ........................................................................................................................... 12<br />

Publicering av bilder på hemsidan .................................................................................................... 14<br />

Placera en bild bredvid text ........................................................................................................... 15<br />

Publicera många bilder <strong>med</strong> hjälp av Photostory ............................................................................. 16<br />

Infoga dokument /filer ...................................................................................................................... 16<br />

Infoga ett dokument direkt från filhanteraren ............................................................................. 19<br />

Kopiera text från andra program/webbsidor .................................................................................... 19<br />

Länkar ................................................................................................................................................ 20<br />

Länk till sida i <strong>EPiServer</strong> ................................................................................................................. 21<br />

Länk till e-postadress ..................................................................................................................... 22<br />

Länka till plats på samma sida ....................................................................................................... 23<br />

Infoga bokmärke (Steg 1) .............................................................................................................. 23<br />

2


AV-Media Kronoberg<br />

Anna Prissberg<br />

Ur: Redaktörshandboken online ElektroPost Stockholm AB<br />

Länk till plats på samma sida (steg 2) ............................................................................................ 23<br />

Aktivera prenumeration ................................................................................................................ 24<br />

Sidornas ordning i menyer ............................................................................................................ 24<br />

3


AV-Media Kronoberg<br />

Anna Prissberg<br />

Ur: Redaktörshandboken online ElektroPost Stockholm AB<br />

Kontakt, struktur och support.<br />

Vem kontaktas?<br />

När en skola/förskola önskar bygga sin egna webbplats kontaktar de AV-<strong>med</strong>ia. AV-<strong>med</strong>ia kontaktar därefter<br />

informationsenheten och <strong>med</strong>delar vilken skola det gäller samt vilka personer som ska vara huvudredaktörer<br />

respektive redaktörer. Informationsenheten skapar ett skelett till den nya skolans webbplats samt lägger upp<br />

rättigheter till de nya redaktörerna och återkopplar därefter till AV-<strong>med</strong>ia<br />

Utbildning och support<br />

AV-<strong>med</strong>ia och skolans redaktörer bestämmer själva tid och plats för utbildning. Redaktörer som behöver support<br />

vänder sig till AV-<strong>med</strong>ia som vid behov kontaktar informationsenheten.<br />

.<br />

Om Episerver<br />

Skolor och förskolor bygger sina webbplatser i Episerver under noden:<br />

[Skolornas webbplatser ] Informationsenheten skapar ett skelett till den nya skolans webbplats utifrån mallen<br />

”Skolmall-startsida”.<br />

Struktur<br />

Skolmallen innehåller sju huvudrubriker <strong>med</strong> varsina 7 x 7 underrubriker. De rubriker som enligt skol- och<br />

barnomsorgsförvaltningen är obligatoriska finns inlagda i förväg <strong>med</strong>an övriga rubriker endast är numrerade enligt<br />

Rubrik 1, Rubrik 2 o.s.v.<br />

Sidmallar<br />

Startsidan för webbplatsen är skapad av sidmallen ”Startsida –macrosajt” och samtliga undersidor är skapade av<br />

sidmallen ” Skolornas webbsida” som är en enklare form av<br />

”Vanlig webbsida”. Dokument och länkar publiceras direkt på webbsidan via textlänkar. Kontaktuppgifter skrivs<br />

direkt på webbsidan.<br />

Bilder<br />

Enstaka bilder publiceras direkt på webbsidan efter att ha redigerats i ImageVault. Skolornas bilder sparas ej i<br />

album i Image Vault. Vid publicering av många bilder, används <strong>med</strong> fördel programmet ”Photostory” från<br />

Microsoft Office.<br />

Ladda upp filer<br />

Alla filer, utom bilder, som laddas upp till webbplatsen ska läggas i ”Sidans katalog”.<br />

Enkel adress till sidan<br />

Varje skola får en enkel adress till sin webbplats, ex. www.vaxjo.se/ringsbergskolan<br />

4


AV-Media Kronoberg<br />

Anna Prissberg<br />

Ur: Redaktörshandboken online ElektroPost Stockholm AB<br />

SKOLORNAS WEBBSIDA - för redaktören att tänka på och känna till vid skapandet av en<br />

webbsida<br />

Börja <strong>med</strong> att värdera. Vilken målgrupp vill du nå? Vad vill du att de ska veta/göra efter att de läst din information?<br />

Beskriv aldrig organisationen på informationssidorna utan håll dig till ämnet.<br />

Gör ett urval<br />

Välj <strong>med</strong>vetet vilken information som ska vara <strong>med</strong>. Finns det behov av mer information än den du vill publicera<br />

på en sida? Kan du länka till fördjupad information?<br />

Tänk på att skriva det viktigaste först. Tips på hur man skriver bra för webben hittar du i Fredrik Wackås<br />

dokument ” Webbredaktörens ABC”.<br />

Rubrik<br />

Ge sidan ett namn som är relaterad till din text. Rubriken ska vara kort. Observera att sidnamnet också blir<br />

menynamnet så tänk på antal tecken. Det finns möjlighet till ett alternativt sidnamn om det krävs ett längre namn<br />

på sidan och ett kortare i menyn. Se ”Episervers redaktörshandbok”.<br />

Ingress<br />

Ingressens syfte är att kortfattat beskriva innehållet på din webbsida. Textens inledning är den chans besökaren<br />

ger dig för att fortsätta läsa. Ingress bör användas på alla sidor. Det ökar ingress.<br />

Brödtext<br />

Det är viktigt att du använder de fördefinierade formatmallar som finns för brödtext och mellanrubrik.<br />

Dela in texten i många stycken. Använd mellanrubriker, listor och andra hjälp<strong>med</strong>el för att underlätta för<br />

besökaren att överblicka din text. Tänk på att ha ett klart och tydligt språk, berätta det besökaren vill veta.<br />

Har du långa texter kan du <strong>med</strong> fördel göra rubriker i början av texten som länkar ned till bokmärken längre ned i<br />

texten.<br />

Kontaktuppgifter – namn, adress och telefon<br />

Vid presentation av kontaktuppgifter, skriv <strong>med</strong> fetstil, t.ex.<br />

Telefon 0470-414 00 eller<br />

Tel. 0470- 414 00<br />

E-post fornamn.efternamn@vaxjo.se<br />

Förkortningar<br />

Förkortningar ska undvikas. Använd endast de mest vanliga, se boken ”Svenska skrivregler” från<br />

Språkrådet.<br />

Listor<br />

Listor är ett bra sätt att locka läsarens blick till viktig fakta. Använd listor vid uppräkning där tre eller fler<br />

omständigheter följer på varandra.<br />

Fet, kursivt och understruket<br />

Fet stil kan användas mycket på webben. Du kan skriva nyckelord och nyckelfraser i fet stil om det<br />

underlättar överskådligheten. Undvik dock att använda fet stil i o<strong>med</strong>elbar anslutning till en mellanrubrik,<br />

då dessa är just i fet stil.<br />

5


AV-Media Kronoberg<br />

Anna Prissberg<br />

Ur: Redaktörshandboken online ElektroPost Stockholm AB<br />

Undvik kursiv stil. Den syns sämre än vanlig text på skärmen. För markering av viktiga ord använd fet<br />

stil. Understruken text används enbart för länkar.<br />

Tabeller<br />

Tabeller används endast för att presentera strukturerad data, aldrig för att positionera text eller bilder.<br />

När du skapar tabeller var noga <strong>med</strong> att ange bredden i procent och inte pixlar. Detta för att undvika att<br />

formgivningen hoppar.<br />

För att tabellerna ska bli tillgängliga, är det viktigt att de skapas enligt Episervers redaktörshandbok och<br />

att även inställningarna under fliken avancerad fylls i.<br />

Länkar<br />

Länkar skapas genom textlänkar i editorfältet.<br />

Bilder<br />

Använd bilder för att förtydliga texter. Bilderna ska alltid ha en alt-text. Genom funktionen bildegenskaper<br />

kan du välja hur bilden placeras etc. Läs mer i ”Episervers redaktörshandbok” och under kapitlen<br />

”Publicering av enstaka bilder på webbsidan och” Publicera många bilder genom att skapa bildspel i<br />

Photostory”<br />

6


AV-Media Kronoberg<br />

Anna Prissberg<br />

Ur: Redaktörshandboken online ElektroPost Stockholm AB<br />

<strong>Kom</strong> <strong>igång</strong> <strong>med</strong> <strong>EPiServer</strong><br />

Logga in<br />

För att komma åt redigeringsläget öppnar du din webbläsare och skriver in adressen till den webbplats som du<br />

skall redigera, plus att du lägger till /edit, www.vaxjo.se/edit Då kommer en inloggningsruta upp och du loggar in<br />

<strong>med</strong> ditt användarnamn och lösenord.<br />

<strong>EPiServer</strong> 4 krävs att du använder Internet Explorer 6.0.<br />

När du loggat in i <strong>EPiServer</strong>s redigeraläge ser du nedanstående innehåll i din webbläsare. Till vänster i fönstret<br />

finns strukturen och allt innehåll på webbplatsen i form av sidor. Ovanför sidorna finns verktygsfältet där du har<br />

verktyg för att arbeta <strong>med</strong> strukturen. I den högra delen av fönstret visas antingen den aktuella sida eller som i det<br />

här fallet startsidan i redigeraläget.<br />

Fönstret<br />

Verktygsfält som<br />

används i<br />

arbetet <strong>med</strong><br />

strukturen<br />

Strukturen så som<br />

redaktören ser<br />

den i<br />

redigeraläge.Varje<br />

rubrik här<br />

motsvarar en sida<br />

på webbplatsen.<br />

Klicka på plustecknet<br />

för att<br />

visa<br />

undersidorna.<br />

Favoriter som visar de<br />

sidor som du placerat<br />

som dina egna favoriter.<br />

Ett snabbt sätt att<br />

komma åt sidor som du<br />

ofta arbetar <strong>med</strong>.<br />

Ange namn<br />

och lösenord!<br />

Bläddring i strukturen. Ange<br />

namn eller nummer på sidan<br />

du söker. Första sida <strong>med</strong> träff<br />

kommer att visas<br />

Fliken Mina<br />

inställningar<br />

7


Trädstruktur<br />

över era sidor<br />

på webben<br />

AV-Media Kronoberg<br />

Anna Prissberg<br />

Ur: Redaktörshandboken online ElektroPost Stockholm AB<br />

Första sidan på skolans hemsida – Visa-läge<br />

Ändra befintlig information<br />

Verktyg för ny sida,<br />

klipp ut, klistra in, ta<br />

bort och filhanteraren.<br />

Boxbilder är länkade.<br />

Går att ändra.<br />

I <strong>EPiServer</strong> finns tre olika sätt att redigera en befintlig sida.<br />

Flikar för visa,<br />

redigera, versionslista<br />

Du kan redigera den genom att högerklicka på sidan och välja Ändra, sk enkel redigering.<br />

Du kan högerklicka i sidan och välja Snabbredigering<br />

Eller redigera från redigeraläget.<br />

8


AV-Media Kronoberg<br />

Anna Prissberg<br />

Ur: Redaktörshandboken online ElektroPost Stockholm AB<br />

För att ändra i en sida från redigeraläget gör du så här.<br />

1. Bläddra fram sidan du vill redigera i trädstrukturen till vänster.<br />

2. Klicka på plustecknet vid Skolornas webplatser så att alla sidor blir synliga.<br />

3. Markera din sidan genom att klicka på namnet. Bläddra i trädstrukturen genom att klicka på plustecknen<br />

framför sidornas namn. Sidan visas på fliken Visa till höger i webbläsaren.<br />

4. Välj fliken Redigera.<br />

Trädstruktur<br />

5. Gör dina ändringar i sidans innehåll.<br />

6. Välj spara och visa<br />

Redigeringsfliken<br />

Sidans<br />

nuvarande<br />

utseende<br />

9


AV-Media Kronoberg<br />

Anna Prissberg<br />

Ur: Redaktörshandboken online ElektroPost Stockholm AB<br />

Editor<br />

Här skriver du din text,<br />

ändrar på text som redan<br />

finns.<br />

7. Kontrollera att du är nöjd <strong>med</strong> dina förändringar, om inte välj återigen fliken Redigera. Om du är nöjd<br />

väljer du Publicera.<br />

Spara, förhandsgranska<br />

eller publicera din sida<br />

Namn på<br />

sidan<br />

Publicerings<br />

datum /slut<br />

datum<br />

Verktyg för att infoga<br />

bokmärken, bilder, filer<br />

och länkar<br />

Textredigerings verktyg.<br />

OBS! Skriv först – redigera<br />

sen.<br />

Välj Publicera om du är nöjd<br />

10


AV-Media Kronoberg<br />

Anna Prissberg<br />

Ur: Redaktörshandboken online ElektroPost Stockholm AB<br />

Skapa, spara och publicera information<br />

Arbetsgången <strong>med</strong> att skapa sidor i <strong>EPiServer</strong> kan beskrivas i fem steg.<br />

Börja <strong>med</strong> att bestämma var sidan skall placeras, skapa en ny sida, lägg in text och bilder. Spara och slutligen<br />

publicera sidan.<br />

1. Markera den sidan som du vill att din nya sida skall bli en undersida till.<br />

2. Skapa en ny sida genom att välja Ny sida.<br />

3. Välj Skolornas webbsida<br />

och fyll i den information<br />

som du vill skall finnas<br />

på sidan.<br />

4. Spara sidan <strong>med</strong> hjälp av knappen högst upp på sidan. Sidan visas nu på fliken Visa. Om du inte är nöjd<br />

väljer du fliken Redigera och fortsätter arbetet <strong>med</strong> innehållet.<br />

5. En ny sida har ett avpubliceringsdatum 300 dagar framåt i tiden.<br />

6. När du är nöjd <strong>med</strong> sidan, publicera den.<br />

Ny sida<br />

Välj Skolornas<br />

webbsida genom att<br />

klicka på Skapa<br />

11


AV-Media Kronoberg<br />

Anna Prissberg<br />

Ur: Redaktörshandboken online ElektroPost Stockholm AB<br />

Symboler i trädstrukturen<br />

Efter de flesta sidor i trädstrukturen visas en symbol för att tydligöra olika inställningar på sidan. Du kan <strong>med</strong><br />

symbolerna få en snabb överblick över vilka sidor som inte är publicerade, som är nya, inte visas i menyer m.m.<br />

Nedanstående symboler finns.<br />

Ny sida. Visas på alla sidor som är skapade inom 48 timmar.<br />

Sidan är ej publicerad.<br />

Sidan har tidsinställd publicering och har inte publicerats ännu.<br />

Sidan har tidsinställd publicering där tiden har passerat, sidan är inte synlig.<br />

Du har inte rättighet att ändra sidan.<br />

Sidan visas inte i menyer.<br />

Tidsinställd publicering där tiden<br />

har passerat<br />

För återpublicera en sida där<br />

publiceringsperioden gått ut öppnar du<br />

sidan i redigeringsläge. Rensa fältet<br />

Sluta publicera<br />

Alternativt klicka på knappen vid det<br />

ifyllda fältet och välj rensa-knappen som<br />

visas under kalendern.<br />

Visa sida i menyn<br />

Har du en sida som inte visas i menyn, dvs har symbolen<br />

- efter sig i trädstrukturen. Gå in på sidan i<br />

redigeringsläge och välj fliken Avancerad information.<br />

Bocka i rutan Visa sidan i menyer.<br />

12


AV-Media Kronoberg<br />

Anna Prissberg<br />

Ur: Redaktörshandboken online ElektroPost Stockholm AB<br />

1.Markera<br />

en sida i<br />

trädet.<br />

Spar<br />

a<br />

5. Spara<br />

och<br />

publicera.<br />

Den här rutan<br />

kallas för<br />

”Editor”.<br />

13


AV-Media Kronoberg<br />

Anna Prissberg<br />

Ur: Redaktörshandboken online ElektroPost Stockholm AB<br />

Publicering av bilder på hemsidan<br />

Följande bildstorlekar gäller:<br />

Porträtt: 75 x 75 bildpunkter (Används när porträtt ska finnas i anslutning till kontaktuppgifter.<br />

Stående:165 x 220 bildpunkter<br />

Liggande: 220 x 165 bildpunkter<br />

Fullbredd: 360 x 150 bildpunkter<br />

Fullbredd: 360 x (rörligt mått) bildpunkter (Används endast till kartor, diagram, kartor, skisser, scheman och<br />

liknande.)<br />

1. Gå till redigeringsläge i Episerver. Välj att redigera webbsidan som du ska publicera en bild på.<br />

2. Ställ markören i editorfönstret, där du vill ha din bild. (Obs - det går att flytta bilden efteråt).<br />

3. Klicka på ikonen för ”Lägg till/redigera bild i Image Vault”.<br />

4. Ladda upp originalbilden till Image Vault genom att klicka på ”Bläddra” och ”Ladda upp”<br />

5. Nu kommer du till ett dialogfönster där du kan redigera din bild till rätt storlek och så att den blir<br />

lågupplöst.<br />

6. Fyll i fältet Beskärningsförhållande <strong>med</strong> det bild mått du ska ha. Exempel: måttet 220 x 165 skrivs<br />

220/165<br />

7. Klicka på ikonen ”Beskär bilden” så den blir blå .<br />

8. Håll ner musen på bilden och dra ut beskärningsrutan så stor som du vill ha den.<br />

När storleken är bra så kan du flytta rutan om det behövs. Håll ner musen i rutan och flytta den till den<br />

plats du vill. Blir den fel är det bara klicka utanför rutan i bilden och börja om.<br />

9. För att utföra beskärningen dubbelklickar du i beskärningsrutan som du drog ut över bilden.<br />

10. När bilden är beskuren ska den få rätt storlek och upplösning för webben. Klicka på ikonen<br />

”Konvertera bild”.<br />

11. Välj bildformat JPEG och skriv in samma bildstorlek du valt tidigare, t.ex. bredd 220 och höjd 165.<br />

Upplösningen ska vara 72 dpi (dots per inch, punkter per tum). Klicka ”OK”.<br />

12. Ångrar du dig under arbetets gång, klicka på ikonen ”Ångra”.<br />

13. För att publicera bilden på sidan, klicka på ikonen ”Lägg till bilder”.<br />

14. Placera bilden dör du vill ha den genom att högerklicka på bilden och välja bildegenskaper.<br />

14


AV-Media Kronoberg<br />

Anna Prissberg<br />

Ur: Redaktörshandboken online ElektroPost Stockholm AB<br />

Placera en bild bredvid text<br />

Om du vill placera bilden snyggt i förhållande till texten kan du göra det genom att använda alternativet<br />

Bildegenskaper.<br />

Om du redan har infogat en bild och i efterhand vill placera den så att texten flödar runt, hittar du alternativet<br />

Bildegenskaper under höger musknapp när du pekar på bilden i editorn.<br />

När du infogar en bild öppnas dialogrutan Bildegenskaper automatiskt och du kan ange de inställningar för bilden<br />

som du önskar direkt.<br />

1. Med alternativet Justering högst upp i vänstra hörnet väljer du om du vill placera bilden till höger eller<br />

vänster om texten. Du kan också välja justering i höjdled genom att välja top, mitten eller botten.<br />

2. Med alternativet Ramens bredd, kan du ange ett värde i pixlar på hur bred ram du vill ha runt bilden.<br />

3. Med alternativen Horisontellt/Vertikalt utr ymme anger du hur långt från texten bilden skall visas. Värdet<br />

anges i pixlar.<br />

4. Med alternativet CSS-klass kan du välja ett speciellt utseende på din bild, vilka alternativ som finns i den<br />

här rullgardinslista är olika för olika webbplatser.<br />

5. Med alternativet Storlek kan du ändra visningsstorleken på bilden. Tänk på att det inte sker någon<br />

komprimering av bilden, vilket innebär att det endast är visningstor leken som änd-ras.<br />

6. Med alternativet Information kan du byta bild och ange Alternativ text på bilden.<br />

7. Välj OK.<br />

8. Bilden visas nu <strong>med</strong> texten flödande runt bilden.<br />

Om du vill ta bort en bild i sidan, markera du bilden och trycker Delete. Bilden försvinner där<strong>med</strong> från sida.<br />

15


AV-Media Kronoberg<br />

Anna Prissberg<br />

Ur: Redaktörshandboken online ElektroPost Stockholm AB<br />

Publicera många bilder <strong>med</strong> hjälp av Photostory<br />

Läs mer om hur du jobbar i Photostory på http://pim.skolverket.se/<br />

Läs vidare på avsnittet ”Infoga dokument/filer” för att använda din Photostory-fil i EpiServer<br />

Infoga dokument /filer<br />

Det är ganska vanligt att länka till olika typer av dokument på en webbplats. Det kan handla om att länka till pdfdokument,<br />

wmv m.m.<br />

OBS! Alla dokument som ligger på skolwebben ska vara i PDF-format!<br />

1. Markera det ord i editorn som skall bilda länken.<br />

2. Välj verktyget Infoga dokument i verktygsfältet.<br />

3. Dialogrutan för Länkegenskaper visas, <strong>med</strong><br />

fliken Dokument aktiv. Det ord som du har<br />

markerat visas som Klickbar text.<br />

4. I fältet Länktitel anger du den text som skall<br />

visas som tips på länken. En information som är<br />

viktigt för alla som läser webbsidan <strong>med</strong> hjälp av<br />

olika hjälp<strong>med</strong>el.<br />

5. I fältet Målram väljer du hur länken ska öppnas.<br />

6. Om du vill länka till ett dokument som redan<br />

finns på webbplatsen eller ladda upp ett nytt<br />

dokument till webbservern väljer du Dokument<br />

på denna webbplats, och väljer sedan Sökväg.<br />

Markerad,<br />

klickbar<br />

text.<br />

Målram –<br />

öppna i<br />

nytt fönster<br />

Sökväg!<br />

16


AV-Media Kronoberg<br />

Anna Prissberg<br />

Ur: Redaktörshandboken online ElektroPost Stockholm AB<br />

7. Varje sida i <strong>EPiServer</strong> har en egen katalog som du kan välja att ladda dokument till. Då väljer du Sidans<br />

katalog.<br />

8. Om det inte finns någon skapad<br />

katalog för sidan, kommer<br />

programmet att fråga om det ska<br />

skapa en katalog, klicka på ”Ja”.<br />

9. Välj Lägg till en ny fil...<br />

Sidans<br />

katalog!<br />

Lägg till ny<br />

fil<br />

17


AV-Media Kronoberg<br />

Anna Prissberg<br />

Ur: Redaktörshandboken online ElektroPost Stockholm AB<br />

10. Välj Bläddra...<br />

11. Sök upp och markera det dokument som du vill länka till.<br />

12. Välj Öppna/Open.<br />

13. Välj Lägg till. Dokumentet laddas nu upp till den katalog som du har valt på servern.<br />

14. Markera filen du lagt till. Välj Infoga och<br />

sedan Ok. Dokumentet länkas in i sidan.<br />

18


AV-Media Kronoberg<br />

Anna Prissberg<br />

Ur: Redaktörshandboken online ElektroPost Stockholm AB<br />

Infoga ett dokument direkt från filhanteraren<br />

Du kan direkt från filhanteraren infoga ett dokument i sidan genom att enkelt dra<br />

och släppa filen i sidan.<br />

1. Redigera sidan och öppna filhanteraren genom att välja Filhanteraren i<br />

verktygsfältet.<br />

2. Bläddra fram till den fil som du vill infoga.<br />

3. Markera filen och dra in filen till önskad plats i sidan.<br />

4. Filen länkas nu in i sidan och texten som visas in länken är sökvägen till filen. Om du vill ändra den<br />

ställer du markören i texten och väljer Infoga dokument. Ändra texten i fältet Klickbar text och välj Ok.<br />

Kopiera text från andra program/webbsidor<br />

Du kan kopiera text från vilket program som helst in i <strong>EPiServer</strong>. Det viktigaste är att du klistrar in texten på rätt<br />

sätt för att följa den grafiska profilen på webbplatsen.<br />

1. Markera och kopiera texten i det<br />

program som du vill kopiera från.<br />

2. Växla till EPiSer vers redigeraläge och<br />

redigera sidan.<br />

3. Högerklicka i editorn på den plats där<br />

du vill placera din text.<br />

4. Välj Klistra in oformaterat i<br />

högerklicksmenyn.<br />

5. Texten klistras in i <strong>EPiServer</strong> utan den<br />

formatering som fanns i tidigare<br />

program, det vi kallar oformaterad.<br />

Texten får dock det format som finns i<br />

<strong>EPiServer</strong> beroende på var i din<br />

Filhanterare<br />

n<br />

befintliga text du klistrar in den. Du kan nu på egen hand markera rubriker, ingresser m.m.<br />

19


AV-Media Kronoberg<br />

Anna Prissberg<br />

Ur: Redaktörshandboken online ElektroPost Stockholm AB<br />

Länkar<br />

I <strong>EPiServer</strong>s inbyggda länkverktyg kan du skapa länkar till interna sidor, externa sidor, e-postlänkar och<br />

bokmärken. Genom att klicka på verktyget Infoga länk öppnas dialogrutan för länkegenskaper. Här finns ett antal<br />

vyer som används olika beroende på vad vilket typ av länk du vill göra.<br />

När du vill skapa en länk till en plats utanför din webbplats, exempelvis på internet, väljer du verktyget Infoga länk.<br />

Länk till sida på annan webbplats<br />

1. Markera det ord som skall bilda länk.<br />

2. Välj Infoga länk.<br />

3. Dialogrutan för Länkegenskaper visas, <strong>med</strong> fliken<br />

Webbsida aktiv. Det ord som du har markerat visas<br />

som Klickbar text.<br />

4. I fältet Länktitel anger du den text som skall visas<br />

som tips på länken. En information som är viktigt för<br />

alla som läser webbsidan <strong>med</strong> hjälp av olika<br />

hjälp<strong>med</strong>el.<br />

5. I fältet Målram väljer du hur länken ska öppnas.<br />

6. Som länkmål väljer du Sida på annan webbplats.<br />

7. I fältet Adress skriver du adressen till webbplatsen du vill länka till.<br />

8. Välj Ok.<br />

9. Länken visas i Editorn <strong>med</strong> en gul bakgrund.<br />

20


AV-Media Kronoberg<br />

Anna Prissberg<br />

Ur: Redaktörshandboken online ElektroPost Stockholm AB<br />

Länk till sida i <strong>EPiServer</strong><br />

Du kan välja att länka till en sida på din egen webbplats, alltså en sida som finns i <strong>EPiServer</strong>.<br />

1. Markera det ord som skall bilda länk.<br />

2. Välj Infoga länk.<br />

3. Dialogrutan för Länkegenskaper visas, <strong>med</strong> fliken<br />

Webbsida aktiv. Det ord som du har markerat<br />

visas som Klickbar text.<br />

4. I fältet Länktitel anger du den text som skall visas<br />

som tips på länken. En information som är viktigt<br />

för alla som läser webbsidan <strong>med</strong> hjälp av olika<br />

hjälp<strong>med</strong>el.<br />

5. I fältet Målram väljer du hur länken ska öppnas.<br />

6. Som länkmål väljer du Sida på denna webbplats.<br />

Ange vilken sida du vill länka till genom att välja knappen till höger om fältet Adress. Du får då upp en ny<br />

dialogruta som visar webb-platsens struktur.<br />

7. Välj den sida som du vill länka till i strukturen, välj Ok.<br />

8. I fältet Språk kan du definiera på vilken språksida som besökaren ska hamna. Om ni inte har flera språk<br />

på er webbplats ska inställningen Automatisk väljas.<br />

9. Välj Ok.<br />

10. Länken visas i Editorn <strong>med</strong> en gul bakgrund.<br />

21


AV-Media Kronoberg<br />

Anna Prissberg<br />

Ur: Redaktörshandboken online ElektroPost Stockholm AB<br />

Länk till e-postadress<br />

Genom att länka till en e-postadress hjälper du dina besökare så att de enkelt kan skicka e-post till dig. När en<br />

besökare klickar på länken öppnas dennes e-postprogram och den adress du angivit skrivs automatiskt i fältet för<br />

adress.<br />

1. Markera det ord som skall bilda länk.<br />

2. Välj Infoga länk.<br />

3. Dialogrutan för Länkegenskaper visas. Välj<br />

fliken E-post. Det ord som du har markerat<br />

visas som Klickbar text.<br />

4. I fältet Länktitel anger du den text som skall<br />

visas som tips på länken. En information<br />

som är viktigt för alla som läser webbsidan<br />

<strong>med</strong> hjälp av olika hjälp<strong>med</strong>el.<br />

5. I fältet E-postadress skriver du den e-<br />

postadress som länken skall gå till.<br />

6. Välj Ok.<br />

7. Länken visas i Editorn <strong>med</strong> en gul bakgrund.<br />

22


AV-Media Kronoberg<br />

Anna Prissberg<br />

Ur: Redaktörshandboken online ElektroPost Stockholm AB<br />

Länka till plats på samma sida<br />

Ibland kan det vara praktiskt att kunna länka till en plats på samma webbsida, t.ex. om du har en lång text som är<br />

uppdelad i flera olika rubriker. För att kunna länka till ett speciellt ställe på en sida måste du lägga till ett<br />

bokmärke, även kallat ankare, för att webbläsaren ska veta vart den ska gå.<br />

Infoga bokmärke (Steg 1)<br />

1. Markera texten där du vill placera ett bokmärke.<br />

2. Välj Infoga bokmärke i verktygsmenyn.<br />

3. Skriv ett namn på ditt bokmärke. Om det är möjligt undvik att använda å, ä, ö, specialtecken eller<br />

mellanslag.<br />

4. Välj OK.<br />

5. Bokmärket visas i Editorn <strong>med</strong> gul<br />

bakgrund.<br />

Ändra/Ta bort bokmärke<br />

1. Placera markören i bokmärket.<br />

2. Välj Infoga bokmärke i verktygsmenyn.<br />

3. Ändra texten på ditt bokmärke, eller om du vill ta bor t bokmärket, radera texten.<br />

4. Välj OK.<br />

Länk till plats på samma sida (steg 2)<br />

1. Markera det ord som skall bilda länk.<br />

2. Välj Infoga länk.<br />

3. Dialogrutan för Länkegenskaper visas, <strong>med</strong> fliken Webbsida<br />

aktiv. Det ord som du har markerat visas som Klickbar text.<br />

4. I fältet Länktitel anger du den text som skall visas som tips<br />

på länken. En information som är viktigt för alla som läser<br />

webbsidan <strong>med</strong> hjälp av olika hjälp<strong>med</strong>el.<br />

5. I fältet Målram väljer du hur länken ska öppnas.<br />

6. Som länkmål väljer du Bokmärke på denna sida.<br />

7. I fältet Bokmärke listas alla bokmärken på sidan. Välj det bokmärke du vill länka till.<br />

8. Välj Ok.<br />

9. Länken visas i Editorn <strong>med</strong> en gul bakgrund.<br />

23


AV-Media Kronoberg<br />

Anna Prissberg<br />

Ur: Redaktörshandboken online ElektroPost Stockholm AB<br />

Aktivera prenumeration<br />

Logga in i episerver och gå in på sidan som du vill att användarna ska kunna prenumerera på.<br />

Klicka på fliken Redigera och därefter på fliken<br />

Prenumeration. Där hittar du en kryssryta som<br />

man kan bocka i för prenumeration.<br />

Genom att markera denna kryssruta ger du<br />

besökaren möjlighet att prenumerera, få epostsutskick,<br />

på alla de sidor som skapas och<br />

uppdateras under sidan. Exempelvis om du har<br />

en sida för nyheter där du skapar nyhetssidor<br />

under får prenumeranterna ett epost<strong>med</strong>delande<br />

<strong>med</strong> länkar till de nya<br />

nyhetssidorna. För att användaren skall få<br />

informationen skickad till sig måste denna ha registrerat sig för<br />

prenumeration på en speciell sida.<br />

Spara och publicera sidan. Klicka nu på ”Prenumerera” som finns på<br />

sidan högst upp till höger. På sidan som visas ser du en förteckning<br />

över de sidor man kan prenumerera på, samt hur användaren måste<br />

fylla i e-post etc för att ta del av prenumerationen.<br />

Markera sidan som ändrad<br />

I <strong>EPiServer</strong> används datumet då sidor sparas vid<br />

flera olika tillfällen. Ett exempel kan vara vid<br />

prenumeration, då sidan skickas <strong>med</strong> som en nyhet<br />

i prenumerationen. Det är dock inte alltid som det är<br />

aktuellt att poängtera att sidan är ändrad. Det kan<br />

exempelvis vara om man gått in och ändrat mindre<br />

layoutförändringar eller stavfel. För att <strong>EPiServer</strong><br />

skall förstå att du gjort omfattande förändringar av<br />

innehållet skall du därför markera kryssrutan<br />

Markera sidan som ändrad. Då kommer systemet att<br />

ta <strong>med</strong> den i nästa prenumerationsutskick.<br />

Sidornas ordning i menyer<br />

Sidorna i <strong>EPiServer</strong> sorteras i trädstrukturen efter en förvald sorteringsordning. Det är vanligast att de sorteras<br />

<strong>med</strong> den senast skapade sidan överst i trädstrukturen. Du kan enkelt ändra sorteringsordningen på din del av<br />

webbplatsen genom att ändra det på huvudsidan i respektive gren.<br />

1. Markera huvudsidan i strukturen.<br />

2. Redigera sidan och välj fliken Avancerad information.<br />

3. Välj sätt att sor tera på under Sorteringsordning.<br />

4. Spara och publicera sidan.<br />

24


AV-Media Kronoberg<br />

Anna Prissberg<br />

Ur: Redaktörshandboken online ElektroPost Stockholm AB<br />

5. När sidan är publicerad slår den nya sorteringen igenom på den valda trädgrenen.<br />

Sorteringen av sidor utgår alltid från respektive<br />

huvudsidan i strukturen, vi kallar de sidorna för<br />

föräldrar. Alla sidor som ligger direkt under en<br />

förälder är den sidans barn och de kan sorteras<br />

sinsemellan. Det är vanligt att sortera sidorna<br />

utifrån alfabet eller datum. Beroende på hur du vill<br />

ha det anger du din sortering i fältet<br />

Sorteringsordning på föräldersidan. Den sidans<br />

barn kommer efter publicering att sorteras på det<br />

sätt som du valt.<br />

Om du helt och hållet själv vill bestämma hur<br />

sidorna skall sorteras väljer du alternativet Enligt<br />

sorteringsindex på sidan som är förälder. Barnen<br />

måste sedan ha ett unikt nummer, sorteringsindex<br />

som gör att sidornas nummer skiljer sig i<br />

förhållande till varandra. Ju lägre indextal sidan har,<br />

ju högre upp kommer den i strukturen. Numret<br />

måste vara ett heltal men övrigt finns inga<br />

begränsningar. För att göra det enkelt för dig rekommenderar vi att du arbetar <strong>med</strong> hela tio- eller hundratal. Vilket<br />

sorteringsindex en sida har kan du se genom att peka på sidan i strukturen i redigeraläget. <strong>Kom</strong> ihåg att alla<br />

förändringar i strukturen måste alltid publiceras, det går inte att förhandsgranska en sådan förändring.<br />

Alla sidor som har plus eller minus framför namnet i strukturen är föräldrar. Barnen till föräldern hänger ihop <strong>med</strong><br />

en streckad linje under föräldern.<br />

Genom att peka på sida får du information om sidan och dess sorteringsindex.<br />

Flytta sida<br />

Det finns tre olika sätt att flytta sidor på. Du kan använda dig av verktygsfältet, höger musknapp eller dra- och<br />

släppmetoden. Tänk på att när du flyttar en sida följer sidans alla undersidor alltid <strong>med</strong>.<br />

Med hjälp av verktyget Klipp ut i verktygsfältet kan du flytta en sida i din struktur till en annan plats. Markera<br />

den sida du vill flytta och välj verktyget Klipp ut. Markera den sida dit du vill flytta din sida. Välj därefter verktyget<br />

Klistra in. Om du avbryter operationen innan du valt att klistra in förändras ingenting på webbplatsen.<br />

Med hjälp av högerklicks-menyn som visas när du högerklickar på en sida i trädstukturen kan du flytta en sida<br />

genom att som ovan använda verktygen Klipp ut och Klistra in. Högerklicka på den sida som du flytta och välj<br />

Klipp ut. Högerklicka på den sida dit du vill flytta sidan och välj Klistra in. Sidan är flyttad.<br />

Du kan också använda dra- och släpp metoden för att flytta en sida. Klicka på sidan <strong>med</strong> vänster musknapp och<br />

håll<br />

25

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!