Slik bygger du skolens nettside

Transkript

1

2

3 Innholdsfortegnelse 1. Introduksjon Om brukermanualen Roller Komme i gang Logge på Hvordan navigere i EPiServer Arbeide i redigeringsvisning Enkel redigeringsvisning Alle egenskaper Alle egenskaper på forsiden Lagre, forhåndsvise og publisere innhold Lagring Forhåndsvisning Publisering Innhold: Forside Innhold: Sider Opprett side Opprett kalenderhendelse Kontakt oss Søkeside Nyhetsarkiv Innhold: Blokker Opprett blokk Beskrivelse og bruk av de ulike blokkene Bruke riktekstredigeringsprogrammet Formatere tekst Opprette koblinger Opprette anker Bilder Gode bildestørrelser Legg til bilde Redigere bilde Video... 62

4 Versjonsnr. 2.1 Side 2 1. Introduksjon 1.1 Om brukermanualen Denne brukerveiledningen viser deg hvordan de ulike funksjonene i publiseringssystemet EPiServer fungerer. Manualen er tilpasset bruk i Osloskolen, og eksemplene er hentet fra Osloskolens demoside/ude. Ønsker du tilgang til en mer detaljert brukermanual, benytt deg av EPiServers redaktørhåndbok i sin helhet: Har du spørsmål knyttet til EPiServer, eller trenger tips til hvordan du skal bygge opp skolenettsiden, send e-post til skoleweb@ude.oslo.kommune.no eller ring tlf Roller Det er ulike rettigheter tilknyttet de rollene som logger seg på EPiServer Webadministrator Du har fulle rettigheter på din skole, dvs. mulighet til å opprette og publisere innhold. I tillegg kan du strukturere nettsiden ved hjelp av sidetreet, og velge oppsett på forsiden ved bruk av blokker/innholdselementer. Skolens webredaktør skal ha denne rollen Writer Du kan opprette og redigere innhold, men du kan ikke publisere det. Det må Webadministrator-rollen gjøre. Dette er en rolle med begrensede rettigheter. Andre enn webredaktør, som skal produsere innhold på skolens nettside, kan ha denne rollen.

5 Versjonsnr. 2.1 Side 3 2. Komme i gang 2.1 Logge på For å logge på EPiServer gjør du følgende: 1. Åpne nettleseren (helst Chrome), skriv inn skolens adresse (URL)/episerver Eksempel: I påloggingsvinduet angir du dittbrukernavn@osloskolen.no og passord, klikk deretter logg på. 2. Via nedtrekksmenyen øverst i skjermbildet kan du navigere mellom de ulike modulene som er integrert i EPiServer. Hvilken rolle du er pålogget som, bestemmer hvilke moduler du har tilgang til. Her kan du også logge deg av EPiServer når du er ferdig med å redigere siden. 3. Klikk CMS rediger. 4. Du er nå klar til å jobbe med siden. 2.2 Hvordan navigere i EPiServer Du navigerer i EPiServer ved hjelp av to mappestrukturer: Navigasjonsfeltet (sidetreet) på venstre side og ressursfeltet (medier og blokker) på høyre side av skjermbildet Navigasjonsfelt: Sidetre Skolens nettside er strukturert i en sidetrestruktur. Du finner knappen som viser/skjuler navigasjonsfeltet øverst i venstre hjørne. Bruk feltfesteknappen (tegnestiften) for å feste navigasjonsfeltet, slik at du kan jobbe videre på nettsiden og fortsatt se feltet. Sidetrestrukturen består av containere (mapper), i tillegg til en søkeside, et nyhetsarkiv, en kalender og kontakt oss.

6 Versjonsnr. 2.1 Side 4 Containerne utgjør menypunkter i megamenyen på nettsiden (maks fem stk.). Obs! Behold i størst mulig grad menystrukturen slik den er satt opp. Under hvert menypunkt er det plass til fem underkatergorier (containere). Deretter kan du opprette fem innholdssider (artikler) per underkatergori. Begrens menystrukturen til tre nivåer: - Containere (menypunkter) - Containere (underkategorier) - Innholdssider (artikler) Når du publiserer en side eller en container, opprettes den automatisk i menystrukturen. Det er mulig å opprette containere og sider som ikke er synlige i menystrukturen. Se alle egenskaper (vis i navigasjon) Symboler i trestrukturen Følgende symboer kan komme til syne i sidetresturen ved siden av en container eller en side: Ordne siderekkefølgen i menyene Som standard plasseres den siden eller containeren som ble opprettet sist, øverst i strukturen. For å bytte rekkefølge på containere/ sider i strukturen, trekker du siden fra nåværende plassering over til ønsket plassering ved hjelpe av dra og slipp. For eksempel over eller under en annen container/side eller fra én container til en annen. Valgt plassering merkes da grønn. Rekkefølgen vil også endre seg i menystrukturen.

7 Versjonsnr. 2.1 Side 5 Obs! Når det gjelder nyhetssakene i nyhetsarkivet, vil en plassendring i sidetrestrukturen ikke synes på forsiden, kun i sidetreet. For å trekke en gammel nyhetssak opp på forsiden, må du først oppdatere endret dato, deretter sortere undersider (selve nyhetssaken) etter endringsdato (nyeste først). Se oppdater endret dato og sorter undersider (3.2.4) Flytte, kopiere og slette sider i strukturen Flytte sider Merk siden du vil flytte, og velg klipp ut i kontekstmenyen. Merk mappen du vil flytte siden til, velg lim inn. Du kan også flytte sider ved hjelp av Ctrl+X og lime inn ved hjelp av Ctrl+V på tastaturet. Eller du kan flytte sider ved hjelp av dra og slipp. Velg siden du vil flytte, og dra siden dit du vil flytte den. Når containeren du flytter til er merket grønn, slipper du innholdet der. Kopiere sider Merk siden du vil flytte, og velg kopier i kontekstmenyen. Merk containeren du vil kopiere siden til, og velg lim inn. Du kan også kopiere sider ved hjelp av Ctrl+C og lime inn ved hjelp av Ctrl+V på tastaturet. En identisk kopi av siden blir plassert på det valgte stedet, klar til redigering. Slette sider Når du fjerner innhold fra trestrukturen og flytter det til papirkurven, vil innholdet ikke lenger være publisert på webområdet. 1. Velg innholdet du vil fjerne fra trestrukturen. 2. Velg flytt til papirkurv i kontekstmenyen. Hvis annet innhold er koblet til siden du ønsker å fjerne, vil en dialogboks vise hvilket innhold som inneholder disse koblingene. Obs! Fjern koblingene til innholdet du ønsker å fjerne, før du putter innholdet i papirkurven Håndtere innhold i papirkurven Obs! Papirkurven er foreløpig ikke tilgjengelig for webredaktører (feil, vil bli rettet). Papirkurven er et separat punkt i trestrukturen. Når du fjerner en side eller en blokk fra trestrukturen, sendes containeren/siden og alle underliggende elementer til papirkurven. Innholdet fjernes fra nettsiden. For å se innholdet i papirkurven, klikk på gadget-knappen Du får da opp en liste over papirkurvens innhold. og deretter vis papirkurv.

8 Versjonsnr. 2.1 Side 6 Gjenopprett innhold fra papirkurven Hold musepekeren over det elementet du vil gjenopprette. Gjenopprett vises da til høyre i skjermbildet. Bekreft gjenopprettingen, og innholdet publiseres på nytt. Tøm papirkurven Du kan slette alt innhold ved å benytte tøm papirkurven. Når du tømmer papirkurven slettes alt innhold fra papirkurven. Det er ikke mulig å angre Ressursfelt: Bibliotek for medier og blokker Ressursfeltet er et bibliotek for oppbevaring av medieinnhold (bilder og dokumenter) og blokker. Alle bilder og dokumenter (PDFer) som skal publiseres på nettsiden, må legges her. Du finner ressursfeltet ved å klikke på ressursfeltknappen til høyre på nettsidene. Klikker du på feltfesteknappen (tegnestiften) blir ressursfeltet stående åpent, selv om du jobber videre på nettsiden. I ressursfeltet finnes én fane for oppbevaring av medier og én for oppbevaring av blokker. Feltet er strukturert ved hjelp av mapper. Mappestrukturen er identisk under begge fanene. Oppretter du en mappe under medier, blir mappen også synlig under blokker. Mappene strukturert på følgende måte: For alle nettsteder Her har du tilgang til relevant materiale for Osloskolen, lagt ut av UDA. Kopier innhold fra denne mappen ned i skolens egen mappe. Skolen kan ikke laste opp eller redigere ressurser som ligger i mappen For alle nettsteder. For dette nettstedet Dette er bibliotekområdet for din skole. Opprett undermapper for å systematisere innholdet (bilder, dokumenter og blokker) som skal ligge på nettsiden.

9 Versjonsnr. 2.1 Side 7 For denne side Her kan du legge bilder og dokumenter som er spesifikke for den enkelte side (for eksempel en nyhetsartikkel). Når du oppretter en blokk på en side, vil blokken automatisk lagres i mappen For denne side (under fanen blokker). Når du fjerner en blokk fra en side, husk å slette den også her Hente inn medier til ressursfeltet 1. Åpne mappen på PCen som du skal kopiere bildet eller dokumentet fra. 2. Åpne den aktuelle mappen i ressursfeltet. 3. Dra bildet eller dokumentet over i resursfeltet ved hjelp av dra og slipp. OBS! Alle bilder må ha en alternativtekst for å bli synlige på nettsiden, se Alternativtekst. For mer om håndtering av blokker, se opprett blokk. For mer om bilderedigering, se redigere bilde.

10 Versjonsnr. 2.1 Side Alternativtekst Alle bilder som skal benyttes på nettstedet må ha alternativtekst (ALT-tekst) for at de skal bli synlige på nettsiden. Denne teksten er til hjelp for blinde og svaksynte, som får teksten opplest istedenfor å se bildet. Andre brukere kan se alternativteksten ved å holde musepekeren over bildet. Alternativteksten skal beskrive kort hva man ser på bildet, for eksempel: Elever i klasserom Kari Nordmann foran Bekkelaget skole Har du ikke lagt til en alternativtekst, vil du se dette ikonet istedenfor bildet: Fremgangsmåte: 1. Klikk på kontekstmenyen til høyre på bildet i ressursfeltet. 2. Klikk rediger. 3. Velg visning av alle egenskaper øverst til høyre på skjermen. 4. Skriv inn en alternativtekst i feltet for alternativ tekst. 5. Klikk publiser. Du kan nå benytte bildet på nettsiden. Bruk sidetreet eller klikk tilbake for å arbeide videre.

11 Versjonsnr. 2.1 Side 9 3. Arbeide i redigeringsvisning I EPiServer kan du redigere innhold på to måter: Gjennom enkel redigeringsvisning og visning av alle egenskaper. Når du oppretter en side kommer du automatisk inn i enkel redigeringsvisning. Øverst til høyre i skjermbildet kan du bytte mellom de to visningene: Knapp for enkel redigeringsvisning Knapp for visning av alle egenskaper 3.1 Enkel redigeringsvisning I enkel redigeringsvisning kan du redigere tekst og sette inn bilder direkte på en side. Du kan jobbe med innholdet, samtidig som du ser hvordan resultatet blir. 1. Velg siden du ønsker å redigere fra sidetreet i navigasjonsfeltet. 2. Flytt musepekeren over den delen av innholdet du ønsker å redigere. Klikk deretter inni feltet. Egenskapsnavnet på feltet vises når du holder musepekeren over. Du kan også opprette en blokk (f.eks. en faktaboks eller dokumentliste) og sette den inn på siden du redigerer. Se opprett blokk. 3. Foreta endringene på siden. 4. Når du er ferdig, publiserer du siden slik det er beskrevet under publisering.

12 Versjonsnr. 2.1 Side Alle egenskaper I visningen alle egenskaper har du tilgang til alle de egenskapene som finnes på en side eller en blokk, også de som ikke er synlige «front-end» på nettsiden. Bildet nedenfor viser brukergrensesnittet for alle egenskaper på en side Toppmenyen I toppmenyen kan du endre følgende innstillinger: Navn Navn på siden er påkrevd, du kan ikke la dette feltet stå tomt. Ved navneendring endres tittel, navn i sidetreet og i menyene. Obs! Ved endring av navn husk også å endre URL. Navn i URL-adresse Når du angir navn på siden vil EPiServer automatisk opprette en adresse basert på det navnet du har gitt siden. Det er mulig å endre URLen etterpå (f.eks. hvis du endrer navnet på siden), men vær oppmerksom på at brukere kan ha opprettet en kobling (lenke) til siden din. Disse koblingene vil ikke lenger fungere hvis du endrer navnet. Feltene og koblingene til siden fra egen nettside, påvirkes ikke. For å endre URL: 1. Klikk endre 2. Fjern URL-en og la feltet stå tomt 3. Klikk publiser EPiServer oppretter da en ny URL basert på sidens navn.

13 Versjonsnr. 2.1 Side 11 Enkel adresse Sidens URL er basert på sidens navn samt hvor i sidestrukturen den befinner seg. I noen sammenhenger (f.eks. ved profilering av en side) er det hensiktsmessig med en kortere URL. Enkel adresse fungerer i tillegg til original URL. Eksempel: Skriver du /17mai i feltet, blir ny URL: (skolensurl)/17mai. Vis i navigasjon Ved å fjerne avhukingen for vis i navigasjon blir siden «usynlig» i megamenyen. Den vil fortsatt være synlig i sidetreet ditt, og brukerne kan nå siden via en lenke eller direkte URL. Denne funksjonen kan benyttes hvis du oppretter undersider til en artikkel, eller hvis du for eksempel oppretter en svarside til et skjema. Håndtere utløp og arkivering Normalt utløper sider aldri, men hvis du ønsker at siden skal fjernes fra nettstedet "nå" eller på en bestemt dato og et bestemt klokkeslett (uten å slette den), velger du håndter utløp og arkivering via verktøyknappen.

14 Versjonsnr. 2.1 Side SEO: Søkeoptimalisering Søkeoptimalisering handler om å skrive slik at man får treff i søkemotorene (f.eks. Google). En generell regel er: Skriver du godt for brukerne, skriver du også godt for søkemotorene. Bruk ord og uttrykk som leseren bruker i dagligtale. Skriv gode overskrifter som klart og tydelig sier hva teksten handler om. Bruk nøkkelord som brukerne faktisk søker etter. I tillegg kan man gjøre noen tekniske grep for å få bedre treff: Metatittel Det de besøkende ser i fanen øverst i nettleseren sin når de besøker sidene. Metatittelen blir også vist som overskrift i søkeresultatene når treff fra din side vises. Metatittelen er viktig for å fortelle søkemotoren hva siden handler om. Skriv en god og beskrivende tittel som både besøkende og søkemotorer skjønner. Hvis du ikke fyller ut dette feltet, bruker søkemotoren tittelen fra tittelfeltet. Meta-beskrivelse Den teksten som vises i søkeresultatet mellom tittel og URL. Teksten skal inneholde en kort, presis oppsummering av hva siden handler om (maks 166 tegn). Bruk hele setninger. Meta-beskrivelsen blir ikke alltid brukt av alle søkemotorer, men ved fravær av en slik tekst må f.eks. Google selv trekke frem det innholdet den tror er relevant. Deaktiver indeksering Velg for å hindre siden å bli synlig i søkemotorene.

15 Versjonsnr. 2.1 Side Innhold Her har du tilgang til alt innholdet på siden. Du kan redigere hovedbildet, ingress og brødtekst på samme måte som i enkel redigeringsvisning. Du kan også legge til eller fjerne blokker på siden. Kategori Kategorisering av sider kan f.eks. være nyttig når brukerne filtrerer informasjon på søkesiden og i nyhetsarkivet. Du kan velge mellom kategoriene fagtilbud og kampanje. Stort innholdsområde Feltet er plassert under hovedteksten på en side. Her kan du dra og slippe blokker og medier (bilder) fra ressursfeltet. Du kan også klikke på lenken opprett en ny blokk for å opprette ny blokk.

16 Versjonsnr. 2.1 Side 14 Høyre innholdsområde Feltet er plassert til høyre for hovedteksten på en side. Her kan du dra og slippe blokker og medier (bilder) fra ressursfeltet. Du kan også klikke på lenken opprett en ny blokk for å opprette ny blokk Innstillinger Her har du tilgang til innstillingene på den aktuelle siden. Publisert En system-generert dato som viser når innholdet ble publisert sist. Ved å klikke endre kan du velge en annen dato. Opprettet En system-generert dato som viser når siden ble opprettet. Ved å klikke endre kan du velge en annen dato. Endret En system-generert dato som viser når siden sist ble endret. Oppdater endret dato Endret dato oppdateres til dagens dato. Benyttes når du skal trekke en gammel nyhetssak opp igjen i nyhetsfeltet på forsiden. Sorter undersider Standard sorteringsrekkefølge er etter opprettelsesdato (nyeste først). Endring av denne

17 Versjonsnr. 2.1 Side 15 kategoriseringen benyttes kun når du skal trekke en gammel nyhetssak opp i nyhetsfeltet på forsiden. Sett da sorteringen (på selve nyhetssaken) etter endringsdato (nyeste først). Nyhetssaken vil havne øverst i nyhetsfeltet (hvis du har oppdatert endret dato). Snarvei Med en snarvei kan du opprette ulike typer koblinger (direktelenker) i menyen. Forskjellen mellom snarveier og ordinære koblinger, ligger i at med snarveisalternativet blir selve siden en kobling i menystrukturen, den vil ikke vise innhold på egenhånd. Snarveier kan koble til sider på det samme webområdet eller eksterne områder. Dette gjelder for eksempel snarveiene til Oslo kommunes sider under menypunktet Aktivitetsskolen i Oslo. Ingen snarvei angis som standard, men hvis du ønsker en annen type kobling, klikker du håndter. Meny-undertittel Teksten i feltet meny-undertittel blir synlig under sidenavnet i megamenyen. Hold teksten kort.

18 Versjonsnr. 2.1 Side Alle egenskaper på forsiden Under alle egenskaper på forsiden, har du tilgang til nettsideinnstillinger. Her kan du legge inn og redigere informasjon som gjelder hele nettstedet. For eksempel: - Navn på ansvarlig redaktør og webredaktør - Epost til ansvarlig redaktør og webredaktør - Lenker og ID til sosiale medier o Google+ o Facebook o Instagram o Youtube o Twitter I tillegg er det et fast oppsett for skolen som ikke skal endres. F.eks. skolekode og skolekategori.

19 Versjonsnr. 2.1 Side Lagre, forhåndsvise og publisere innhold Fremgangsmåten for lagring, forhåndsvisning og publisering av innhold fungerer likt på alt innhold, både i enkel redigeringsvisning og i visning av alle egenskaper. 4.1 Lagring Endringene dine lagres automatisk etter hvert som du jobber. Dette vises med tidspunkt i toppmenyen. Du har mulighet til å angre endringen. 4.2 Forhåndsvisning Du kan forhåndsvise en side etter hvert som du arbeider med den. Klikk på forhåndsvisningsknappen øverst i venstre hjørne. I tillegg kan du forhåndsvise per mediekanal, for å se hvordan innholdet tilpasser seg en mindre skjerm, f.eks. en ipad eller en mobiltelefon. 1. Klikk på forhåndsvisningsknappen 2. Klikk deretter på øverst til venstre 3. Velg 4. Du kan nå vise med oppløsningen til ipad, iphone eller en Android-telefon.

20 Versjonsnr. 2.1 Side Publisering Når du ikke har gjort noen endringer i innhold, vises ingen endringer øverst i høyre hjørne. Når du har gjort endringer i innhold og klikket ut av feltet du jobbet i (f.eks. tittelfelt, ingress osv.), endres visningen til mulighet for publisering. Klikk pil ned på publiseringsknappen for å se informasjon om når og av hvem siden sist ble endret og lagret. Hvis du klikker vise på nettsted, forhåndsvises den den gjeldene publiserte siden slik brukerne ser den. Du kan enten velge å publisere innholdet med en gang, eller skjemalegge (tidsstyre) publiseringen. Obs! Hvis du er logget inn som writer og ikke webadministrator, har du kun mulighet til å sette siden klar for publisering. Siden er da tilgjengelig for Webadministrator, som har tilgangsrettigheter for publisering. Du kan ikke gjøre endringer på en side som er klar for publisering.

21 Versjonsnr. 2.1 Side Tidsstyre publisering Du kan velge å publisere en artikkel med det samme, eller sette publisering til et senere tidspunkt. Velger du å skjemalegge publiseringen, åpnes et vindu hvor du velger dato og tidspunkt for når publiseringen skal skje. Det vil deretter dukke opp et klokkesymbol ved siden av siden i trestrukturen Når flere redigerer samtidig Når flere redigerer det samme innholdet samtidig, vil det dukke opp en melding øverst til høyre i skjermbildet ved siden av alternativerknappen. Du bør i så fall vente på tur, slik at dere ikke overskrider hverandres endringer. Men du kan også velge rediger uansett.

22 Versjonsnr. 2.1 Side Innhold: Forside Forsiden er bygget opp av et sett faste elementer. I tillegg kan du legge til innhold som passer din skole. Du kan velge å plassere en faktaboks eller et kampanjefelt ovenfor nyhetsfeltet, hvis du skal informere noe som er viktig å fronte i en tidsperiode.

23 Versjonsnr. 2.1 Side Megameny Megamenyen består av fem menypunkter (containere), fastsatt av UDA. Behold i størst mulig grad menystrukturen slik den er satt opp. Det er viktig at alle skoler tilstreber lik struktur, slik at brukerne kan finne samme type innhold på samme sted - uavhengig av skole. Har man ikke Aktivitetsskole på sin skole, kan man fjerne dette menypunktet. Under hvert menypunkt er det plass til fem underkatergorier (containere). Per underkatergori er det plass til fem innholdssider (artikler). Begrens menystrukturen til tre nivåer: - Containere (menypunkter) - Containere (underkategorier) - Innholdssider (artikler) Nyhetsfelt Nyhetsfeltet viser de tre sist publiserte nyhetene. For å publisere en nyhet i nyhetsfeltet, må du opprette en nyhet under Nyhetsarkiv i sidetreet. Se 6.1 Opprett side og 6.5 Nyhetsarkiv. For å trekke frem en gammel nyhet på forsiden, se Ordne siderekkefølgen i menyene Om oss Navn (og e-post) på ansvarlig webredaktør og webredaktør. Endres under nettsideinnstillinger. Se 3.3. Alle egenskaper på forsiden Kontaktiformasjon Oppdateres automatisk når du fyller ut siden for Kontakt oss i sidetreet Følg oss Mulighet for påmelding til nyhetsbrev samt lenker til skolens Facebook, Instagram, Twitter osv. Endres under nettsideinnstillinger. Se 3.3 Alle egenskaper på forsiden Aktuelt fra Osloskolen Fast blokk i høyremarg. "Feeder" aktuelle saker fra Kalender Fast blokk i høyremarg. Viser de tre neste hendelsene i kalenderen.

24 Versjonsnr. 2.1 Side Ferie og fridager Viser den offisielle skoleruten for Osloskolen Kontakt oss Oppdateres automatisk når du fyller ut siden for Kontakt oss i sidetreet Plass til skolens logo Bildefelt med plass til skolens logo. Bildet forminskes for å tilpasses bildefeltet, men bildet bør være avlangt for ikke å bli for høyt Hovedbanner Bildefelt med plass til bilde av skolebygningen eller et annet bilde som profilerer skolen. Bildet må være 1140* i bredden og mellom * i høyden Søk Inngang til nettsidens interne søk Innlogging til Skoleplattform Oslo Pålogging for elever, lærere og foresatte til Skoleplattform Oslo.

25 Versjonsnr. 2.1 Side Innhold: Sider Vi benytter hovedsakelig to sidetyper: Nyhet og artikkel. 6.1 Opprett side 1. Velg plassering for ny side i sidestrukturen. 2. Klikk ny side i kontekstmenyen. Skal du plassere siden i nyhetsfeltet på forsiden, velg nyhet. For innholdsside i megamenyen, velg artikkel. For kalenderhendelse, se opprett kalenderhendelse.

26 Versjonsnr. 2.1 Side 24 Kall siden noe mer spesifikt enn ny side. Navnet på siden blir både tittel, navn i sidetre, megameny og sidens URL. Siden opprettes i sidetreet, og du kommer rett inn i redigeringsmodus, hvor du kan legge inn innhold i feltene ingress, hovedbilde og brødtekst. I tillegg kan du legge inn relevant innhold ved hjelp av blokker. Rediger direkte på siden, eller velge full redigeringsmodus via alle egenskaper.

27 Versjonsnr. 2.1 Side Opprett kalenderhendelse Kalenderen mates med ferie og fridager fra UDA. I tillegg kan skolen legge inn egne kalenderhendelser. Fremgangsmåte: 1. Opprett ny side under containeren kalender. 2. Kall siden noe mer spesifikt enn ny side. Navnet blir sidens navn i sidetreet og URL. 3. Skriv inn emne. Dette blir sidens tittel. 4. Velg starttidspunkt og sluttidspunkt. Hvis hendelsen varer hele dagen, fyller du kun inn dato. 5. Klikk opprett. 6. I redigeringsmodus kan du nå legge inn ønskede elementer: Hovedbilde, beskrivelse, plassering (sted for hendelse) og brødtekst. Du kan også opprette en relevant blokk, for eksempel et svarskjema. Se beskrivelse og bruk av de ulike blokkene (skjema). Hvis hendelsen varer hele dagen, huk av for hele dagen. 7. Hendelsen blir synlig i kalenderen, og via kalenderblokken. 6.3 Kontakt oss På siden kontakt oss legger du inn skolens kontaktinformasjon. Siden er synlig for brukerne via nettsidens megameny. Deler av kontaktinformasjonen blir i tillegg synlig i footeren (nederst) på alle sider, og i høyre marg på forsiden. Fyll inn direkte i feltene i enkel redigeringsmodus, og klikk publiser Kart over skolens plassering Skolen har to visninger av kart på kontakt oss-siden: Ett kartutsnitt og en visning i full størrelse via åpne kart.

28 Versjonsnr. 2.1 Side 26 Kartet i full størrelse genereres automatisk fra skolens adresse, mens kartutsnittet genereres ved hjelp av bredde- og lengdegrad Legg til kartutsnitt For å legge til kartutsnitt, gjør du følgene: 1. Velg visning av alle egenskaper. 2. Velg kontaktinformasjon. 3. Legg inn breddegrad og lengdegrad. 4. Klikk publiser. Skolens bredde- og lengdegrad finner du ved å søke opp adressen på 1. Skriv inn skolens adresse, klikk søk. 2. Du finner bredde- og lengdegraden i URLen. 3. I eksempelet er breddegraden , mens lengdegraden er ,17.

29 Versjonsnr. 2.1 Side Søkeside Søkesiden er tilgjengelig for brukerne via søk i headeren (øverst) på alle sider. På søkesiden listes det opp relevante treff basert på det søket som er gjort. Brukerne kan søke på nytt ved hjelp av søkefeltet eller filtrere på dato og type. Du kan bidra til et godt søk på skolens nettside ved å skrive på en måte som søkemotorene forstår. Se SEO: Søkeoptimalisering.

30 Versjonsnr. 2.1 Side Nyhetsarkiv Siden nyhetsarkiv har to oppgaver: Den genererer nyheter til nyhetsblokken på forsiden og gir brukeren en helhetlig oversikt over hvilke nyheter som tidligere er publisert. Brukerne får tilgang til nyhetsarkivet via nyhetsarkiv-knappen på forsiden. Brukerne kan søke i nyhetsarkivet ved hjelp av søkefeltet eller filtrere på dato.

31 Versjonsnr. 2.1 Side Innhold: Blokker Blokker er fleksible innholdsfelt som kan benyttes på alle sidetyper, i egne innholdsfelt. En blokk kan for eksempel være en faktaboks eller et bildegalleri. Du kan legge til flere blokker i det samme innholdsfeltet, enten under hverandre eller ved siden av hverandre. Når du står i enkel redigeringsmodus, vil en grønn ramme angi hvor det er mulig å legge til blokker. Dra og slipp blokken for å endre plassering. Se beskrivelse og bruk av de ulike blokkene for beskrivelse av hver enkelt blokk. 7.1 Opprett blokk Du kan enten opprette blokker direkte i et innholdsområde på en side, eller opprette blokker i ressursfeltet og deretter dra og slippe dem på rett plassering. Når du oppretter en blokk på en innholdsside (for eksempel artikkel) lagres blokken automatisk i ressursfeltet fanen blokker, mappen For denne side Opprett blokk direkte fra et innholdsområde Innholdsområdene for blokker synlig i høyre marg og nederst på siden. 1. Klikk opprett ny en blokk. 2. Velg den blokktypen du ønsker, og gi den navn. 3. Publiser blokken. 4. Publiser siden blokken er plassert på. Når du oppretter en blokk og klikker tilbake, går du tilbake til siden du jobbet på tidligere Opprett blokk fra kategorien blokker i ressursfeltet Når du bruker dette alternativet, lagres blokken i den valgte mappen i ressursfeltets mappestruktur. Blokken vil være globalt tilgjengelig på webområdet, og kan gjenbrukes på ulike sider. 1. Merk den mappen i ressursfeltet der du vil opprette blokken. 2. Velg ny blokk i kontekstmenyen, eller klikk på knappen 3. Velg den blokktypen du ønsker, og gi den navn. 4. Publiser blokken.

32 Versjonsnr. 2.1 Side Velg den siden i sidetreet hvor du vil plassere blokken. 6. Dra blokken fra ressursfeltet over i et egnet innholdsområde. 7. Publiser siden blokken er plassert på Gjenbruk blokken flere steder Hver gang du oppretter en blokk, lagres den automatisk i ressursfeltet, under fanen blokker, mappe For denne side. Det er mulig å gjenbruke den samme blokken på flere sider. Fremgangsmåte: 1. Gå inn på den innholdssiden hvor du opprinnelig opprettet blokken. 2. Klikk i ressursfeltet, fanen blokker, mappen For denne side. 3. Dra blokken fra mappen For denne side opp i mappen For dette nettsted. Da kan du gå inn på en hvilken som helst side i episerver, og trekke blokken fra ressursfeltet over i et egnet felt. Hver gang du redigerer i en av blokkene, vil da alle like blokker endre seg (fordi den opprinnelig bor i ressursfeltet) Vise blokker i ulike størrelser Standard er at blokken endrer bredde avhengig av hvilket innholdsfelt den ligger i (bredt eller smalt). I tillegg er det mulig å endre bredden på en blokk, slik at du kan sette to smale blokker ved siden av hverandre i det brede innholdsfeltet. Fremgangsmåte: 1. Stå i redigeringsmodus. 2. Klikk på kontekstmenyen. 3. Velg visningsalternativet «halv».

33 Versjonsnr. 2.1 Side 31 Du kan da sette to smale blokker ved siden av hverandre i et bredt innholdsfelt. Hvis du lar visningen stå på «automatisk», vil EPiServer benytte det alternativet som innehar samme bredde som området du setter blokken inn i Redigere blokk Du kan enten redigere en blokk via innholdsområdet der den brukes, eller fra kategorien blokk i ressursfeltet. Husk at endringer som utføres på en blokk ett sted, vil påvirke blokken om den benyttes andre steder. 1. Klikk rediger i kontekstmenyen. 2. Klikk på knappen for visning av alle egenskaper. 3. Publiser blokken. 4. Publiser siden blokken er plassert på. For å komme tilbake til siden du jobbet på, klikk tilbake Endre navn på en blokk Når du skal endre navn på en blokk, må du gå inn i visning av alle egenskaper, og endre egenskapen navn. Du bryter ingen koblinger på webområdet ved å endre navnet på en blokk.

34 Versjonsnr. 2.1 Side Flytte, kopiere og fjerne blokker Du flytter, kopierer og fjerner blokker på samme måte som annet innhold, ved bruk av kontekstmenyen. Skal du imidlertid slette blokken fra nettstedet, må du også slette den fra ressursfeltet (fanen blokker, mappen For denne side). Fordi blokker og mediefiler deler de samme mappene i ressursfeltet, vil alt innholdet i mappen bli påvirket når du fjerner en mappe fra strukturen. Du vil bli varslet om eksisterende referanser til innholdet der det brukes slik at du kan fjerne disse koblingene før du flytter blokken til papirkurven. Vær klar over at blokken ikke lenger vil være tilgjengelig på webområdet når du har flyttet den til papirkurven. Du kan se blokkene du har fjernet ved å velge vis papirkurv i kontekstmenyen for blokk-gadgeten. 7.2 Beskrivelse og bruk av de ulike blokkene Faktaboks forside - Hvit faktaboks med Oslo skyline. - Fast størrelse. - Fungerer godt i høyre innholdsområde og stort innholdsområde. - Bruksområde: Kun tekst.

35 Versjonsnr. 2.1 Side Faktaboks oransje - Oransje faktaboks med Oslo skyline. - Fast størrelse. - Fungerer godt i høyre innholdsområde og stort innholdsområde. - Bruksområde: Kun tekst. Fremgangsmåte: 1. Finn feltet der du skal legge blokken. Klikk opprett ny blokk. 2. Velg faktaboks forside eller faktaboks oransje i listevisningen. 3. Gi blokken navn (kun synlig under fanen blokker i ressursfeltet). 4. Legg til tittel og innhold a. Bruk ren tekst-knappen når du klipper tekst fra andre steder. b. Stopp teksten før den dekker Oslo-bylinen nederst i blokken. Redgere faktaboks forside og faktaboks oransje: 1. Stå i redigeringsmodus. 2. Klikk på kontekstmenyen øverst til høyre på blokka. 3. Klikk rediger. 4. Rediger teksten direkte i enkel redigeringsvisning eller klikk på visning av alle egenskaper, og rediger teksten der. 5. Publiser endringene. 6. Publiser siden blokken ligger på.

36 Versjonsnr. 2.1 Side Faktaboks - Hvit faktaboks, med blått tittelfelt. Valgfri tittel i tittelfeltet. - Dynamisk størrelse. - Fungerer godt i høyre innholdsområde og stort innholdsområde. - Bruksområde: Tekst, bilder og legge til video via URL. Fremgangsmåte: 1. Finn feltet der du skal legge blokken. Klikk opprett ny blokk. 2. Velg faktaboks i listevisningen. 3. Gi blokken navn (kun synlig under fanen blokker i ressursfeltet). 4. Legg til tittel og innhold. a. Bruk ren tekst-knappen når du klipper tekst fra andre steder. b. Se 10. video for forklaring på hvordan legge til en video. Redgere faktaboks: 1. Stå i redigeringsmodus. 2. Klikk på kontekstmenyen øverst til høyre på blokka. 3. Klikk rediger. 4. Rediger teksten direkte i enkel redigeringsvisning eller klikk på visning av alle egenskaper, og rediger faktaboksen der. 5. Publiser endringene. 6. Publiser siden blokken ligger på.

37 Versjonsnr. 2.1 Side Bildegalleri - Hvit boks, med blått tittelfelt. Valgfri tittel i tittelfeltet. - Bruksområde: Viser en valgfri samling (mappe) med bilder. - Fungerer best høyre innholdsområde, men kan også brukes i stort innholdsområde. Fremgangsmåte: 1. Last opp bildene i en egen mappe i ressursfeltet (fanen medier). Husk alternativtekst på bildene. 2. Finn feltet der du skal legge blokken. Klikk opprett ny blokk. 3. Velg bildegalleri i listevisningen. 4. Gi blokken navn. 5. Dra og slipp bildemappen fra ressursfeltet over i feltet bildemappe. 6. Opprett blokken. 7. Publiser siden blokken ligger på. OBS! Benytt foreløpig kun liggende bilder, ellers blir bildene dratt. Dette er en feil og skal rettes. Det er foreløpig kun mulig å benytte ett bildegalleri per artikkel-/nyhetsside. Redigere bildegalleri: Skal du legge til eller fjerne et bilde fra bildegalleriet, gjør du det i ressursfeltet. Legg til eller fjern bilder i den mappen som er dratt over til bildegalleriet. Skal du bytte selve bildemappen som er lagt til bildegalleriet: 1. Stå i redigeringsmodus. 2. Klikk på kontekstmenyen øverst til høyre på blokken.

38 Versjonsnr. 2.1 Side Klikk rediger. 4. Klikk på knappen for visning av alle egenskaper (øverst til høyre). 5. Fjern bildemappen. 6. Legg til en ny bildemappe (og endre eventuelt navn på galleriet). 7. Publiser endringene. 8. Publiser siden blokken ligger på.

39 Versjonsnr. 2.1 Side Dokumentliste - Hvit boks, med blått tittelfelt. Fast tittel er «Dokumenter». - Dynamisk størrelse. - Passer best i høyre innholdsområde, evt. halv størrelse i stort innholdsområde. - Bruksområde: F.eks. som supplement på en artikkelside for å liste opp relevante dokumenter. Husk å laste opp dokumentene i PDF. Fremgangsmåte: 1. Last opp dokumentene (PDF) til en mappe i ressursfeltet (fanen medier). 2. Finn feltet der du skal legge blokken. Klikk opprett ny blokk. 3. Velg dokumentliste i listevisningen. 4. Gi blokken navn (kun synlig under fanen blokker i ressursfeltet). 5. Dra innhold fra ressursfeltet over i feltet filer. 6. Opprett blokken. 7. Publiser siden blokken ligger på.

40 Versjonsnr. 2.1 Side 38 Redigere dokumentliste: 7. Stå i redigeringsmodus. 8. Klikk på kontekstmenyen øverst til høyre på blokka. 9. Klikk rediger. 10. Klikk på knappen for visning av alle egenskaper (øverst til høyre). 11. Dra innhold (PDFer) fra ressursfeltet over i feltet filer. 12. Publiser endringene. 13. Publiser siden blokken ligger på.

41 Versjonsnr. 2.1 Side 39 Fremgangsmåte: Relevante lenker - Hvit boks, med blått tittelfelt. Fast tittel er «Relevante lenker». - Dynamisk størrelse. - Bruksområde: F.eks. på en artikkelside for å liste opp relevante lenker, enten interne eller eksterne. - Passer best i høyre innholdsområde, evt. halv størrelse i stort innholdsområde. 1. Finn feltet der du skal legge blokken. Klikk opprett ny blokk. 2. Velg blokken relevante lenker i listevisningen. 3. Gi blokken navn (kun synlig under fanen blokker i ressursfeltet). 4. Dra og slipp sider fra sidetreet inn i lenkesamlingsfeltet for å opprette interne koblinger. Bruk opprett ny kobling for å opprette ekstern kobling (lenke til eksterne sider) eller lenke til e-post. Se opprett kobling. 5. Opprett blokken 6. Publiser siden blokken ligger på.

42 Versjonsnr. 2.1 Side 40 Redigere relevante lenker: 1. Stå i redigeringsmodus. 2. Klikk på kontekstmenyen øverst til høyre på blokken. 3. Klikk rediger. 4. Klikk på knappen for visning av alle egenskaper (øverst til høyre). 5. Fjern/ rediger lenker ved å klikke på kontektsmenyen på lenken, eller opprett en ny kobling. 14. Publiser endringene. 15. Publiser siden blokken ligger på.

43 Versjonsnr. 2.1 Side Kampanje - Boks med plass til stort bilde og kampanjetekst. - Fungerer godt i høyre innholdsområde og stort innholdsområde. Benytt predefinerte bildestørrelser i bilderedigeringsprogrammet. - Bruksområde: Fronte et arrangement eller en kampanje. - Kan gjøres klikkbar ved å lenke opp en relevant side eller URL. Fremgangsmåte: 1. Finn feltet der du skal legge blokken. Klikk opprett ny blokk. 2. Velg blokken kampanje i listevisningen. 3. Gi blokken navn (kun synlig under fanen blokker i ressursfeltet). 4. Velg mellom header-bilde eller header-tekst. (Grått tekstfelt i eksempel). 5. Legg inn hovedbilde i kampanjebilde-feltet. 6. Fyll inn kampanjetekst (Tekst som legger seg oppå bildet). Hold teksten kort.

44 Versjonsnr. 2.1 Side Koble opp eventuell lenke. Se opprett kobling. 8. Opprett blokken. 9. Publiser siden blokken ligger på. Redigere kampanje: 1. Stå i redigeringsmodus. 2. Klikk på kontekstmenyen øverst til høyre på blokken. 3. Klikk rediger. 4. Klikk på knappen for visning av alle egenskaper (øverst til høyre). 5. Utfør endringene. 6. Publiser endringene. 7. Publiser siden blokken ligger på Kalender - Hvit boks, med blått tittelfelt. Fast tittel er «Kalender». - Fast plass i høyre innholdsområde på forsiden, rett under ferie og fridager. - Bruksområde: Viser de tre neste hendelsene i kalenderen. - For å opprette hendelse i kalenderen, se opprett kalenderhendelse.

45 Versjonsnr. 2.1 Side Aktuelt fra Osloskolen - Hvit boks med blått tittelfelt. - Fast plass i høyre innholdsområde på forsiden. - "Feeder" aktuelle saker fra.

46 Versjonsnr. 2.1 Side Sosiale medier - Gir mulighet for å integrere skolens Facebook- og Instagramkonto på nettsiden. - Kan enten integrere begge kontoene, eller kun én av dem. Fremgangsmåte for Facebook: 1. Klikk på visning av alle egenskaper på forsiden. Velg nettsideinnstillinger. 2. Legg inn skolens Facebooklenke under Facebook lenke. 3. Opprett sosiale medier-blokken. Facebook integreres da automatisk. Fremgangsmåte for Instagram: For å legge inn Instagram må man fylle ut Instagram bruker og klient-id. Det kan være litt komplisert å finne Instagram klient-id. Har du imidlertid all informasjon, fyll ut de tre feltene som omhandler Instagram under Nettside innstillinger. Eksempel på hva UDA har lagt inn på vår Aktuellside ( Instagramlenke: Instagram bruker: Instagram klient-id: f0fe8f a2b8acf Forklaring for å finne client ID: Login to Instagram (if you haven't already) and go to Click on "Manage Clients" in top right corner. Click on "Register a New Client". Enter data in form as shown below (instead of example.com, put actual URL of your site). More items... How to get Instagram "client ID" - RoyalSlider Support

47 Versjonsnr. 2.1 Side Skjema - Hvit boks, med blått tittelfelt. Valgfri tittel i tittelfeltet. - Bruksområde: Webskjema for innhenting av informasjon fra brukerne, f.eks. påmelding til arrangement. - Fungerer godt i høyre innholdsområde og stort innholdsområde. Fremgangsmåte: 1. Sett inn navn på skjema, dette vises i ressursfeltet. 2. Velg overskrift. 3. Klikk på knappen til høyre for skjema for å sette inn skjema.

48 Versjonsnr. 2.1 Side Velg et skjema som allerede er laget eller opprett nytt skjema. Se opprett nytt skjema. 5. Klikk bruk. 6. Publiser blokk Opprett nytt skjema

49 Versjonsnr. 2.1 Side Sett inn det antall rader du trenger. 2. Klikk på skjemafelt. 3. Dra og slipp relevante skjemafelt over i de opprettede radene. Ett skjemafelt per rad. 4. Fyll inn egenskaper for skjemafeltet. Eksempel på skjemafelt-egenskaper:

50 Versjonsnr. 2.1 Side 48 - Navn: Brukes til å identifisere feltet i databasen og er obligatorisk, men vises ikke for besøkende. Bruk det samme eller et lignende navn som i overskrift. Du kan kun bruke A Z, a z, 1 9 og _ for dette feltet. Mellomrom kan ikke brukes. - Overskrift: Brukes til å la besøkende få vite hva de skal angi i et felt. - Verktøytips: Vises nå du holder markøren over skjemafeltet. For å gi besøkende mer informasjon om hva som skal fylles ut. - Bredde (antall tegn): Angi hvor bredt feltet skal være i form av tegn. - Verdi må angis: Kryss av i denne boksen hvis du vil tvinge de besøkende til å angi en verdi. Hvis personen ikke fyller ut, vises en feilmelding om at feltet må fylles ut. - CSS-klasse: (Ikke nødvendig). - Valider som: Brukes til å kontrollere om den besøkende har fylt ut riktig type informasjon i et felt. F.eks. e-postadresse, datoformat eller ulike typer tall. 5. Lagre for hvert felt. 6. Husk knapp slik at brukerne kan sende inn svaret. 7. Velg side som vises etter svar. Du kan f.eks. opprette en «Takk for svar!»-side, og skjule den i menystrukturen. Se vis i navigasjon. Skjemafelter: Tekstboks Bruk denne felttypen når besøkende skal skrive en kort tekstinformasjon. F.eks. navn. Tekstrute Bruk denne felttypen når besøkende skal skrive fritekst i et stort område. For eksempel hvis de skal gi en tilbakemelding. Du kan bestemme bredden på området i form av tegn og hvor mange rader feltet skal ha (høyde). Rullegardinliste Bruk denne felttypen når besøkende skal velge ett av flere alternativer på en liste. - Feltet navn i boksen alternativ viser de alternativene som er tilgjengelige i rullegardinlisten. - Feltet verdi brukes til å identifisere feltet i databasen. Angi et alternativ ved å fylle ut feltene og klikk Legg til. - Avkrysningsboksen forvalgt angir hvilket av alternativene som velges som standard. - Slett og sorter rekkefølgen for alternativene ved å klikke på ikonene til høyre. Alternativknapp

51 Versjonsnr. 2.1 Side 49 Bruk denne når felttypen besøkende kun skal velge ett alternativ fra en liste. - I feltet plassering velger du om alternativknappen skal vises vannrett eller loddrett. - Feltet navn i boksen alternativ viser de alternativene som er tilgjengelige. - Feltet verdi brukes til å identifisere feltet i databasen. Angi et alternativ ved å fylle ut feltene og klikk Legg til. - Avkrysningsboksen forvalgt angir hvilket av alternativene som velges som standard. - Slett og sorter rekkefølgen for alternativene ved å klikke på ikonene til høyre. Avkrysningsboks Bruk denne felttypen for å gi besøkende en liste over ulike alternativer de kan velge ett eller flere av. - I feltet plassering velger du om alternativknappen skal vises vannrett eller loddrett. - Feltet navn i boksen alternativ viser de alternativene som er tilgjengelige. - Feltet verdi brukes til å identifisere feltet i databasen. Angi et alternativ ved å fylle ut feltene og klikk Legg til. - Avkrysningsboksen forvalgt angir hvilket av alternativene som velges som standard. - Slett og sorter rekkefølgen for alternativene ved å klikke på ikonene til høyre. Knapp Bruk denne felttypen for å gi besøkende en knapp å trykke på når de skal sende inn skjemaet de har fylt ut. - I knappetekst skriver du teksten som skal vises på knappen. Skriv: «Send». - I resultat av sending velger du hva som skal skje når den besøkende sender inn skjemaet. Du kan velge om du vil lagre det i en database og/eller sende det som e-post. Du kan også angi at skjemaet skal sendes til en webadresse der du har et eget program som tar seg av informasjonen. Hvilke felt som deretter vises avhenger av hvilket alternativ du velger. Følg anvisningene. Ledetekst Bruk denne felttypen for å legge til en overskrift i skjemaet. - I tekst skriver du teksten som skal vises for brukerne. Vannrett linje Bruk vannrett linje for å skape mer luft i skjema, så det blir oversiktlig og lett å forstå.

52 Versjonsnr. 2.1 Side Bruke riktekstredigeringsprogrammet Riktekstredigeringsprogrammet, eller verktøylinjen som den også kalles, brukes til å skrive inn mye av informasjonen til websiden, for eksempel formatering av tekst, sette inn bilde eller kobling (lenke) til annen side eller dokument. Obs! Den viktigste knappen i verktøylinjen er knappen Lim inn som ren tekst. Bruk alltid denne knappen når du limer inn tekst i EPiServer. Følgende knapper er tilgjengelige i riktekstredigeringsprogrammet: Sett inn/ rediger kobling Fjern kobling Sett inn bilde Vis koblingsdialogboksen for innsetting eller endring av kobling (lenke). Knappen er grået ut til du velger teksten som skal være med i hyperkoblingen. Se opprette koblinger. Fjern en kobling fra den valgte teksten. Knappen er grået ut frem til du plasserer markøren i hyperkoblingen. Sett inn et bilde i redigeringsområdet på siden, og endre bildeegenskaper. Se legg til bilde. Rediger bilde Sett inn/rediger objekt Rediger et bilde på siden ved hjelp av bilderedigeringsprogrammet. Se redigere bilde. Sett inn medieinnhold (f.eks. video). Se video.

53 Versjonsnr. 2.1 Side 51 Klipp ut Kopier Lim inn Lim inn som ren tekst Lim inn fra Word Stavekontroll Skift til/fra fullskjermmodus Fet eller kursiv skrift Punkt- og nummerliste Klipp ut den valgte teksten og plasser den på utklippstavlen. Obs! Knappen fungerer ikke i alle nettlesere. Bruk isteden Ctrl+X. Kopier den valgte teksten og plasser den på utklippstavlen. Obs! Knappen fungerer ikke i alle nettlesere. Bruk isteden Ctrl+C. Lim inn innhold som vanlig tekst fra utklippstavlen til redigeringsområdet på siden. Obs! Knappen fungerer ikke i alle nettlesere. Bruk isteden Ctrl+V. Den viktigste knappen i verktøylinjen. Lim inn tekst i redigeringsområdet som rik eller vanlig tekst. Det er viktig at du fjerner formateringene fra andre programmer, slik at gamle formateringer ikke følger med. Lim inn innhold uten opprydding av Word-formatering på redigeringsområdet på siden. For at resultatet skal bli vellykket må teksten formateres med egnede stilmaler i Word. Når du kopierer «overskrift 2» fra Word, vil den konverteres til «header 2». Skru av/på stavekontroll. Feilskrevne ord vil bli understreket med rød strek. Veksle mellom fullskjerm- og normal skjermmodus når du jobber med store deler tekst eller bilder. Ved å klikke på knappen på nytt tilbakestiller du redigeringsområdet til originalstørrelsen. Velg enkeltord i teksten for å formatere dem med fet eller kursiv skrift. Husk at overskrifter og mellomoverskrifter skal stiles med headinger, ikke fet skrift. Opprett en punkt- eller nummerliste i teksten. Bruk Tab på tastaturet for å få flere nivåer på listen. Stiler Viser en rullegardinliste med tilgjengelige stiler for tekstformatering. Se formatere tekst.

54 Versjonsnr. 2.1 Side 52 Angre eller gjøre om Søk Sett inn/rediger anker Vis HTML-kilde Sett inn tabell Angre eller gjøre om forrige handling. Søk etter og erstatt tekst i redigeringsområdet på siden. Du kan sette inn et anker for å opprette kobling til et annet sted på samme side. Du kan gå til HTML-modus og sjekke koden, og eventuelt gjøre justeringer på siden. Du kan opprette en tabell i teksten. Vær obs på at tabellen ikke nødvendigvis tilpasser seg en mindre skjerm som ipad og mobiltelefon. 8.1 Formatere tekst Både på grunn av universell utforming (tilpasning f.eks. for synshemmede) og for å oppnå en enhetlig nettside, er det viktig å formatere tekstene ved hjelp av stiler i verktøylinjen. På den måten vil de riktige HTML-kodene bli lagt til innholdet. Merk den delen av innholdet som skal formateres og velg formatering i rullegardinlisten. Når du for eksempel formaterer mellomtitler med «header 2», vil disse mellomtitlene vises på en ensartet måte over hele nettsiden. - Stiler benyttes til hovedteksten (brødtekst). - Header 2 benyttes til mellomtitler. - Header 3 benyttes hvis du ønsker mellomtitler som også er fet skrift. - Header 4 benyttes hvis du trenger et nivå under mellomtittel. - Bildetekst benyttes til bildetekst under bilder i brødtekstfelt.

55 Versjonsnr. 2.1 Side Opprette koblinger Når du redigerer en side eller en blokk, kan du koble til annet innhold. Det kan være eksterne ressurser eller innhold på webområdet. Velg sett inn/ rediger kobling Du kobler til sider, blokker og medier ved å dra og slippe dem i riktig felt i koblingsområdet. I dialogboksen kan du også opprette koblinger til e-post og ekstern kilde. Obs! Av tilgjengelighetsgrunner (f.eks. for synshemmede) er det viktig å fylle inn en beskrivende tittel på koblingen i feltet koblingstittel. Åpne i Velg om du skal åpne koblingen i et nytt vindu eller i hele vinduet, altså vinduet du allerede står i. Skal du lenke opp en ekstern kobling eller et dokument, bruk nytt vindu. Side Annet innhold på webområdet. Media Innhold hentet fra medier i ressursfeltet, dvs. PDFer. Skal du legge ut en video, må denne embeddes fra f.eks. YouTube. Se video. E-post Skriv inn en e-post adresse, som lenkes opp fra et navn. Prefikset «mailto:» vil bli lagt til automatisk, og et vindu for utsending av e-post vil dukke opp når brukerne klikker på lenken. Ekstern kobling Lenke til andre eksterne sider eller dokumenter, f.eks.

56 Versjonsnr. 2.1 Side 54 Anker Opprett kobling til et annet sted på samme side. Opprett først et ankernavn, deretter kan du opprette hyperkobling til ankeret. Se opprett anker. Slette en kobling Du fjerner en kobling ved å merke koblingen du skal slette i redigeringsområdet, og klikke på knappen fjern lenke i verktøylinjen. Du kan også klikke koblingsområdet. ved siden av koblingen i 8.3 Opprette anker Et anker (også kalt bokmerke) er en kobling til et annet sted på samme side. Ankere er nyttige når du har en lang tekst, og du vil at leseren skal kunne hoppe mellom delene. Et typisk eksempel er en innholdsfortegnelse der hvert avsnitt er en ankerkobling. Lag ankeret først, deretter kan du velge hvor du vil opprette lenken til ankeret. Sette inn anker på siden 1. Merk teksten der du vil plassere et anker. 2. Velg sett inn/rediger anker på verktøylinjen. 3. I ankernavn skriver du inn ankerets navn. Unngå å bruke spesielle tegn eller mellomrom. Opprette lenke til et anker 1. Merk teksten som skal utgjøre lenken. 2. Velg sett inn/rediger kobling. 3. I tittel skriver du inn teksten som skal vises som verktøytips til koblingen. 4. Velg anker og ankerelementet du vil koble til (alle ankrene på siden vises i nedtrekksmenyen). Endre et anker 1. Velg på ankeret du vil endre, ved å klikke direkte på ankerikonet i teksten. Ikonet sett inn/endre anker i verktøylinjen merkes da blått. 2. Klikk på sett inn/endre anker på verktøylinjen. 3. Det nåværende ankernavnet blir synlig. Rediger teksten i ankernavn. Fjerne et anker 1. Velg ankeret du vil fjerne ved å klikke direkte på ankerikonet i teksten. Ikonet sett inn/endre anker i verktøylinjen merkes da blått. 2. Trykk delete på tastaturet. 3. Oppdater koblinger som peker til ankeret som er fjernet.

57 Versjonsnr. 2.1 Side Bilder For å vise bilder på nettsiden må de være tilgjengelige i kategorien medier i ressursfeltet. Se ressursfelt: bibliotek for blokker og medier. 9.1 Gode bildestørrelser Du får tilgang til gode bildestørrelser via predefinerte størrelser i bilderedigeringsprogrammet. Hovedbanneret er ikke tilgjengelig som predefinert størrelse. Bruk et annet bilderedigeringsprogram, for eksempel Paint eller Photoshop for å klippe til et hovedbanner. (Predefinert bildestørrelse for hovedbilde for nyhet og artikkel er feil. Skriv manuelt inn: 750 i breddefeltet.) Hovedbanner på forsiden: 1 140* Hovedbilde for nyhet og artikkel: 748*400 (opptil 1000* i bredde) Bred visning av nyhet på forside: 748*220 Bred kampanje: 748*400 Smal kampanje: 358* Legg til bilde Du kan enten legge til bilder i egne felt (f.eks. hovedbilde i nyhet eller artikkel), eller du kan legge til bilder ved hjelp av verktøylinjen i riktekstredigeringsfeltet Legg til bilde i eget bildefelt 1. Stå i enkel redigeringsmodus. 2. Velg et bilde i ressursfeltet (medier). Skal du redigere bildet må dette gjøres via ressursfeltet, se redigere bilde. 3. Merk bildet du vil ha, og dra det over i bildefeltet. 4. Publiser.

58 Versjonsnr. 2.1 Side 56 OBS! Alle bilder må ha alternativtekst for å bli synlige på nettsiden, se Alternativtekst Legg til bilde i riktekstredigeringsfeltet 1. Klikk sett inn/rediger bilde i verktøylinjen. 2. Klikk bla igjennom. 3. Velg innhold (bilde) fra mappene i ressursfeltet. 4. Sett inn bildebeskrivelse og tittel. 9.3 Redigere bilde Bilderedigeringsprogrammet i EPiServer har grunnleggende bilderedigeringsfunksjoner som beskjæring, endring av størrelse og transformering (vende, rotere eller fjerne fargeinformasjon i bildet). Den redigerte bildefilen kan enten lagres som en kopi eller erstatte den opprinnelige filen.

59 Versjonsnr. 2.1 Side 57 Du får tilgang til bilderedigeringsprogrammet på følgende måter: - Fra kategorien medier i ressursfeltet. - Fra riktekstredigeringsprogrammet (verktøylinjen) Redigere bilde via ressursfeltet (medier) 1. Klikk i kontekstmenyen på bildet du ønsker å redigere. 2. Åpne i bilderedigeringsprogrammet. 3. Redigeringsvinduet vil da åpne seg. 4. Gjør ønskede endringer, klikk bruk. 5. Lagre bildet enten som en kopi eller erstatt originalbildet. 6. Klikk OK.

60 Versjonsnr. 2.1 Side Redigere bilde via verktøylinjen i riktekstredigeringsfeltet 1. Klikk på bilderedigeringsprogram. 2. Redigeringsvinduet vil da åpne seg. 3. Gjør ønskede endringer, klikk bruk. 4. Lagre bildet enten som en kopi eller erstatt originalbildet. 5. Klikk OK Hvis bildet er for stort til å håndtere i redigeringsruten Hvis du jobber med et ekstra stort bilde (f.eks. 5000*3500) vil kun deler av bildet bli synlig i redigeringsruten. Du bør derfor forminske størrelsen. Gjør følgende:

61 Versjonsnr. 2.1 Side Klikk på endre størrelse. Velg en bredde som er om lag 1000* (behold proporsjonene). Klikk bruk. 2. Endre zoom fra 100 prosent til 25 prosent. 3. Du vil da se hele bildet, og for eksempel kunne beskjære det ved hjelp av predeinerte størrelser. Når du lagrer og setter inn bildet på egnet plass, vil zoom igjen være 100 prosent.

62 Versjonsnr. 2.1 Side Hvis automatisk cropping av bilde til bred nyhet ikke gir ønsket utsnitt EpiServer tar selv et utsnitt til forsiden basert på hovedbildet i nyhetssaken. Stort sett blir dette et godt utsnitt. Hvis fokuset i bildet enten ligger høyt oppe eller langt nede på bildet, kan imidlertid utsnittet se slik ut: 1. Gå inn på den nyhetssiden du jobber med. 2. Klikk på alle egenskaper 3. Under innhold, finner du feltet Forsidebilde.

63 Versjonsnr. 2.1 Side Legg inn egnet utsnitt. Dette vil kun vil bli synlig i visningen bred nyhet på forsiden Hvordan lage egnet utsnitt 1. Ta utgangspunkt i orginalbildet som ligger i ressursfeltet (medier). 2. Klikk åpne i bilderedigeringsprogrammet. 3. Se hvis bilde er for stort til å håndtere i redigeringsruten. 4. Beskjær bildet ved hjelp av den predifenerte størrelsen: «748*220 bred visning av nyhet på forside». 5. Lagre bildet som en kopi. 6. Hent kopien inn i Forsidebilde. 7. Publiser. 8. Det egnete utsnittet vil da bli synlig på forsiden, mens originalbildet fortsatt vises som hovedbilde i nyhetsartikkelen. Når nyhetssaken flyttes ned til sak nummer 2 (liten visning på forsiden), vil utsnittet croppes automatisk basert på hovedbildet i nyhetssaken.

64 Versjonsnr. 2.1 Side Video Du kan legge inn (embedde) en video fra YouTube eller andre strømmetjenester på nettsiden. Plasser videoen enten i et tekstfelt i en artikkel eller nyhet, eller i en tom faktaboks. 1. Klikk sett inn/rediger objekt i verktøylinjen. 2. Velg type iframe. 3. Lim inn videoens URL. Eks: gmm 4. Klikk utenfor feltet. OBS! s etter http forsvinner automatisk, og må settes inn manuelt på nytt (gjelder ikke mac). 5. Klikk sett inn. 6. Klikk utenfor feltet du jobber i, videoen blir da synlig. 7. Publiser. Klikker du inn igjen i feltet der videoen er plassert blir den «usynlig». Den er fortsatt synlig for brukerne på nettsiden.