Kom igång med EPiServer - prissan
Kom igång med EPiServer - prissan
Kom igång med EPiServer - prissan
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