Kom igång med EPiServer

AV-Media Kronoberg
Anna Prissberg
Ur: Redaktörshandboken online ElektroPost Stockholm AB
Kom i
gång med
EpiServer
10 maj
2010
EpiServer för
redaktörer
AV-Media Kronoberg
Anna Prissberg
Ur: Redaktörshandboken online ElektroPost Stockholm AB
Innehåll
Innehåll ................................................................................................................................................ 2
SKOLORNAS WEBBSIDA - för redaktören att tänka på och känna till vid skapandet av en
webbsida ......................................................................................................................................... 5
Kom igång med EPiServer.................................................................................................................... 7
Logga in .......................................................................................................................................... 7
Fönstret ........................................................................................................................................... 7
Ändra befintlig information ............................................................................................................. 8
Skapa, spara och publicera information ........................................................................................ 11
Symboler i trädstrukturen ............................................................................................................. 12
Tidsinställd publicering där tiden har passerat ............................................................................. 12
Visa sida i menyn ........................................................................................................................... 12
Publicering av bilder på hemsidan .................................................................................................... 14
Placera en bild bredvid text........................................................................................................... 15
Publicera många bilder med hjälp av Photostory ............................................................................. 16
Infoga dokument /filer ...................................................................................................................... 16
Infoga ett dokument direkt från filhanteraren ............................................................................. 19
Kopiera text från andra program/webbsidor .................................................................................... 19
Länkar ................................................................................................................................................ 20
Länk till sida i EPiServer ................................................................................................................. 21
Länk till e-postadress ..................................................................................................................... 22
Länka till plats på samma sida ....................................................................................................... 23
Infoga bokmärke (Steg 1) .............................................................................................................. 23
2
AV-Media Kronoberg
Anna Prissberg
Ur: Redaktörshandboken online ElektroPost Stockholm AB
Länk till plats på samma sida (steg 2) ............................................................................................ 23
Aktivera prenumeration ................................................................................................................ 24
Sidornas ordning i menyer ............................................................................................................ 24
3
AV-Media Kronoberg
Anna Prissberg
Ur: Redaktörshandboken online ElektroPost Stockholm AB
Kontakt, struktur och support.
Vem kontaktas?
När en skola/förskola önskar bygga sin egna webbplats kontaktar de AV-media. AV-media kontaktar därefter
informationsenheten och meddelar vilken skola det gäller samt vilka personer som ska vara huvudredaktörer
respektive redaktörer. Informationsenheten skapar ett skelett till den nya skolans webbplats samt lägger upp
rättigheter till de nya redaktörerna och återkopplar därefter till AV-media
Utbildning och support
AV-media och skolans redaktörer bestämmer själva tid och plats för utbildning. Redaktörer som behöver support
vänder sig till AV-media som vid behov kontaktar informationsenheten.
.
Om Episerver
Skolor och förskolor bygger sina webbplatser i Episerver under noden:
[Skolornas webbplatser ] Informationsenheten skapar ett skelett till den nya skolans webbplats utifrån mallen
”Skolmall-startsida”.
Struktur
Skolmallen innehåller sju huvudrubriker med varsina 7 x 7 underrubriker. De rubriker som enligt skol- och
barnomsorgsförvaltningen är obligatoriska finns inlagda i förväg medan övriga rubriker endast är numrerade enligt
Rubrik 1, Rubrik 2 o.s.v.
Sidmallar
Startsidan för webbplatsen är skapad av sidmallen ”Startsida –macrosajt” och samtliga undersidor är skapade av
sidmallen ” Skolornas webbsida” som är en enklare form av
”Vanlig webbsida”. Dokument och länkar publiceras direkt på webbsidan via textlänkar. Kontaktuppgifter skrivs
direkt på webbsidan.
Bilder
Enstaka bilder publiceras direkt på webbsidan efter att ha redigerats i ImageVault. Skolornas bilder sparas ej i
album i Image Vault. Vid publicering av många bilder, används med fördel programmet ”Photostory” från
Microsoft Office.
Ladda upp filer
Alla filer, utom bilder, som laddas upp till webbplatsen ska läggas i ”Sidans katalog”.
Enkel adress till sidan
Varje skola får en enkel adress till sin webbplats, ex. www.vaxjo.se/ringsbergskolan
4
AV-Media Kronoberg
Anna Prissberg
Ur: Redaktörshandboken online ElektroPost Stockholm AB
SKOLORNAS WEBBSIDA - för redaktören att tänka på och känna till vid skapandet av en
webbsida
Börja med 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?
Beskriv aldrig organisationen på informationssidorna utan håll dig till ämnet.
Gör ett urval
Välj medvetet vilken information som ska vara med. Finns det behov av mer information än den du vill publicera
på en sida? Kan du länka till fördjupad information?
Tänk på att skriva det viktigaste först. Tips på hur man skriver bra för webben hittar du i Fredrik Wackås
dokument ” Webbredaktörens ABC”.
Rubrik
Ge sidan ett namn som är relaterad till din text. Rubriken ska vara kort. Observera att sidnamnet också blir
menynamnet så tänk på antal tecken. Det finns möjlighet till ett alternativt sidnamn om det krävs ett längre namn
på sidan och ett kortare i menyn. Se ”Episervers redaktörshandbok”.
Ingress
Ingressens syfte är att kortfattat beskriva innehållet på din webbsida. Textens inledning är den chans besökaren
ger dig för att fortsätta läsa. Ingress bör användas på alla sidor. Det ökar ingress.
Brödtext
Det är viktigt att du använder de fördefinierade formatmallar som finns för brödtext och mellanrubrik.
Dela in texten i många stycken. Använd mellanrubriker, listor och andra hjälpmedel för att underlätta för
besökaren att överblicka din text. Tänk på att ha ett klart och tydligt språk, berätta det besökaren vill veta.
Har du långa texter kan du med fördel göra rubriker i början av texten som länkar ned till bokmärken längre ned i
texten.




Kontaktuppgifter – namn, adress och telefon
Vid presentation av kontaktuppgifter, skriv med fetstil, t.ex.
Telefon 0470-414 00 eller
Tel. 0470- 414 00
E-post [email protected]
Förkortningar
Förkortningar ska undvikas. Använd endast de mest vanliga, se boken ”Svenska skrivregler” från
Språkrådet.
Listor
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
omständigheter följer på varandra.
Fet, kursivt och understruket
Fet stil kan användas mycket på webben. Du kan skriva nyckelord och nyckelfraser i fet stil om det
underlättar överskådligheten. Undvik dock att använda fet stil i omedelbar anslutning till en mellanrubrik,
då dessa är just i fet stil.
5
AV-Media Kronoberg
Anna Prissberg
Ur: Redaktörshandboken online ElektroPost Stockholm AB


Undvik kursiv stil. Den syns sämre än vanlig text på skärmen. För markering av viktiga ord använd fet
stil. Understruken text används enbart för länkar.
Tabeller
Tabeller används endast för att presentera strukturerad data, aldrig för att positionera text eller bilder.
När du skapar tabeller var noga med att ange bredden i procent och inte pixlar. Detta för att undvika att
formgivningen hoppar.
För att tabellerna ska bli tillgängliga, är det viktigt att de skapas enligt Episervers redaktörshandbok och
att även inställningarna under fliken avancerad fylls i.

Länkar
Länkar skapas genom textlänkar i editorfältet.

Bilder
Använd bilder för att förtydliga texter. Bilderna ska alltid ha en alt-text. Genom funktionen bildegenskaper
kan du välja hur bilden placeras etc. Läs mer i ”Episervers redaktörshandbok” och under kapitlen
”Publicering av enstaka bilder på webbsidan och” Publicera många bilder genom att skapa bildspel i
Photostory”
6
AV-Media Kronoberg
Anna Prissberg
Ur: Redaktörshandboken online ElektroPost Stockholm AB
Kom igång med EPiServer
Logga in
För att komma åt redigeringsläget öppnar du din webbläsare och skriver in adressen till den webbplats som du
skall redigera, plus att du lägger till /edit, www.vaxjo.se/edit Då kommer en inloggningsruta upp och du loggar in
med ditt användarnamn och lösenord.
EPiServer 4 krävs att du använder Internet Explorer 6.0.
Ange namn
och lösenord!
När du loggat in i EPiServers redigeraläge ser du nedanstående innehåll i din webbläsare. Till vänster i fönstret
finns strukturen och allt innehåll på webbplatsen i form av sidor. Ovanför sidorna finns verktygsfältet där du har
verktyg för att arbeta med strukturen. I den högra delen av fönstret visas antingen den aktuella sida eller som i det
här fallet startsidan i redigeraläget.
Fönstret
Verktygsfält som
används i
arbetet med
strukturen
Fliken Mina
inställningar
Favoriter som visar de
sidor som du placerat
som dina egna favoriter.
Ett snabbt sätt att
komma åt sidor som du
ofta arbetar med.
Strukturen så som
redaktören ser
den i
redigeraläge.Varje
rubrik här
motsvarar en sida
på webbplatsen.
Klicka på plustecknet för att
visa
undersidorna.
Bläddring i strukturen. Ange
namn eller nummer på sidan
du söker. Första sida med träff
kommer att visas
7
AV-Media Kronoberg
Anna Prissberg
Ur: Redaktörshandboken online ElektroPost Stockholm AB
Första sidan på skolans hemsida – Visa-läge
Verktyg för ny sida,
klipp ut, klistra in, ta
bort och filhanteraren.
Flikar för visa,
redigera, versionslista
Trädstruktur
över era sidor
på webben
Boxbilder är länkade.
Går att ändra.
Ändra befintlig information
I EPiServer finns tre olika sätt att redigera en befintlig sida.



Du kan redigera den genom att högerklicka på sidan och välja Ändra, sk enkel redigering.
Du kan högerklicka i sidan och välja Snabbredigering
Eller redigera från redigeraläget.
8
AV-Media Kronoberg
Anna Prissberg
Ur: Redaktörshandboken online ElektroPost Stockholm AB
För att ändra i en sida från redigeraläget gör du så här.
1.
Bläddra fram sidan du vill redigera i trädstrukturen till vänster.
2.
Klicka på plustecknet vid Skolornas
3.
Markera din sidan genom att klicka på namnet. Bläddra i trädstrukturen genom att klicka på plustecknen
webplatser så att alla sidor blir synliga.
framför sidornas namn. Sidan visas på fliken Visa till höger i webbläsaren.
4.
Välj fliken Redigera.
Redigeringsfliken
Trädstruktur
5.
Gör dina ändringar i sidans innehåll.
6.
Välj spara och visa
Sidans
nuvarande
utseende
9
AV-Media Kronoberg
Anna Prissberg
Ur: Redaktörshandboken online ElektroPost Stockholm AB
Spara, förhandsgranska
eller publicera din sida
Namn på
sidan
Publicerings
datum /slut
datum
Verktyg för att infoga
bokmärken, bilder, filer
och länkar
Editor
Här skriver du din text,
ändrar på text som redan
finns.
Textredigerings verktyg.
OBS! Skriv först – redigera
sen.
Välj Publicera om du är nöjd
7.
Kontrollera att du är nöjd med dina förändringar, om inte välj återigen fliken Redigera. Om du är nöjd
väljer du Publicera.
10
AV-Media Kronoberg
Anna Prissberg
Ur: Redaktörshandboken online ElektroPost Stockholm AB
Skapa, spara och publicera information
Arbetsgången med att skapa sidor i EPiServer kan beskrivas i fem steg.
Börja med att bestämma var sidan skall placeras, skapa en ny sida, lägg in text och bilder. Spara och slutligen
publicera sidan.
1.
Markera den sidan som du vill att din nya sida skall bli en undersida till.
2.
Skapa en ny sida genom att välja Ny sida.
3.
Ny sida
Välj Skolornas webbsida
och fyll i den information
Välj Skolornas
webbsida genom att
klicka på Skapa
som du vill skall finnas
på sidan.
4.
Spara sidan med hjälp av knappen högst upp på sidan. Sidan visas nu på fliken Visa. Om du inte är nöjd
väljer du fliken Redigera och fortsätter arbetet med innehållet.
5.
En ny sida har ett avpubliceringsdatum 300 dagar framåt i tiden.
6.
När du är nöjd med sidan, publicera den.
11
AV-Media Kronoberg
Anna Prissberg
Ur: Redaktörshandboken online ElektroPost Stockholm AB
Symboler i trädstrukturen
Efter de flesta sidor i trädstrukturen visas en symbol för att tydligöra olika inställningar på sidan. Du kan med
symbolerna få en snabb överblick över vilka sidor som inte är publicerade, som är nya, inte visas i menyer m.m.
Nedanstående symboler finns.
Ny sida. Visas på alla sidor som är skapade inom 48 timmar.
Sidan är ej publicerad.
Sidan har tidsinställd publicering och har inte publicerats ännu.
Sidan har tidsinställd publicering där tiden har passerat, sidan är inte synlig.
Du har inte rättighet att ändra sidan.
Sidan visas inte i menyer.
Tidsinställd publicering där tiden
har passerat
För återpublicera en sida där
publiceringsperioden gått ut öppnar du
sidan i redigeringsläge. Rensa fältet
Sluta publicera
Alternativt klicka på knappen vid det
ifyllda fältet och välj rensa-knappen som
visas under kalendern.
Visa sida i menyn
Har du en sida som inte visas i menyn, dvs har symbolen
- efter sig i trädstrukturen. Gå in på sidan i
redigeringsläge och välj fliken Avancerad information.
Bocka i rutan Visa sidan i menyer.
12
AV-Media Kronoberg
Anna Prissberg
Ur: Redaktörshandboken online ElektroPost Stockholm AB
1.Markera
en sida i
trädet.
Spar
a
5. Spara
och
publicera.
Den här rutan
kallas för
”Editor”.
13
AV-Media Kronoberg
Anna Prissberg
Ur: Redaktörshandboken online ElektroPost Stockholm AB
Publicering av bilder på hemsidan
Följande bildstorlekar gäller:
Porträtt: 75 x 75 bildpunkter (Används när porträtt ska finnas i anslutning till kontaktuppgifter.
Stående:165 x 220 bildpunkter
Liggande: 220 x 165 bildpunkter
Fullbredd: 360 x 150 bildpunkter
Fullbredd: 360 x (rörligt mått) bildpunkter (Används endast till kartor, diagram, kartor, skisser, scheman och
liknande.)
1.
Gå till redigeringsläge i Episerver. Välj att redigera webbsidan som du ska publicera en bild på.
2.
Ställ markören i editorfönstret, där du vill ha din bild. (Obs - det går att flytta bilden efteråt).
3.
Klicka på ikonen för ”Lägg till/redigera bild i Image Vault”.
4.
Ladda upp originalbilden till Image Vault genom att klicka på ”Bläddra” och ”Ladda upp”
5.
Nu kommer du till ett dialogfönster där du kan redigera din bild till rätt storlek och så att den blir
lågupplöst.
6.
Fyll i fältet Beskärningsförhållande med det bild mått du ska ha. Exempel: måttet 220 x 165 skrivs
220/165
7.
8.
Klicka på ikonen
”Beskär bilden” så den blir blå
.
Håll ner musen på bilden och dra ut beskärningsrutan så stor som du vill ha den.
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
plats du vill. Blir den fel är det bara klicka utanför rutan i bilden och börja om.
9.
För att utföra beskärningen dubbelklickar du i beskärningsrutan som du drog ut över bilden.
10. När bilden är beskuren ska den få rätt storlek och upplösning för webben. Klicka på ikonen
”Konvertera bild”.
11. Välj bildformat JPEG och skriv in samma bildstorlek du valt tidigare, t.ex. bredd 220 och höjd 165.
Upplösningen ska vara 72 dpi (dots per inch, punkter per tum). Klicka ”OK”.
12. Ångrar du dig under arbetets gång, klicka på ikonen
13. För att publicera bilden på sidan, klicka på ikonen
”Ångra”.
”Lägg till bilder”.
14. Placera bilden dör du vill ha den genom att högerklicka på bilden och välja bildegenskaper.
14
AV-Media Kronoberg
Anna Prissberg
Ur: Redaktörshandboken online ElektroPost Stockholm AB
Placera en bild bredvid text
Om du vill placera bilden snyggt i förhållande till texten kan du göra det genom att använda alternativet
Bildegenskaper.
Om du redan har infogat en bild och i efterhand vill placera den så att texten flödar runt, hittar du alternativet
Bildegenskaper under höger musknapp när du pekar på bilden i editorn.
När du infogar en bild öppnas dialogrutan Bildegenskaper automatiskt och du kan ange de inställningar för bilden
som du önskar direkt.
1.
Med alternativet Justering högst upp i vänstra hörnet väljer du om du vill placera bilden till höger eller
vänster om texten. Du kan också välja justering i höjdled genom att välja top, mitten eller botten.
2.
Med alternativet Ramens bredd, kan du ange ett värde i pixlar på hur bred ram du vill ha runt bilden.
3.
Med alternativen Horisontellt/Vertikalt utr ymme anger du hur långt från texten bilden skall visas. Värdet
anges i pixlar.
4.
Med alternativet CSS-klass kan du välja ett speciellt utseende på din bild, vilka alternativ som finns i den
här rullgardinslista är olika för olika webbplatser.
5.
Med alternativet Storlek kan du ändra visningsstorleken på bilden. Tänk på att det inte sker någon
komprimering av bilden, vilket innebär att det endast är visningstor leken som änd-ras.
6.
Med alternativet Information kan du byta bild och ange Alternativ text på bilden.
7.
Välj OK.
8.
Bilden visas nu med texten flödande runt bilden.
Om du vill ta bort en bild i sidan, markera du bilden och trycker Delete. Bilden försvinner därmed från sida.
15
AV-Media Kronoberg
Anna Prissberg
Ur: Redaktörshandboken online ElektroPost Stockholm AB
Publicera många bilder med hjälp av Photostory
Läs mer om hur du jobbar i Photostory på
http://pim.skolverket.se/
Läs vidare på avsnittet ”Infoga dokument/filer” för att använda din Photostory-fil i EpiServer
Infoga dokument /filer
Det är ganska vanligt att länka till olika typer av dokument på en webbplats. Det kan handla om att länka till pdfdokument, wmv m.m.
OBS! Alla dokument som ligger på skolwebben ska vara i PDF-format!
1.
Markera det ord i editorn som skall bilda länken.
2.
Välj verktyget Infoga dokument i verktygsfältet.
3.
Dialogrutan för Länkegenskaper visas, med
fliken Dokument aktiv. Det ord som du har
markerat visas som Klickbar text.
4.
I fältet Länktitel anger du den text som skall
visas som tips på länken. En information som är
viktigt för alla som läser webbsidan med hjälp av
olika hjälpmedel.
5.
I fältet Målram väljer du hur länken ska öppnas.
6.
Om du vill länka till ett dokument som redan
finns på webbplatsen eller ladda upp ett nytt
dokument till webbservern väljer du Dokument
på denna webbplats, och väljer sedan Sökväg.
Markerad,
klickbar
text.
Målram –
öppna i
nytt fönster
Sökväg!
16
AV-Media Kronoberg
Anna Prissberg
Ur: Redaktörshandboken online ElektroPost Stockholm AB
7.
Varje sida i EPiServer har en egen katalog som du kan välja att ladda dokument till. Då väljer du Sidans
katalog.
Lägg till ny
fil
Sidans
katalog!
8.
Om det inte finns någon skapad
katalog för sidan, kommer
programmet att fråga om det ska
skapa en katalog, klicka på ”Ja”.
9.
Välj Lägg till en ny fil...
17
AV-Media Kronoberg
Anna Prissberg
Ur: Redaktörshandboken online ElektroPost Stockholm AB
10. Välj Bläddra...
11. Sök upp och markera det dokument som du vill länka till.
12. Välj Öppna/Open.
13. Välj Lägg till. Dokumentet laddas nu upp till den katalog som du har valt på servern.
14. Markera filen du lagt till. Välj Infoga och
sedan Ok. Dokumentet länkas in i sidan.
18
AV-Media Kronoberg
Anna Prissberg
Ur: Redaktörshandboken online ElektroPost Stockholm AB
Infoga ett dokument direkt från filhanteraren
Du kan direkt från filhanteraren infoga ett dokument i sidan genom att enkelt dra
och släppa filen i sidan.
1.
Redigera sidan och öppna filhanteraren genom att välja Filhanteraren i
Filhanterare
n
verktygsfältet.
2.
Bläddra fram till den fil som du vill infoga.
3.
Markera filen och dra in filen till önskad plats i sidan.
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
ställer du markören i texten och väljer Infoga dokument. Ändra texten i fältet Klickbar text och välj Ok.
Kopiera text från andra program/webbsidor
Du kan kopiera text från vilket program som helst in i EPiServer. Det viktigaste är att du klistrar in texten på rätt
sätt för att följa den grafiska profilen på webbplatsen.
1.
Markera och kopiera texten i det
program som du vill kopiera från.
2.
Växla till EPiSer vers redigeraläge och
redigera sidan.
3.
Högerklicka i editorn på den plats där
du vill placera din text.
4.
Välj Klistra in oformaterat i
högerklicksmenyn.
5.
Texten klistras in i EPiServer utan den
formatering som fanns i tidigare
program, det vi kallar oformaterad.
Texten får dock det format som finns i
EPiServer beroende på var i din
befintliga text du klistrar in den. Du kan nu på egen hand markera rubriker, ingresser m.m.
19
AV-Media Kronoberg
Anna Prissberg
Ur: Redaktörshandboken online ElektroPost Stockholm AB
Länkar
I EPiServers inbyggda länkverktyg kan du skapa länkar till interna sidor, externa sidor, e-postlänkar och
bokmärken. Genom att klicka på verktyget Infoga länk öppnas dialogrutan för länkegenskaper. Här finns ett antal
vyer som används olika beroende på vad vilket typ av länk du vill göra.
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.
Länk till sida på annan webbplats
1.
Markera det ord som skall bilda länk.
2.
Välj Infoga länk.
3.
Dialogrutan för Länkegenskaper visas, med fliken
Webbsida aktiv. Det ord som du har markerat visas
som Klickbar text.
4.
I fältet Länktitel anger du den text som skall visas
som tips på länken. En information som är viktigt för
alla som läser webbsidan med hjälp av olika
hjälpmedel.
5.
I fältet Målram väljer du hur länken ska öppnas.
6.
Som länkmål väljer du Sida på annan webbplats.
7.
I fältet Adress skriver du adressen till webbplatsen du vill länka till.
8.
Välj Ok.
9.
Länken visas i Editorn med en gul bakgrund.
20
AV-Media Kronoberg
Anna Prissberg
Ur: Redaktörshandboken online ElektroPost Stockholm AB
Länk till sida i EPiServer
Du kan välja att länka till en sida på din egen webbplats, alltså en sida som finns i EPiServer.
1.
Markera det ord som skall bilda länk.
2.
Välj Infoga länk.
3.
Dialogrutan för Länkegenskaper visas, med fliken
Webbsida aktiv. Det ord som du har markerat
visas som Klickbar text.
4.
I fältet Länktitel anger du den text som skall visas
som tips på länken. En information som är viktigt
för alla som läser webbsidan med hjälp av olika
hjälpmedel.
5.
I fältet Målram väljer du hur länken ska öppnas.
6.
Som länkmål väljer du Sida på denna webbplats.
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
dialogruta som visar webb-platsens struktur.
7.
Välj den sida som du vill länka till i strukturen, välj Ok.
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
på er webbplats ska inställningen Automatisk väljas.
9.
Välj Ok.
10. Länken visas i Editorn med en gul bakgrund.
21
AV-Media Kronoberg
Anna Prissberg
Ur: Redaktörshandboken online ElektroPost Stockholm AB
Länk till e-postadress
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
besökare klickar på länken öppnas dennes e-postprogram och den adress du angivit skrivs automatiskt i fältet för
adress.
1.
Markera det ord som skall bilda länk.
2.
Välj Infoga länk.
3.
Dialogrutan för Länkegenskaper visas. Välj
fliken E-post. Det ord som du har markerat
visas som Klickbar text.
4.
I fältet Länktitel anger du den text som skall
visas som tips på länken. En information
som är viktigt för alla som läser webbsidan
med hjälp av olika hjälpmedel.
5.
I fältet E-postadress skriver du den epostadress som länken skall gå till.
6.
Välj Ok.
7.
Länken visas i Editorn med en gul bakgrund.
22
AV-Media Kronoberg
Anna Prissberg
Ur: Redaktörshandboken online ElektroPost Stockholm AB
Länka till plats på samma sida
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
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
bokmärke, även kallat ankare, för att webbläsaren ska veta vart den ska gå.
Infoga bokmärke (Steg 1)
1.
Markera texten där du vill placera ett bokmärke.
2.
3.
Välj Infoga bokmärke i verktygsmenyn.
Skriv ett namn på ditt bokmärke. Om det är möjligt undvik att använda å, ä, ö, specialtecken eller
mellanslag.
Välj OK.
Bokmärket visas i Editorn med gul
bakgrund.
4.
5.
Ändra/Ta bort bokmärke
1.
Placera markören i bokmärket.
2.
Välj Infoga bokmärke i verktygsmenyn.
3.
Ändra texten på ditt bokmärke, eller om du vill ta bor t bokmärket, radera texten.
4.
Välj OK.
Länk till plats på samma sida (steg 2)
1.
Markera det ord som skall bilda länk.
2.
Välj Infoga länk.
3.
Dialogrutan för Länkegenskaper visas, med fliken Webbsida
aktiv. Det ord som du har markerat visas som Klickbar text.
4.
I fältet Länktitel anger du den text som skall visas som tips
på länken. En information som är viktigt för alla som läser
webbsidan med hjälp av olika hjälpmedel.
5.
I fältet Målram väljer du hur länken ska öppnas.
6.
Som länkmål väljer du Bokmärke på denna sida.
7.
I fältet Bokmärke listas alla bokmärken på sidan. Välj det bokmärke du vill länka till.
8.
Välj Ok.
9.
Länken visas i Editorn med en gul bakgrund.
23
AV-Media Kronoberg
Anna Prissberg
Ur: Redaktörshandboken online ElektroPost Stockholm AB
Aktivera prenumeration
Logga in i episerver och gå in på sidan som du vill att användarna ska kunna prenumerera på.
Klicka på fliken Redigera och därefter på fliken
Prenumeration. Där hittar du en kryssryta som
man kan bocka i för prenumeration.
Genom att markera denna kryssruta ger du
besökaren möjlighet att prenumerera, få epostsutskick, på alla de sidor som skapas och
uppdateras under sidan. Exempelvis om du har
en sida för nyheter där du skapar nyhetssidor
under får prenumeranterna ett epostmeddelande med länkar till de nya
nyhetssidorna. För att användaren skall få
informationen skickad till sig måste denna ha registrerat sig för
prenumeration på en speciell sida.
Spara och publicera sidan. Klicka nu på ”Prenumerera” som finns på
sidan högst upp till höger. På sidan som visas ser du en förteckning
över de sidor man kan prenumerera på, samt hur användaren måste
fylla i e-post etc för att ta del av prenumerationen.
Markera sidan som ändrad
I EPiServer används datumet då sidor sparas vid
flera olika tillfällen. Ett exempel kan vara vid
prenumeration, då sidan skickas med som en nyhet
i prenumerationen. Det är dock inte alltid som det är
aktuellt att poängtera att sidan är ändrad. Det kan
exempelvis vara om man gått in och ändrat mindre
layoutförändringar eller stavfel. För att EPiServer
skall förstå att du gjort omfattande förändringar av
innehållet skall du därför markera kryssrutan
Markera sidan som ändrad. Då kommer systemet att
ta med den i nästa prenumerationsutskick.
Sidornas ordning i menyer
Sidorna i EPiServer sorteras i trädstrukturen efter en förvald sorteringsordning. Det är vanligast att de sorteras
med den senast skapade sidan överst i trädstrukturen. Du kan enkelt ändra sorteringsordningen på din del av
webbplatsen genom att ändra det på huvudsidan i respektive gren.
1.
Markera huvudsidan i strukturen.
2.
Redigera sidan och välj fliken Avancerad information.
3.
Välj sätt att sor tera på under Sorteringsordning.
4.
Spara och publicera sidan.
24
AV-Media Kronoberg
Anna Prissberg
Ur: Redaktörshandboken online ElektroPost Stockholm AB
5.
När sidan är publicerad slår den nya sorteringen igenom på den valda trädgrenen.
Sorteringen av sidor utgår alltid från respektive
huvudsidan i strukturen, vi kallar de sidorna för
föräldrar. Alla sidor som ligger direkt under en
förälder är den sidans barn och de kan sorteras
sinsemellan. Det är vanligt att sortera sidorna
utifrån alfabet eller datum. Beroende på hur du vill
ha det anger du din sortering i fältet
Sorteringsordning på föräldersidan. Den sidans
barn kommer efter publicering att sorteras på det
sätt som du valt.
Om du helt och hållet själv vill bestämma hur
sidorna skall sorteras väljer du alternativet Enligt
sorteringsindex på sidan som är förälder. Barnen
måste sedan ha ett unikt nummer, sorteringsindex
som gör att sidornas nummer skiljer sig i
förhållande till varandra. Ju lägre indextal sidan har,
ju högre upp kommer den i strukturen. Numret
måste vara ett heltal men övrigt finns inga
begränsningar. För att göra det enkelt för dig rekommenderar vi att du arbetar med hela tio- eller hundratal. Vilket
sorteringsindex en sida har kan du se genom att peka på sidan i strukturen i redigeraläget. Kom ihåg att alla
förändringar i strukturen måste alltid publiceras, det går inte att förhandsgranska en sådan förändring.
Alla sidor som har plus eller minus framför namnet i strukturen är föräldrar. Barnen till föräldern hänger ihop med
en streckad linje under föräldern.
Genom att peka på sida får du information om sidan och dess sorteringsindex.
Flytta sida
Det finns tre olika sätt att flytta sidor på. Du kan använda dig av verktygsfältet, höger musknapp eller dra- och
släppmetoden. Tänk på att när du flyttar en sida följer sidans alla undersidor alltid med.
Med hjälp av verktyget Klipp ut i verktygsfältet kan du flytta en sida i din struktur till en annan plats. Markera
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
Klistra in. Om du avbryter operationen innan du valt att klistra in förändras ingenting på webbplatsen.
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
genom att som ovan använda verktygen Klipp ut och Klistra in. Högerklicka på den sida som du flytta och välj
Klipp ut. Högerklicka på den sida dit du vill flytta sidan och välj Klistra in. Sidan är flyttad.
Du kan också använda dra- och släpp metoden för att flytta en sida. Klicka på sidan med vänster musknapp och
håll
25