Slik bygger du skolens nettside

Transkript

1 Brukerveiledning EPiServer Versjon 4.0 (mars 2018)

2 Innholdsfortegnelse 1. Innledning Om brukerveiledningen Brukerstøtte Komme i gang Tilgang til å redigere nettsiden Logge på Endre utløpt passord Hvordan navigere i EPiServer Forsiden Opprette innhold Nyhet Artikkel Kalenderhendelse Kontakt oss Søkeside Nyhetsarkiv Automatisk ansattliste Redigere innhold Enkel redigeringsvisning Alle egenskaper Alle egenskaper på forsiden Lagre, forhåndsvise og publisere innhold Lagring Forhåndsvisning Publisering Avpublisering Verktøylinjen i brødtekstfeltet Fjerne gammel formatering (Lim inn som ren tekst) Stiling av tekst (mellomtitler) Opprette lenker Opprette anker Blokker Opprette blokk Redigere blokk Flytte blokk Fjerne blokk Endre blokkens størrelse Gjenbruke blokk på flere sider Faktaboks forside... 46

3 Side Faktaboks oransje Faktaboks Bildegalleri Dokumentliste Relevante lenker Kampanje Kalender Aktuelt fra Osloskolen Nyhetsstrøm (nyhetsfeltet på forsiden) Sosiale medier Skjema Bruk av bilder Bildebibliotek i ressursfeltet Obligatorisk alternativtekst på bilder Gode bildestørrelser Sette fokus i bildet (focal point) Legg til bilde Redigere bilde Film Legg til film på nettsiden... 78

4 Side 3 1. Innledning 1.1 Om brukerveiledningen Denne veiledningen viser hvordan publiseringssystemet for skolenes nettsider (EPiServer) fungerer. Veiledningen er rettet mot webredaktører og andre som har ansvar for skolens nettsider. 1.2 Brukerstøtte På infosiden "Webredaktør" i Portalen (Skoleplattform Oslo) finner du "redaksjonelle retningslinjer for Osloskolens nettsider", som visen hvordan du kan lage godt innhold på nett. Du finner også andre brukerveiledninger for nettsidene og påmelding til ulike kurs. Har du spørsmål knyttet til publiseringssystemet, eller trenger hjelp til redigering av skolenettsiden, send e-post til skoleweb@ude.oslo.kommune.no eller ring tlf

5 Side 4 2. Komme i gang 2.1 Tilgang til å redigere nettsiden Skolens IKT-ansvarlig oppretter tilgang til å redigere nettsiden, via tilgangsgrupper i Driftsportalen. Skolen kan velge å ha flere ansatte med brukertilgang, i tillegg til webredaktøren Tre ulike roller Det finnes tre ulike roller som kan logge seg på EPiServer og redigere nettsiden. IKTansvarlig gir brukeren gruppemedlemskap i den rollegruppen som passer best. Webadministrator (<skolekode>-re-web-admin) har fulle rettigheter på sin skoles nettside, dvs. mulighet til å opprette, publisere, redigere og slette innhold. Skolens webredaktør skal ha denne rollen. Webredaktør (<skolekode>-re-web-redaktor) har mulighet til å opprette, publisere, redigere og slette innhold. Alle brukere som skal ha fulle rettigheter, men som ikke er skolens webredaktør, bør ligge i denne gruppen. Forfatter (<skolekode>-re-web-forfatter) kan opprette og redigere innhold, men kan ikke publisere eller slette innhold. Dette er en rolle med begrensede rettigheter. Innhold som er opprettet av en "forfatter" må godkjennes og publiseres av en webredaktør. 2.2 Logge på Slik gjør du for å logge på EPiServer: 1. Åpne nettleseren (helst Chrome), skriv inn skolens adresse (URL)/episerver Eksempel: kjelsas.osloskolen.no/episerver elvebakken.vgs.no/episerver I påloggingsvinduet skriver du dittbrukernavn@osloskolen.no og passord, klikk deretter logg på. Brukernavn og passord er det samme som på resten av Skoleplattform Oslo. 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. For å redigere nettsiden: Klikk CMS rediger 4. Du er nå klar til å jobbe med siden.

6 Side Endre utløpt passord Hver 90'ende dag kreves det at du må bytte passord på Skoleplattform Oslo. Dette gjelder også for skolenettsidene. Hvis du jobber du på en SIKT-PC (lærerpc) får du beskjed om å endre passordet selv. Jobber du på en annen maskin (for eksempel en PC på adminløsningen), får du kun beskjed om at passordet er utløpt. For å endre passord må du gjøre følgende: Skolens IKT-ansvarlig kan endre passordet for deg i Driftsportalen. Du kan selv logge på en SIKT-maskin med brukernavnet og passordet ditt (de PCene som lærerne benytter). Da får du mulighet til å endre passordet. Passordet må ha mer enn 7 tegn. 2.4 Hvordan navigere i EPiServer Du navigerer i EPiServer ved hjelp av to mappestrukturer: Sidetreet (navigasjonsfeltet) på venstre side og ressursfeltet (medier og blokker) på høyre side av skjermbildet. For mer om ressursfeltet, se bildebibliotek i ressursfeltet Sidetreet Skolens nettside er strukturert i en sidetrestruktur. I sidetreet ligger alle sidene som nettsiden har. Du finner knappen som viser/skjuler sidetreet (navigasjonsfeltet) øverst i venstre hjørne. Bruk tegnestiften for å feste sidetreet, slik at du kan jobbe videre på nettsiden og fortsatt se feltet. Sidetreet består av mapper med underliggende artikler, i tillegg til nyhetsarkiv (og nyheter), kalender, søkeside og kontakt oss. Nettidens struktur består av tre nivåer: - Menypunkter (mapper) - Underkategorier (mapper) - Innholdssider (artikler) Mappene Om skolen, Fagtilbud osv. utgjør menypunkter i megamenyen på nettsiden (maks fem stk). Behold i størst mulig grad menystrukturen slik den er satt opp. Du finner oversikt over anbefalt menystruktur i brukerveiledningen Redaksjonelle retningslinjer for Osloskolens nettsider.

7 Side 6 Under hvert menypunkt er det plass til fem katergorier (undermapper). Per katergori er det plass til fem innholdssider (artikler). Når du publiserer en mappe/side på ett av de tre nivåene, kommer den til syne i menystrukturen på nettsiden. Det er også mulig å opprette artikler under artikler (nivå 4). Disse blir imidlertid ikke synlig i menystrukturen (kun ved søk). Artikkelen må lenkes opp i andre artikler. Det er mulig å skjule mapper og sider for brukerne, uten å slette innholdet fra sidetreet. Se Avpublisering Symboler i sidetreet Følgende symboer kan vises i sidetresturen ved siden av en mappe eller en side: Siden/mappen er ikke publisert. Siden/mappen er utløpt. Siden/mappen blir redigert av en bruker. Publiseringen av siden/mappen er tidsstyrt vil bli publisert på et gitt tidspunkt Flytte, kopiere og slette sider og mapper i strukturen Flytte sider og mapper Som standard plasseres den siden/mappen som sist ble opprettet, nederst i trestrukturen. For å endre rekkefølgen trekker du siden/mappen fra nåværende plassering opp eller ned til ønsket plassering (ved hjelpe av dra og slipp). Obs! Hvis du flytter en nyhet ved hjelp av dra og slipp i nyhetsarkivet, flytter den seg ikke på forsiden. For å endre rekkefølgen på nyhetssakene på forsiden, må du først oppdatere endret dato under Alle egenskaper, deretter sortere undersider (under Alle egenskper) etter endringsdato (nyeste først). Se oppdater endret dato og sorter undersider. For å flytte en side/mappe fra én mappe til en annen, kan du enten: 1. Benytte dra og slipp-metoden. Plassér siden oppå ønsket mappe. 2. Velg klipp ut i kontekstmenyen på siden du vil flytte. Merk deretter mappen du vil flytte siden til, velg lim inn.

8 Side 7 Kopiere sider Merk siden du vil flytte, og velg kopier i kontekstmenyen. Merk deretter mappen du vil kopiere siden til, og velg lim inn. Hvis originalsiden er publisert, vil kopien også være publisert. Slette sider Du sletter sider/mapper fra nettsiden ved å velge flytt til papirkurv i kontekstmenyen på innholdet du vil fjerne. Hvis annet innhold er koblet til siden du ønsker å fjerne, vil en dialogboks vise hvilket innhold dette gjelder. Fjern koblingene til innholdet du ønsker å fjerne, før du putter innholdet i papirkurven Gjenopprett innhold fra papirkurven Når du fjerner innhold fra nettsiden, sendes mappen/siden og alle underliggende elementer flyttes til papirkurven. For å se innholdet i papirkurven, klikk på gadget-knappen helt nederst på sidetreet og deretter vis papirkurv. Du får da opp en liste over innholdet som er blitt slettet de to siste dagene. Innhold som er slettet før dette, er fjernet for godt. For å gjenopprette 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.

9 Side 8 3. Forsiden Forsiden er bygget opp av et sett faste elementer. I tillegg kan du legge til innhold som passer for din skole. Det er mulig å plassere en faktaboks eller et kampanjefelt ovenfor nyhetsfeltet, hvis du skal informere om noe viktig i en begrenset tidsperiode. Innlogging til Skoleplattform Oslo Søk Hovedbanner Megameny Kontakt oss Plass til skolens logo Nyhetsfelt Kalender Aktuelt fra Osloskolen Facebook/Instagram Om oss Kontaktinformasjon Følg oss

10 Side Megameny Megamenyen er plassert øverst på forsiden. Den består av fem menypunkter (mapper), fastsatt av UDA. Det er viktig at alle skoler tilstreber lik struktur, slik at brukerne kan finne samme type innhold på samme sted - uavhengig av skole. Skolen kan fjerne menypunkter som ikke er relevante. For eksempel kan rene ungdomsskoler fjerne menypunktet Aktivitetsskolen. Under hvert menypunkt er det plass til fem katergorier (undermapper). Per katergori er det plass til fem innholdssider (artikler) Nyhetsfelt Nyhetsfeltet viser de tre siste publiserte nyhetene. For å publisere en nyhet i nyhetsfeltet, opprett en ny side under nyhetsarkiv i sidetreet. For å endre rekefølgen på nyhetene på forsiden, se oppdater endret dato og sorter undersider (5.2.4) Om oss Navn og e-post på ansvarlig webredaktør og webredaktør. Du kan selv endre denne informasjonen under Alle egenskaper på forsiden, nettsideinnstillinger. Kontaktinformasjon Oppdateres automatisk når du fyller ut siden kontakt oss i sidetreet Følg oss Mulighet for lenker til skolens Facebook, Instagram, Twitter osv. Endres under nettsideinnstillinger. Se Alle egenskaper på forsiden Aktuelt fra Osloskolen Fast blokk i høyremarg. Viser aktuelle nyhetssaker fra Kalender Fast blokk øverst i høyremarg. Viser de tre neste hendelsene i kalenderen Kontakt oss Oppdateres automatisk når du fyller ut siden for kontakt oss i sidetreet.

11 Side Skolens logo Bildefelt med plass til skolens logo. Hvis skolen ikke har en egen logo, skal feltet være tomt. Logoen må være minimum 360 pixler i bredden. Bildet tilpasser seg bildefeltet, men bør være avlangt, for ikke å bli for høyt Hovedbanner Bildefelt med plass til et bilde som profilerer skolen. Bildet må være minimum 1140x i bredden. Se Legg til hovedbannerbilde Søk Nettsidens interne søk Innlogging til Skoleplattform Oslo Pålogging for elever, lærere og foresatte til Skoleplattform Oslo.

12 Side Opprette innhold Osloskolens nettsider har hovedsakelig to sidetyper: Nyhet og artikkel. 4.1 Nyhet Nyheter som publiseres havner automatisk på øverst i nyhetsfeltet på forsiden. Eldre nyheter ligger tilgjengelig for brukerne i nyhetsarkivet. Det er mulig å endre rekkefølgen på nyhetene på forsiden, se oppdater endret dato og sorter undersider under Alle egenskaper. Slik gjør du for å opprette en nyhet: 1. Stå i sidetreet på mappen Nyhetsarkiv, velg Ny side. 2. Legg til navn (nyhetens tittel).

13 Side Legg til hovedbilde, ingress og brødtekst. 4. Publiser nyheten. Se kapittel om bilder for tips til et godt bilderesultat. 4.2 Artikkel Innholdsidene i megamenyen skal være sidetypen Artikkel. For å opprette artikkel: 1. Velg plassering for ny artikkel i sidetreet. Artikkelen må plasseres i en mappe (nivå 3 under megamenypunkt og kategori). 2. Klikk ny side i kontekstmenyen. 3. I sideoversikten velger du artikkel.

14 Side Legg til navn (artiklens tittel). 5. Legg til innhold. Du kan benytte feltene ingress, hovedbilde og brødtekst. I tillegg kan du legge til relevant innhold ved hjelp av blokker (ulike innholdselementer). 6. Publiser artikkelen

15 Side Kalenderhendelse Kalenderen ligger fast i høyre marg på forsiden, og viser de tre neste hendelsene. Ferie og fridager (skoleruta) publiseres av UDA for alle skoler. I tillegg kan skolene selv legge inn egne kalenderhendelser. Slik gjør du: 1. Stå på kalender, velg Ny side. 2. Legg til navn. Navnet blir synlig for webredaktør i sidetreet. Legg til emne. Dette blir hendelsens tittel, og er synlig for brukerne. 3. Velg starttidspunkt og sluttidspunkt. Hvis hendelsen varer hele dagen, fyller du kun inn dato og huker av for hel dag. 4. Legg eventuelt til hovedbilde, beskrivelse, sted, brødtekst og en relevant blokk. 5. Publiser hendelsen.

16 Side Kontakt oss På siden kontakt oss legger du inn skolens kontaktinformasjon. Informasjonen er synlig for brukerne i nettsidens megameny, nederst på alle sider og i høyre marg på forsiden. Fyll inn feltene, og klikk publiser. Sentralbord: Tidspunkt for når det er mulig å ringe til kontoret Telefon: Skolens telefonnummer Besøksadresse: Skolens besøksadresse Postadresse: Skolens postadresse (hvis det er den samme som besøksadressen, gjenta besøksadressen) E-post: Skolens postmottak 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. Kartet i full størrelse genereres automatisk fra skolens adresse, mens kartutsnittet genereres ved hjelp av bredde- og lengdegrad. Slik gjør du for å legge til kartutsnitt: 1. Klikk på knappen for 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.

17 Side I eksempelet er breddegraden , mens lengdegraden er Obs! Du skal ikke ta med desimalene.

18 Side Søkeside Søkesiden må være publisert for at søket på nettsiden skal fungere (forstørrelsesglasset ø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.

19 Side Nyhetsarkiv Nyhetsarkivet har to oppgaver: Det 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 vha. knappen på forsiden. Brukerne kan søke i nyhetsarkivet ved hjelp av søkefeltet, eller filtrere på dato.

20 Side Automatisk ansattliste Skolen kan velge å publisere en automatisk utlisting av ansattes navn og e-post. Listen vises som en underside til Kontakt oss (lenke i høyremarg). Ansattlisten viser kontaktinformasjon til de av skolens ansatte som har en bruker på SIKTløsningen (Skoleplattform Oslo). Listen viser navn og fornavn.etternavn@osloskolen.no. For rektorer og andre i ledelsen som har en ude-adresse, kan du velge å overstyre visningen av osloskolen-adressen med en ude-adresse. Se Vis ude-adresse fremfor osloskolen-adresse. Ansattelisten henter informasjonen (dataene) fra AD, som igjen henter data fra det skoleadministrative systemet (SATS). Ansatte som er aktive i SATS og som har verdien "Ja" i feltet "E-læring/web" vil dukke opp i listen. For å se hvilke ansatte som jobber i en bestemt klasse, kan brukerne filtrere på klasse. De kan også benytte nettsidens søkefelt for å søke etter navngitte ansatte Opprett ny ansattliste: Ansattelisten opprettes som underside til siden Kontakt oss.

21 Side 20 Slik gjør du: 1. Stå på siden Kontakt oss i sidetreet 2. Velg Ny side i kontektsmenyen 3. Gi siden navn: Ansattliste 4. Publiser siden Det er ikke mulig å opprette ansattlisten noe annet sted enn under Kontakt oss. Benytt lenking (internlenke til side) for å vise ansattlisten i for eksempel Ledelse og ansatteartikkelen Antall personer i hver visning Som redaktør kan du velge hvor mange ansatte som skal vises per side i ansattoversikten (før knappen Vis flere). Slik gjør du: 1. Stå på ansattlisten i EPiServer 2. Klikk på knappen for Alle egenskaper 3. Velg fanen innhold 4. Velg hvor mange ansatte som skal vises på én side 5. Klikk publiser

22 Side Vise ude-adresse fremfor osloskolen-adresse For ansatte som både har ude-adresse og osloskolen-adresse (rektor og andre i ledelsen), vises automatisk osloskolen-adressen. Du kan manuelt endre denne visningen, slik at det er ude-adressen som vises. Slik gjør du: 1. Stå på ansattlisten og opprett Ny side 2. Navngi siden med navnet på personen som skal ha ude-adresse, f.eks. Kari Nordmann 3. Klikk ok 4. Legg til personens brukernavn i feltet brukernavn. Se hvordan finne brukernavn 5. Skriv inn personens ude-adresse i feltet for e-post 6. Huk av for Vis 7. Publiser siden/personen

23 Side 22 Personen vises nå med ude-adresse fremfor osloskolen-adresse i ansattlisten og søket Fjerne personer fra ansattlisten Personer som har sluttet på skolen bør settes som "passive" i SATS. Da forsvinner de automatisk fra listen. Hvis den ansatte manuelt er lagt til i tilgangsgrupper (for eksempel IKT-ansvarlig) må personen i tillegg fjernes fra disse gruppene. Du kan også manuelt fjerne personer eller testbrukere som ikke skal være synlig i listen, uten å fjerne dem fra SATS. Slik gjør du: 1. Stå på ansattlisten, opprett Ny side 2. Navngi siden med navnet på personen du skal fjerne, f.eks. Kari Nordmann 3. Klikk ok 4. Legg til personens brukernavn i feltet brukernavn. Se hvordan finne brukernavn 5. Publiser siden/personen Fordi avhukingen for Vis ikke er huket av, vil personen ikke bli synlig i ansattlisten eller søk.

24 Side Hvordan finne personens brukernavn? I motsetning til passord, er ikke brukernavn hemmelig. Hvis du ikke vet personens brukernavn, kan du finne det enten i Outlook eller i Office365. Slik gjør du i Outloook: 1. Søk opp den ansatte i Outlook 2. Legg han/hun til som mottaker av e-post 3. Høyreklikk på navnet som vises i til-feltet, og se mer informasjon om brukeren Der finner du brukernavnet (første del av osloskolen-adressen). Slik gjør du i Office365: 1. Gå til e-post 2. Søk opp personen via søkefeltet øverst til venstre 3. Der får du opp personens navn og brukernavn (første del av osloskolen-adressen).

25 Side Slette ansattliste For å fjerne ansattlisten fra nettsiden, sletter du den. Du kan når som helst opprette ansattlisten på nytt. Slik gjør du: 1. Stå på ansattlisten i sidetreet 2. Klikk på kontekstmenyen 3. Velg Flytt til papirkurv

26 Side Redigere innhold I EPiServer kan du redigere innhold på to måter: Gjennom enkel redigeringsvisning og ved visning av alle egenskaper. Når du oppretter en side kommer du automatisk inn i enkel redigeringsvisning. Når du laster opp et bilde eller oppretter en blokk, kommer du automatisk inn i visningen av alle egenskaper. Øverst til høyre i skjermbildet kan du bytte mellom de to visningene: Visning av alle egenskaper Enkel redigeringsvisning 5.1 Enkel redigeringsvisning I enkel redigeringsvisning kan du jobbe med innholdet samtidig som du ser hvordan resultatet blir. Du kan legge til/redigere tekst, sette inn bilder og ev. blokker. 1. Stå på siden du skal redigere. 2. Klikk på ønsket felt. Egenskapsnavnet på feltet vises når du holder musepekeren over. a. I blokkfeltet kan du enten opprette blokker, eller legge til bilder (bruke feltet som bildefelt). 3. Foreta endringene på siden. 4. Publiser siden. Når du redigerer brødtekst, klikk utenfor brødtekstfeltet for å se hvordan avstanden mellom avsnittene blir.

27 Side Alle egenskaper I visningen alle egenskaper har du tilgang til alle egenskapene som finnes for 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 (dvs. tittel) på siden er påkrevd, du kan ikke la dette feltet stå tomt. Ved navneendring endres tittelen på siden, 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å en side vil EPiServer automatisk opprette en URL. Hvis du endrer navnet (tittelen) på siden/mappen bør du fjerne den gamle URLen, slik at EPiServer kan lage en ny URL. Vær oppmerksom på at brukere kan ha opprettet en lenke til siden din. Disse lenkene vil ikke fungere hvis du endrer URL. Interne lenker på egen nettside vil ikke påvirkes. For å endre URL: 1. Klikk endre 2. Fjern URL-en og la feltet stå tomt 3. Klikk publiser. EPiServer oppretter en ny URL basert på sidens navn.

28 Side 27 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 vil fungere 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. OBS! Brukerne kan fortsatt nå siden via en lenke eller ved søk, og den vil fortsatt være synlig i sidetreet ditt. For å gjøre en side usynlig for brukeren, bør du avpublisere siden isteden. Se Håndtere utløp og arkivering Håndtere utløp og arkivering Hvis du ønsker at en side/mappe skal fjernes fra nettstedet, men fortsatt være synlig i sidetreet, velg håndter utløp og arkivering via verktøyknappen. Klikk utløp: Nå. Denne funksjonen kan benyttes når en side eller en mappe skal fjernes for brukerne i en begrenset periode.

29 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 når de besøker siden. Metatittelen blir også vist som overskrift i søkeresultatene når treff fra din side vises. Denne opprettes automatisk av EPiServer, men er mulig å endre ved behov. 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. Metabeskrivelse 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. Metabeskrivelsen blir ikke alltid brukt av alle søkemotorer, men ved fravær av en slik tekst trekker f.eks. Google selv frem det innholdet den tror er relevant. Deaktiver indeksering For å hindre at siden blir synlig i søkemotorene.

30 Side Innhold Her har du tilgang til alt innholdet på siden (samme som ved enkel redigeringsvisning). Du kan redigere hovedbilde, ingress og brødtekst, i tillegg til å legge til eller fjerne blokker. Kategori Dette feltet kan gjerne stå tomt. Kategorisering av sider kan imidlertid 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 Dette er det feltet som vises under hovedteksten på en side. Her kan du dra og slippe blokker eller bilder fra ressursfeltet. Du kan også klikke på lenken opprett en ny blokk for å opprette ny blokk.

31 Side 30 Høyre innholdsområde Dette er det feltet vises til høyre for hovedteksten på en side. Her kan du dra og slippe blokker/bilder. Du kan også klikke på lenken opprett en ny blokk for å opprette ny blokk Innstillinger Her har du tilgang til alle innstillingene for den aktuelle siden. Du kan blant annet huke av for oppdatert endret dato, eller opprette en snarvei til en annen side. Under innstillinger på nyheter kan du endre rekkefølgen, slik at nyheten du står inni havner øverst på forsiden. Publisert Datoen viser når innholdet ble publisert. Ved å klikke endre, kan du ved behov endre datoen. Når du gjøre endringer i en artikkel, bør du la publisertdatoen være og isteden huke av for oppdatert endret dato. Opprettet Datoen viser når siden ble opprettet. Ved å klikke endre, kan du ved behov endre datoen. Endret Datoen viser når siden sist ble endret. Oppdater endret dato Når du gjør endringer i en artikkel, bør du alltid huke av oppdatert endret dato for å vise for brukerne at du har oppdatert innholdet i teksten. Funksjonaliteten benyttes også når du skal endret rekkefølgen på nyhetene på forsiden. Da må du huke av på denne (og sortere undersidene).

32 Side 31 Sorter undersider Standard sorteringsrekkefølge er etter opprettelsesdato (nyeste først). Du har bare behov for å endre denne kategoriseringen på nyhetssaker når du skal endre rekkefølgen på hvilke nyheter som ligger på forsiden. Sett da sorteringen (på nyhetssaken du vil ha øverst) etter endringsdato (nyeste først). Hvis du i tillegg har oppdatert endret dato, vil nyheten havne øverst i nyhetsfeltet. Snarvei Hvis du ønsker at brukeren skal komme direkte til et annet nettsted ved å klikke på en side i megamenyen, kan du bruke snarvei. Forskjellen mellom snarvei og vanlig lenke, er at ved snarvei vil brukeren komme direkte til en annen side/et annet nettsted, siden vil ikke vise eget innhold. Et eksempel er snarveiene til Oslo kommunes nettsider under menypunktet Aktivitetsskolen (gjelder barneskoler). Slik gjør du for å opprette en snarvei: 1. Klikk håndter, ved siden av "ingen snarvei" 2. Velg snarveistype a. Velg "Snarvei til en side på et annet nettsted" når du skal opprette snarvei til et eksternt nettsted. b. Velg "Snarvei til en side i EPiServer CMS" når du skal opprette snarvei til en annen side på nettstedet ditt. Meny-undertittel Det er mulig å legge til en undertittel som blir synlig under sidenavnet i megamenyen. Hold teksten kort.

33 Side Alle egenskaper på forsiden Under Alle egenskaper på forsiden, har du tilgang til fanen nettsideinnstillinger. Her kan du legge inn og redigere informasjon som gjelder for hele nettstedet, for eksempel skolens Facebook-adresse og navn på webredaktør (vises nederst på nettsiden) Endre navn på webredaktør Du kan selv endre navn og e-post på ansvarlig redaktør og webredaktør (synlig nederst på nettsiden). Legg til navn og e-post til skolens webredaktør. Rektor er alltid ansvarlig redaktør. Det anbefales at skolens postmottak legges inn som e-post til ansvarlig redaktør Lenker og ID til sosiale medier Her kan du legge til lenker de sosiale medier-kontoene som skolen har: - Facebook - Instagram - Youtube - Twitter - Google+ Lenkene kommer til syne som ikoner nederst på nettsiden: For forklaring av feltene Instagrambruker og Instagram klient-id, se kapittelet om blokker: Sosiale medier Faste opplysninger for nettsiden Under nettsideinnstillinger finner du også faste opplysninger for skolens nettside, for eksempel skolekode, skolekategori, nyhetsarkiv og søkeside. Disse opplysningene skal ikke endres.

34 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 for alle egenskaper. Du kan også avpublisere innhold som ikke er aktuelt i en begrenset periode, men som du ønsker å beholde i sidetreet. 6.1 Lagring Endringene dine lagres automatisk etter hvert som du jobber. Siste automatiske lagring vises med tidspunkt i toppmenyen. Du har mulighet til å angre siste endring. 6.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. Du kan også finne ut hvordan innholdet vil se ut på ulike enheter, f.eks. ipad eller 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 Androidtelefon.

35 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 klikker utenfor feltet du jobbet i (f.eks. tittelfelt, ingress osv.), vises mulighet for publisering øverst til høyre. Klikk på publiseringsknappen for å publisere. Du kan også se informasjon om når og av hvem siden sist ble endret og lagret. Hvis du klikker vise på nettsted, vises nettsiden "ute på internett" slik brukerne ser den. Du kan enten velge å publisere innholdet med en gang, eller tidsstyre publiseringen. Obs! Webforfattere har ikke rettigheter til å publisere innhold. De kan sette siden klar for publisering. Siden er da tilgjengelig for webadministrator/webredaktør som har tilgangsrettigheter for publisering. Man kan ikke gjøre endringer på en side som er satt klar for publisering Tidsstyre publisering Du kan velge å utsette publiseringstidspunktet på en artikkel eller nyhet. Velger du å «tidsstyre» publiseringen, åpnes et vindu hvor du etter dato og tidspunkt for når publiseringen skal skje.

36 Side 35 Det vil dukke opp et grønt klokkesymbol i sidetreet ved siden av det innholdet du har valgt å tidsstyre Når flere redigerer samtidig Når flere redaktører redigerer det samme innholdet samtidig, vil det dukke opp en melding øverst til høyre i skjermbildet som informerer om dette. Du bør unngå at to stk. redigerer i samme tekst, slik at dere ikke overskrider hverandres endringer. Men man kan også velge rediger uansett. 6.4 Avpublisering Hvis du ønsker at en side/mappe skal skjules for brukerne, men at den fortsatt skal være tilgjengelig i sidetreet for senere bruk, kan du avpublisere innholdet.

37 Side 36 Slik gjør du: 1. Stå på siden/mappen du ønsker å avpublisere 2. Klikk på knappen for visning av alle egenskaper 3. Klikk på verktøy 4. Håndter utløp og arkivering 5. Klikk på utløp: Nå. Avpubliseringen kan oppheves når du på nytt ønsker å publisere innholdet.

38 Side Verktøylinjen i brødtekstfeltet I alle brødtekstfelt på nettsiden får du tilgang til verktøylinjen. Verktøylinjen brukes blant annet til å: Sørge for at tekst du limer inn, limes inn som Ren tekst (uten formatering) Legge til riktig formatering på mellomtitler Sette inn bilde i teksten Sette inn lenke i teksten Følgende knapper er tilgjengelige i verktøylinjen: Sett inn/ rediger kobling Fjern kobling Sett inn bilde Når du skal opprette/endre en lenke i teksten. Knappen er grået ut frem til du markerer teksten som skal være med i lenken. Se opprette lenker. Fjern en lenke fra den valgte teksten. Knappen er grået ut frem til du plasserer markøren i lenken. Sett inn et bilde i brødtekstfeltet, evt. endre bildeegenskaper. Du kan selv velge størrelse og plassering. Se legg til bilde. Rediger bilde Sett inn/rediger objekt Klipp ut Rediger et bilde, som er lagt til i brødteksten, ved hjelp av bilderedigeringsprogrammet. Se redigere bilde. Sett inn en film i teksten. Se film. Klipp ut utvalgt tekst. Knappen fungerer ikke i alle nettlesere. Bruk Ctrl+X.

39 Side 38 Kopier Lim inn Lim inn som ren tekst Lim inn fra Word Stavekontroll Skift til/fra fullskjermmodus Fet eller kursiv skrift Punkt- og nummerliste Kopier utvalgt tekst. Knappen fungerer ikke i alle nettlesere. Bruk Ctrl+C. Lim inn utvalgt tekst. Knappen fungerer ikke i alle nettlesere. Bruk Ctrl+V. Den viktigste knappen i verktøylinjen. Klikk på knappen før du limer inn tekst for å fjerne formatering (skrifttype og størrelse) fra andre programmer. Lim inn innhold med Word-formatering. 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 i brødtekstfeltet. 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 stiling av tekst. Søk Angre eller gjøre om Sett inn/rediger anker Angre eller gjøre om forrige handling. Søk og erstatt tekst i brødtekstfeltet. Du kan sette inn et anker for å opprette lenke til et annet sted på samme side. Se opprett anker.

40 Side 39 Vis HTML-kilde Vis teksten i HTML-modus. 7.1 Fjerne gammel formatering (Lim inn som ren tekst) Når du limer inn tekst fra Word eller fra andre nettsteder inn i et brødtekstfelt, må du fjerne gammel formatering, for å unngå at teksten får feil skrifttype eller størrelse Du må lime inn teksten som Ren tekst. Slik gjør du: 1. Klikk på knappen Lim inn som ren tekst i verktøylinjen 2. Lim inn teksten 7.2 Stiling av tekst (mellomtitler) For å bedre den universelle utformingen (tilpasning f.eks. for synshemmede) og for å få en enhetlig nettside, er det viktig å bruke nedtrekksmenyen stiler i verktøylinjen, når du skal legge til en mellomtittel eller en bildetekst. Bruk alltid header 2 på mellomtitler, ikke kun bold. Merk den delen av innholdet som skal formateres, og velg ønsket formatering i rullegardinlisten. - Stiler benyttes til brødtekst. - Header 2 benyttes til mellomtitler. - Header 4 benyttes hvis du trenger et nivå under mellomtittel. - Bildetekst benyttes til bildetekst under bilder i brødtekstfelt.

41 7.3 Opprette lenker Side 40 Lenker hjelper brukerne finne frem til relevant innhold. Det kan være innhold på eksterne nettsider, andre sider på egen nettside, dokumenter (PDFer) eller e-postadresser. Det er ikke mulig å lenke opp blokker. Disse ikke har egen URL. Slik gjør du for å lenke i et tekstfelt: 1. Står i brødtekstfeltet 2. Marker teksten du vil lenk opp 3. Velg knappen sett inn/ rediger kobling i verktøylinjen 4. Fyll ut feltene i boksen (se beskrivelse av de ulike feltene under) 5. Klikk ok Koblingstittel: Vises når brukeren holder musepekeren over lenken, og er til hjelp for blinde og svaksynte. Hvis du lenker til et eksternt nettsted, bør koblingstittel være navn på nettstedet du har lenket opp. På dokumenter og interne nettsider, kan koblingtittel være navnet på dokumentet/siden. Åpne i: Velg om brukeren skal åpne lenken i et nytt vindu (ny fane) eller i hele vinduet (samme fane). Skal du lenke til en ekstern nettside eller et dokument, bruk nytt vindu. Bruk ellers alltid hele vinduet. Valgene side, media, epost, ekstern kobling og anker: Her skal du velge én av lenketypene. Side: Velges når du skal lenke til annet innhold på egen nettside (intern lenke). Media: Velges når du skal lenke opp et dokument. Obs! Alle dokumenter må først lastes opp i ressursfeltet, og må være i pdf-format. Skal du legge til en film, må denne embeddes fra f.eks. YouTube. Se film. E-post: Når du skal lenke opp en e-post adresse, for eksempel på 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: Velges når du skal lenke til eksterne nettsider, for eksempel Oslo kommune.

42 Side 41 Anker: Velges hvis du skal opprette lenke til et annet sted på samme side. Se opprett anker. Slett lenke: Du fjerner en lenke enten ved å markere den aktuelle lenken, og klikke på knappen fjern lenke i verktøylinjen, eller ved å klikke på koblingsboksen. ved siden av lenken i 7.4 Opprette anker Et anker er en lenke til et annet sted på samme innholdsside. Anker er nyttig når du har en lang tekst, og du vil at leseren skal kunne hoppe mellom de ulike delene. Et eksempel er en spørsmål- og svarside, hvor du ønsker at brukeren enkelt skal kunne navigere mellom spørsmål og svar. Lag ankeret først, velge deretter 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 lenken. 4. Velg anker og ankerelementet du vil koble til (alle ankrene på siden vises i nedtrekksmenyen). Endre et anker: 1. Velg 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 lenker som peker til det ankeret som er fjernet.

43 Side Blokker Blokker er fleksible innholdselementer, som ikke er en egen sidetype. En blokk kan for eksempel være en faktaboks eller et bildegalleri. Blokkene kan benyttes på forsiden, i artikler og nyheter. Du kan legge til flere blokker i det samme feltet, enten under eller ved siden av hverandre (gjelder kun det brede feltet). Når du står i enkel redigeringsmodus, vil en grønn ramme angi hvor det er mulig å legge til blokker. 8.1 Opprette blokk Det letteste er å opprette blokker direkte i et innholdsområde på en side, men du kan også opprette blokker i ressursfeltet (fanen blokker) og deretter dra og slippe blokkene på rett plassering. Når du oppretter en blokk på en innholdsside (f.eks. artikkel) lagres blokken automatisk i ressursfeltet under fanen blokker, mappen For denne side Opprett blokk direkte på siden Når du står i redigeringsmodus på en side, er innholdsområdene for blokker synlig i høyre marg og nederst på siden. Slik gjør du: 1. Klikk opprett ny en blokk. 2. I oversikten som kommer opp, velger du den blokktypen du har behov for (se beskrivelse av de ulike blokkene lenger ned i kapittelet) 3. Gi blokken et navn 4. Publiser blokken 5. Publiser deretter 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 i ressursfeltet Det er mulig å opprette en blokk i ressursfeltet under fanen blokker, og deretter dra og slippe den på ønsket side. Hvis blokken opprettes i mappen For dette nettsted vil den være tilgjengelig for publisering på hele nettsiden, den kan da gjenbrukes på flere ulike sider.

44 Side 43 Slik gjør du: 1. Merk den mappen i ressursfeltet der du vil opprette blokken (under fanen blokker). 2. Velg ny blokk i kontekstmenyen, eller klikk på knappen 3. Velg den blokktypen du ønsker, og gi den navn. 4. Publiser blokken. 5. 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å. 8.2 Redigere blokk Den enkleste måten å redigere en blokk på, er å stå i redigeringsmodus og deretter trykke Rediger i den lille menyen øverst til høyre på blokka. Du kan også redigere en blokk eller fra fanen blokk i ressursfeltet (i mappen For denne side). Hvis samme blokk brukes på flere steder, vil endring ett sted også påvirke de andre stedene blokken blir brukt. Slik gjør du: 1. Klikk rediger i kontekstmenyen på blokken du skal redigere. Du kommer direkte inn i Alle egenskaper for blokken (baksiden av blokken). 2. Gjør endringene. 3. Publiser blokken på nytt.

45 Side 44 For å komme tilbake til siden du jobbet på, klikk tilbake. 8.3 Flytte blokk Når du oppretter en blokk, havner den automatisk nederst i blokkfeltet. Du kan imidlertid endre rekkefølgen på blokkene selv, eller flytte blokken til et annet blokkfelt på samme side Flytte blokk innad i samme felt: Hvis du vil flytte blokken høyere opp/eller lengre ned i samme felt, kan du gjøre det på to måter: 1. Ta tak i blokken og dra den til ønsket plassering vha. dra og slipp. Publiser siden blokken ligger på, på nytt. 2. Klikk på feltet blokken ligger i. Da får du opp en oversikt over blokkene i det aktuelle feltet. Dra og slipp blokken du vil flytte opp eller ned, til ønsket plassering. Lukk oversikten. Publiser siden blokken ligger på, på nytt Flytte blokk til annet felt på samme side: Hvis du vil flytte blokken fra ett blokkfelt til et annet på samme side: 1. Stå i redigeringsmodus. Ta tak i blokken og dra den fra det ene feltet over i det andre feltet. Publiser siden blokken ligger på, på nytt.

46 Side Fjerne blokk For å fjerne en blokk fra en side, klikker du på kontekstmenyen øverst til høyre på blokken. Klikk Fjern, og publiser siden på nytt. Da blir den borte for brukerne. Skal du i tillegg slette blokken fra systemet, må du også slette den fra ressursfeltet (under fanen blokker, mappen For denne side). Vær obs på at blokker og mediefiler deler de samme mappene i ressursfeltet. Fjerner du en mappe fra strukturen, vil det påvirke begge fanene (blokker og medier). 8.5 Endre blokkens størrelse Blokken tilpasser seg automatisk størrelsen til det innholdsfeltet den ligger i (bredt eller smalt). Det er imidlertid mulig å overstyre bredden på en blokk, slik at to smale blokker kan stå ved siden av hverandre i det brede innholdsfeltet. Slik gjør du: 1. Stå i redigeringsmodus 2. Klikk på kontekstmenyen på blokka (øverst til høyre) 3. Velg visningsalternativet halv Ved å gjøre dette på to blokker, kan de stå ved siden av hverandre i et bredt innholdsfelt. Visningsalternativet automatisk gjør at blokken får samme bredde som det området du setter blokken inn i.

47 Side Gjenbruke blokk på flere sider Hver gang du oppretter en blokk på en side, lagres den automatisk i ressursfeltet under fanen blokker, mappe For denne side. Det er dermed mulig å gjenbruke den samme blokken på flere sider, og kun vedlikeholde den ett sted. Slik gjør du for å gjenbruke en blokk på flere sider: 1. Gå inn på den siden hvor du opprinnelig opprettet blokken 2. I ressursfeltet, under fanen blokker, klikk på mappen For denne side 3. Dra den aktuelle blokken fra mappen For denne side over i mappen For dette nettsted. Da vil den være tilgjengelig fra ressursfeltet uansett hvor på nettsiden du står. Du kan da 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 alle like blokker endre seg. 8.7 Faktaboks forside - Hvit faktaboks med Oslo skyline nederst. - Fast høyde, utvider seg ikke ved mye tekst. - Fungerer godt i høyre innholdsområde og stort innholdsområde. - Bruksområde: Kun tekst. Fremgangsmåte: Se faktaboks oransje.

48 Side Faktaboks oransje - Oransje faktaboks med Oslo skyline nederst. - Fast høyde, utvider seg ikke ved mye tekst. - Fungerer godt i høyre innholdsområde og stort innholdsområde. - Bruksområde: Kun tekst. Slik gjør du for å opprette faktaboks: Finn feltet der du skal legge blokken. Klikk opprett ny blokk. 1. Velg faktaboks forside eller faktaboks oransje i listevisningen. 2. Gi blokken navn (kun synlig back-end i EPiServer). 3. Legg til tittel og innhold. a. Bruk ren tekst-knappen om du klipper inn tekst. b. Stopp teksten før den dekker Oslo-bylinen nederst i blokken. 4. Publiser blokken. 5. Publiser siden blokken ligger på. 6. Tips: Sjekk faktaboksen på en mobil eller ipad for å sjekke at all tekst kommer til syne. Redigere faktaboks forside og faktaboks oransje: 1. Stå i redigeringsmodus. 2. Klikk på kontekstmenyen øverst til høyre på blokka. 3. Klikk rediger. 4. Gjør endringer 5. Publiser endringene.

49 Side Faktaboks - Hvit faktaboks, med blått tittelfelt. Valgfri tittel. - Dynamisk størrelse, tilpasser seg mengden tekst. - Fungerer godt i høyre innholdsområde og stort innholdsområde. - Bruksområde: Tekst, bilder og embedde film. Slik gjør du: 1. Finn feltet der du skal legge blokken. Klikk opprett ny blokk. 2. Velg faktaboks i listevisningen. 3. Gi blokken navn (kun synlig back-end i EPiServer). 4. Legg til tittel og innhold. a. Bruk ren tekst-knappen om du klipper tekst fra andre steder. Redgere faktaboks: 1. Stå i redigeringsmodus. 2. Klikk på kontekstmenyen øverst til høyre på blokka. 3. Klikk rediger. 4. Gjør endringene 5. Publiser endringene 6. Publiser siden blokken ligger på

50 Side Bildegalleri - Hvit boks, med blått tittelfelt. Valgfri tittel. - Bruksområde: Viser en samling (mappe) med bilder. - Fungerer best høyre innholdsområde, men kan også brukes i stort innholdsområde. Slik gjør du: 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 (vises som tittel). 5. Dra og slipp bildemappen med bildene fra ressursfeltet over i feltet bildemappe. 6. Opprett blokken. 7. Publiser siden blokken ligger på. 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 tilknyttet 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.

51 Side Klikk rediger. 4. Fjern bildemappen. 5. Legg til en ny bildemappe (og endre eventuelt navn på galleriet). 6. Publiser endringene.

52 Side Dokumentliste - Hvit boks, med blått tittelfelt. Valgfri tittel. - Dynamisk størrelse. - Passer best i høyre innholdsområde, evt. med 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. Slik gjør du: 1. Last opp dokumentene (PDF) du skal bruke 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 (vises som tittel). 5. Dra dokumenter fra ressursfeltet over i feltet filer. 6. Opprett blokken. 7. Publiser siden blokken ligger på.

53 Side 52 Redigere dokumentliste: 7. Stå i redigeringsmodus. 8. Klikk på kontekstmenyen øverst til høyre på blokka. 9. Klikk rediger. 10. Legg til/fjern/endre rekkefølge på dokumentene. 11. Publiser endringene.

54 Side Relevante lenker - Hvit boks, med blått tittelfelt. Valgfri tittel. - Dynamisk størrelse. - Bruksområde: F.eks. på en artikkelside for å samle de relevante lenkene på ett sted. - Passer best i høyre innholdsområde, evt. med halv størrelse i stort innholdsområde. Slik gjør du: 1. Finn feltet der du skal legge blokken. Klikk opprett ny blokk. 2. Velg blokken relevante lenker i listevisningen. 3. Gi blokken navn (vises som tittel). 4. For å opprette interne lenker, dra og slipp sider fra sidetreet inn i lenkesamlingsfeltet. Bruk opprett ny kobling for å opprette lenker til eksterne sider eller for å lenke til e-post. 5. Opprett blokken 6. Publiser siden blokken ligger på.

55 Side 54 Redigere relevante lenker: 1. Stå i redigeringsmodus. 2. Klikk på kontekstmenyen øverst til høyre på blokken. 3. Klikk rediger. 4. Legg til/fjern/rediger lenker ved å klikke på kontektsmenyen på lenken, eller opprett en ny kobling. 5. Publiser endringene.

56 Side Kampanje - Boks med plass til stort bilde og en kampanjetekst. - Fungerer godt i høyre innholdsområde og stort innholdsområde. - Bruksområde: Profilere et arrangement eller en kampanje. - Kan gjøres klikkbar ved å lenke opp en intern eller ekstern side.

57 Side 56 Slik gjør du: 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 (Header-tekst vises som tittel). 5. Legg inn hovedbilde i kampanjebilde-feltet. 6. Fyll inn kampanjetekst (Tekst som legger seg oppå bildet). Hold teksten kort. 7. Koble opp eventuell lenke. 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. Gjør endringene. 5. Publiser blokken.

58 Side Kalender - Hvit boks, med blått tittelfelt. Fast tittel er «Kalender». - Fast plass i høyre innholdsområde på forsiden, rett under kontakt oss. - Bruksområde: Viser de tre neste hendelsene i kalenderen. - For å opprette hendelse i kalenderen, se opprett kalenderhendelse Aktuelt fra Osloskolen - Hvit boks med blått tittelfelt. - Fast plass i høyre innholdsområde på forsiden. - Viser aktuelle nyhetssaker fra.

59 8.16 Nyhetsstrøm (nyhetsfeltet på forsiden) Side 58 - Ligger fast på forsiden i det brede blokkfeltet. - Viser de nyeste nyhetene som skolen har publisert. - Standard oppsett er visning av 3 nyheter Vise flere enn 3 nyheter på forsiden: Det er mulig å vise flere enn 3 nyheter på forsiden. Dette krever imidlertid at skolen oppdaterer nyhetsfeltet ofte, slik at utdaterte nyheter ikke blir liggende på forsiden. Antall nyheter må være oddetall. Vi anbefaler ikke visning av mer enn 5 nyheter av gangen. Slik gjør du: - Stå i redigeringsmodus på forsiden - I menyen på nyhetsblokken, klikk Rediger. - Klikk på knappen for visning av alle egenskaper - Velg fanen Innstillinger - I feltet Antall artikler, setter du ønsket antall - Publiser siden på nytt Hvis nyhetsfeltet er "borte": Hvis nyhetsfeltet har forsvunnet fra forsiden, er det blokken som er fjernet fra forsiden. Skolens nyheter er fortsatt tilgjengelig i EPiServer, men visningen av dem på forsiden er fjernet. Det er to måter å få nyhetsfeltet tilbake på, du kan enten opprette det på nytt, eller gjenfinne den gamle blokken. Slik gjør du for å gjenopprette nyhetsfeltet på forsiden: 1. Stå i blokkfeltet på forsiden, klikk opprett ny blokk og velg Nyhetsstrøm. Opprett blokken og publiser forsiden på nytt. 2. Stå i redigeringsmodus på forsiden. I ressursfeltet, under fanen blokker, mappen For denne side finner du alle blokker som noensinne er opprettet på forsiden. Dra blokken Nyheter over til blokkfeltet på forsiden. Publiser forsiden på nytt.

60 Side Sosiale medier - Gir mulighet for å integrere skolens Facebook- og Instagramkonto på nettsiden. - Kan enten benytte både Facebokk og Instagram, eller kun benytte én av dem. Fremgangsmåte for Facebook: 1. Klikk på visning av alle egenskaper på forsiden (punktliste øverst til høyre). Velg nettsideinnstillinger. 2. Legg inn skolens Facebook-lenke i feltet Facebook lenke. 3. Stå i høyre innholdsområde på forsiden. 4. Opprett blokk. Velg sosiale medier-blokken. Facebook integreres automatisk. Fremgangsmåte for Instagram: Klikk på visning av alle egenskaper på forsiden (punktliste øverst til høyre). Velg nettsideinnstillinger. Her må du fylle ut tre felt: a. Instagram lenke (Eks: b. Instagram bruker-id c. Instagram acsess token For å finne bruker-id og acsess token: 1. Logg deg inn i Portalen i Skoleplattform Oslo som vanlig bruker 2. På Infosiden Webredaktør finner du siden "Instagram" 3. Følg instruksjonene på infosiden: Klikk på knappen Koble med Instagram og logg deg på med skolens brukernavn og passord

61 Side På skolens nettside fyller du inn "bruker-id" og "access token" under Alle egenskaper på forsiden, Nettsideinnstillinger 5. Publiser blokken Sosiale medier på forsiden hvis den ikke allerede er publisert. Instagram og Facebook vil bli liggende i samme blokk, under ulike faner Skjema - Hvit boks, med blått tittelfelt. Valgfri tittel. - 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.

62 Side Velg et skjema som allerede er laget eller opprett nytt skjema. Se opprett nytt skjema. 5. Klikk bruk. 6. Publiser blokk.

63 Side Opprett nytt skjema 1. 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.

64 Side 63 Eksempel på skjemafelt-egenskaper: - 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.

65 Side 64 Alternativknapp 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å.

66 Side Bruk av bilder Bilder fungerer som blikkfang, og skaper interesse. Ved å bruke bilder på nettsiden, kan skolene vise, snarere enn fortelle. Nyhetssaker må alltid inneholde et hovedbilde, som vises på forsiden. Du må ha tillatelse før du kan publisere bilder av elevene på nettsiden. Foresatte svarer på vegne av elever som er 15 år og yngre, mens elever fra 16 år og oppover kan svare på vegne av seg selv For å publisere bilder på nettsiden må du gjøre følgende: 1. Last bildet opp i ressursfeltet under fanen medier 2. Legge til alternativ tekst på bildet (under Rediger) a. Du vil samtidig få et varsel hvis bildet ditt er under 1140 pixler i bredden. Bildet kan da ikke benyttes på alle flater på nettsiden, pga. for liten størrelse. 3. Sett riktig fokuspunkt på bildet (under Rediger). Punktet gir nettsiden beskjed om hvilken del av bildet som alltid må være med i et utsnitt. 4. Bruk bildet i egnede bildefelt. 9.2 Bildebibliotek i ressursfeltet Alle bilder som skal benyttes på nettsiden må lastes opp i ressursfeltet under fanen medier. Du finner ressursfeltet ved å klikke på ressursfeltknappen nettsidene. øverst til høyre på Klikker du på tegnestiften blir ressursfeltet stående åpent når du jobber videre.

67 Side Mappestruktur: For alle nettsteder Bildebibliotek som hele Osloskolen kan bruke, lagt ut av UDA. Bruk bildene direkte fra mappen, eller kopier innhold fra mappen, og legg det i skolens egen mappe. Du kan ikke redigere eller slette ressurser som ligger i mappen For alle nettsteder. For dette nettstedet Dokument- og bildebibliotekområde for din skole. Her har du rettigheter til å laste opp nytt innhold, endre og slette innhold. Opprett undermapper og gi dem logiske navn, for å gjøre det enklere å finne tilbake til bilder og dokumenter. For denne side Innholdet i mappen for denne side er kun tilgjengelig på den aktuelle siden du står på. Her kan du legge bilder/dokumenter som er relevante kun for den enkelte side. I ressursfeltet finnes også en fane for blokker. Vær obs på at mappestrukturen er identisk under begge fanene: Sletter du en mappe under fanen medier, sletter du også mappen under blokker Laste opp bilder i ressursfeltet 1. Åpne mappen på PCen som du skal kopiere bildet/bildene fra. 2. Åpne mappen i ressursfeltet som du skal laste opp bildet i. 3. Dra bildet/bildene over i resursfeltet ved hjelp av dra og slipp. NB! For at bildet skal bli synlig på nettsiden, må du legge til en obligatorisk alternativtekst.

68 Side Obligatorisk alternativtekst på bilder Alle bilder som skal benyttes på nettsiden må ha en alternativtekst (ALT-tekst). Denne teksten er til hjelp for blinde og svaksynte samt de som har skrudd av bildevisningen. Andre brukere av nettsiden kan se alternativteksten ved å holde musepekeren over bildet. Alternativtekst skal beskrive kort hva man ser på bildet, for eksempel: Elever leser bok i klasserom Kari Nordmann foran Bekkelaget skole Hvis du ikke har lagt til en alternativtekst, vil brukerne se dette ikonet istedenfor bildet: Slik gjør du: 1. Klikk på kontekstmenyen til høyre på bildet i ressursfeltet. 2. Klikk rediger. 3. Skriv inn alternativtekst i feltet for alternativ tekst. 4. Klikk publiser. Du kan nå benytte bildet på nettsiden. 9.4 Gode bildestørrelser Bruk store nok bilder, minimum 1140 pixler i bredden Du bør bruke liggende (horisontale) bilder Når du tar et bilde med en mobiltelefon, er størrelsen vanligvis mellom pixler.

69 Side 68 Du trenger ikke forminske størrelsen på bildene for å unngå en "tung" nettside. Dette skjer automatisk når du bruker bildet i et bildefelt Varsel om liten bildestørrelse: Hvis du laster opp et bilde som er mindre enn 1140 pixler i bredden (anbefalt minimumsstørrelse), får du et varsel om at bildet er lite. Varselet vises når du legger til alternativ tekst og publiserer bildet. Varselet forhindrer deg ikke i å bruke bildet, men minner om at du bør bruke et større bilde. 9.5 Sette fokus i bildet (focal point) Slik gjør du: 1. I ressursfeltet (medier), klikk Rediger i menyen på det bildet du skal bruke 2. Legg til alternativ tekst på bilde, og klikk publiser hvis dette ikke er gjort allerede 3. Bildet vises med en prikk midt på bildet (se bilde nedenfor). Prikken viser hvor fokuset i bildet vil ligge. 4. Klikk på bildet og plasser prikken på det viktigste elementet i bildet, for eksempel ansiktet på personen i bildet. 5. Klikk publiser Punktet der prikken er plassert, vil være fokuset i bildet. Hvis det blir tatt et utsnitt av bildet, for eksempel til første nyhetsbilde på forsiden eller som hovedbannerbilde, vil fokusområdet alltid vises.

70 Side 69 Prikken bestemmer hvor fokuset i bildet skal være, og hva som skal vises i et ev. bildeutsnitt: Når prikken er plassert på ansiktene til elevene, er det ansiktene som er i fokus på første nyhetssak:

71 Side Legg til bilde Du kan legge til bilder i egne bildefelt, eller legge til bilder i tekst ved hjelp av knappen Sett inn bilde i verktøylinjen Hovedbilde i nyhet og artikkel: I nyhets- og artikkelmalen er det et eget felt for hovedbilde. Bilde legger seg mellom ingress og brødtekst. Bruk liggende (horisontale) bilder. Alle nyheter må ha et hovedbilde. Slik gjør du: 1. Stå i redigeringsmodus på siden du vil legge til bilde på 2. Velg et bilde i ressursfeltet (medier) 3. Merk bildet, og dra det over i hovedbildefeltet på siden 4. Publiser siden OBS! Alle bilder må ha alternativtekst for å bli synlige på nettsiden, se 9.2 Obligatorisk alternativtekst på bilder Bilder under tekst og i høyre marg: Hvis du ønsker flere bilder i en artikke eller nyhet, kan du dra og slippe bilder i blokkfeltene, som ligger under brødteksten og i høyre marg. Høydebilder vil skaleres til breddebilder. Bildeutsnittet bestemmes ut fra hvor du har plassert "fokusprikken" (Focal Point) på bildet under Rediger i ressursfeltet. Du endre rekkefølgen på bildene og ev. blokker vha. dra og slipp i blokkfeltet. Se kap. 8 Endre rekkefølgen på blokker.

72 Side Sett inn bilde i tekst Du kan sette inn bilder direkte i brødtekstfeltet ved hjelp av knappen Sett inn/rediger bilde i verktøylinjen. Bildestørrelse og plassering velger du selv.

73 Side 72 Slik gjør du: 1. Sett markøren i teksten der du ønsker bildet 2. Klikk sett inn/rediger bilde i verktøylinjen 3. Klikk bla igjennom 4. Velg innhold (bilde) fra mappene 5. Legg til bildebeskrivelse (samme som alt-tekst) 6. Klikk Sett inn, eller gjør først flere valg under fanen Utseende. Under fanen Utseende kan du velge om bildet skal plasseres til høyre eller venste for teksten, du kan forminske størrelsen påbildet eller legge til en ramme med luft rundt bildet.

74 Side 73 Justering: Vha. nedtrekksmenyen kan du velge om bildet skal plasseres til høyre eller venstre for teksten. De andre valgene kan ikke benyttes (det skjer ingenting). Vertikal og horisontal avstand: Legg til en ramme med luft rundt bildet, slik at det blir avstand mellom bildet og teksten. Skriv inn "4" i ruten for vertikal avstand og i ruten for horisontal avstand. Da blir avstanden passe stor. Dimensjoner: Du kan forminske størrelsen på bildet som vises i teksten, ved enten å justere ned tallet for høyde, eller for bredde. Du kan ikke justere størrelsen opp, da blir bildet uskarpt Legg til hovedbannerbilde Du finner feltet for hovedbanner øverst på forsiden. Hovedbannerbildet fungerer som blikkfang, og gir mulighet til å profilere skolen. Slik gjør du: 1. Dra og slipp et bilde fra ressursfeltet over i feltet Banner 2. Publiser forsiden på nytt

75 Side 74 Bildet tilpasser seg feltet automatisk. Bruk et bilde som er 1140 pixler, eller større, i bredden. Bildeutsnittet bestemmes ut fra hvor du har plassert "fokusprikken" (Focal Point) på bildet (under Rediger i ressursfeltet):

76 Side 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 ferdige bildefilen kan enten lagres som en kopi eller erstatte den opprinnelige filen. Du får tilgang til bilderedigeringsprogrammet på følgende måter: - I ressursfeltet (medier): I menyen på bildet, klikk på knappen Åpne i bilderedigeringsprogrammet - Fra verktøylinjen i et tekstfelt: Marker bildet i teksten som du ønsker å redigere, klikk på knappen Bilderedigeringsprogram Hvis bildet er for stort til å håndtere i redigeringsruten (zoom) Hvis du skal redigere et ekstra stort bilde (f.eks. 5000*3500) vil kun deler av bildet bli synlig i redigeringsruten. Du bør derfor zoome ned, og så forminske størrelsen.

77 Side Endre zoom fra 100 prosent til f.eks. 25 prosent. 2. 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 Endre størrelse Du kan enten endre bildestørrelse ved hjelp av de predefinerte størrelsene i nedtrekksmenyen, eller ved å skrive inn den nye bildstørrelsen manuelt. Du kan kun endre til en bildestørrelse som er mindre enn originalen, det er ikke mulig å øke størrelsen uten å ødelegge kvaliteten på bildet. Når du endrer størrelsen ved hjelp av predefinerte bildestørrelser, vil EPiServer enten velge å følge breddestørrelse eller høyden. Dette for å beholde proporsjonene på bildet. Fordi det er bredden på bilder som er viktigst på vår nettside, anbefales det at du skriver inn bredden manuelt (for eksempel 1000) fremfor å benytte de predefinerte bildestørrelsene.

78 Side Beskjær bilde Hvis du ønsker å lage et utsnitt av et bilde, kan du bruke egenskapen Beskjær. Du kan beskjære et bilde enten ved hjelp av de predefinerte størrelsene i nedtrekksmenyen, eller ved å skrive inn den nye bildstørrelsen manuelt. 1. Klikk på beskjær. 2. Bruk en predefinert bildestørrelse eller skriv inn bredden manuelt. Behold proporsjonene. 3. Plasser utklippsruten over ønsket utsnitt. 4. Klikk bruk. 5. Lagre enten som kopi eller erstatt originalbildet.

79 Side Film Du kan legge til (embedde) en video fra YouTube eller andre strømmetjenester på nettsiden Legg til film på nettsiden Filmen kan plasseres direkte i en artikkel eller nyhet, eller i en faktaboks med blått tittelfelt. Hvis den skal ligge på forsiden, må du benytte en faktaboks. Fremgangsmåte: 1. I verktøylinjen: Klikk på sett inn/rediger objekt. 2. Velg type: iframe. 3. Lim inn videoens URL. 4. Klikk sett inn. 5. Bruk nettleseren Chrome eller Firefox for å sjekke at filmen er kommet til syne på nettsiden. Obs! I redigeringsfeltet inne i EPiServer vil videoen være «usynlig», og kun vises med en rute i tekstfeltet.