Innholdsfortegnelse 1. Introduksjon... 2 1.1 Om brukermanualen... 2 1.2 Roller... 2 2. Komme i gang... 3 2.1 Logge på... 3 2.2 Hvordan navigere i EPiServer... 3 3. Arbeide i redigeringsvisning... 8 3.1 Enkel redigeringsvisning... 8 3.2 Alle egenskaper... 9 3.3 Alle egenskaper på forsiden... 15 4. Lagre, forhåndsvise og publisere innhold... 16 4.1 Lagring... 16 4.2 Forhåndsvisning... 16 4.3 Publisering... 17 5. Innhold: Forside... 19 6. Innhold: Sider... 20 6.1 Opprett side... 20 6.2 Opprett kalenderhendelse... 22 6.3 Kontakt oss... 22 6.4 Søkeside... 24 6.5 Nyhetsarkiv... 24 7. Innhold: Blokker... 26 7.1 Opprett blokk... 26 7.2 Beskrivelse og bruk av de ulike blokkene... 29 8. Bruke riktekstredigeringsprogrammet... 40 8.1 Formatere tekst... 42 8.2 Opprette koblinger... 43 8.3 Opprette anker... 44 9. Bilder... 45 9.1 Gode bildestørrelser... 45 9.2 Legg til bilde... 45 9.3 Redigere bilde... 46 10. Video... 52 11. Ukeplaner... 53
Versjonsnr. 1.3 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: http://world.episerver.com/globalassets/documents/manuals/episervercms/7.5/episerver-7.5-cms-user-guide-for-editors-print-in-norwegian.pdf 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. 1.2 Roller Det er ulike rettigheter tilknyttet de rollene som logger seg på EPiServer. 1.2.1 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. 1.2.2 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.
Versjonsnr. 1.3 Side 3 2. Komme i gang 2.1 Logge på For å logge på EPiServer gjør du følgende: 1. Åpne webleseren, skriv inn skolens adresse (URL)/episerver Eksempel: https://kjelsas.osloskolen.no/episerver https://elvebakken.vgs.no/episerver 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. 2.2.1 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.
Versjonsnr. 1.3 Side 4 Containerne utgjør menypunkter i megamenyen på nettsiden. Under containerne kan du opprette innholdssider. Når du publiserer en side/ container, opprettes den automatisk i menystrukturen. Begrens menystrukturen til tre nivåer. Det er mulig å opprette containere og sider som ikke er synlige i menystrukturen. Se alle egenskaper (vis i navigasjon). 2.2.1.1 Symboler i trestrukturen Følgende symboer kan komme til syne i sidetresturen ved siden av en container eller en side: 2.2.1.2 Ordne siderekkefølgen i menyene Containerne og sidene sorteres i sidetrestrukturen etter en valgt sorteringsrekkefølge. Som standard plasseres den siden som ble opprettet sist, øverst i strukturen. Det finnes også andre sorteringsmuligheter, som alfabetisk eller etter sorteringsindeks. Se alle egenskaper (innstillinger). Alle sider som ligger direkte under en overordnet side (i en container), er underordnet den siden, og kan sorteres innbyrdes. For manuelt å bytte rekkefølge på containere/ sider i strukturen trekker du siden fra nåværende plassering over til ønsket plassering (f.eks. over eller under en annen container/side). Valgt plassering merkes da grønn. 2.2.1.3 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
Versjonsnr. 1.3 Side 5 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. 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. 2. Klikk for å åpne hver side slik at du kan fjerne koblingene til innholdet du ønsker å fjerne. 3. Når du er ferdig, klikker du på flytt til papirkurven likevel for å bekrefte fjerningen. Obs! Hvis du flytter en side til papirkurven uten å fjerne koblingene fra innholdet som er oppført i dialogboksen, vil det bryte koblingene på nettsiden. 2.2.1.4 Håndtere innhold i papirkurven 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 og deretter vis papirkurv. Du får da opp en liste over papirkurvens innhold. 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.
Versjonsnr. 1.3 Side 6 2.2.2 Ressursfelt: Bibliotek for blokker og medier Ressursfeltet er et bibliotek for oppbevaring av medieinnhold (f.eks. bilder og filer) og blokker. Alle bilder osv. som skal publiseres på nettsiden, må legges her. Du finner ressursfeltet ved å klikke på ressursfeltknappen Klikker du på feltfesteknappen (tegnestiften) du jobber videre på nettsiden. til høyre på nettsidene. blir ressursfeltet stående åpent, selv om I ressursfeltet finnes én fane for oppbevaring av blokker og én for oppbevaring av medier. 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. Den enkelte skole kan ikke laste opp ressurser i denne mappen. For dette nettstedet Dette er bibliotekområdet for din skole. Her kan du opprette mapper for å systematisere innholdet på nettsiden. For denne side Her kan du legge bilder og filer som er spesifikke for den enkelte side. Blokker som opprettes direkte på en side legges automatisk her. 2.2.2.1 Hente inn medier til ressursfeltet 1. Åpne mappen på PCen som du skal kopiere bildet fra eller filen fra. 2. Åpne den aktuelle mappen i ressursfeltet. 3. Dra bildet eller filen over i den nederste delen av resursfeltet ved hjelp av dra og slipp. OBS! Alle bilder må ha en alternativtekst for å bli synlige på nettsiden, se 2.2.2.2. Alternativtekst. For mer om håndtering av blokker, se opprett blokk. For mer om bilderedigering, se redigere bilde.
Versjonsnr. 1.3 Side 7 2.2.2.2 Alternativtekst Alle bilder som skal benyttes på nettstedet må ha en alternativtekst (ALT-tekst). Denne teksten er til hjelp for blinde og svaksynte, som får teksten opplest istedenfor å se bildet. For å legge til alternativtekst: 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 beskrivende alternativtekst i feltet for alternativ tekst. 5. Klikk publiser. Du kan nå benytte bildet på nettsiden. Bruk sidetreet eller klikk tilbake for å arbeide videre.
Versjonsnr. 1.3 Side 8 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 trestrukturen i navigasjonsfeltet. 2. Flytt musepekeren over den delen av innholdet du ønsker å redigere. Klikk deretter på 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.
Versjonsnr. 1.3 Side 9 3.2 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. 3.2.1 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 til siden din, og 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 3. (Skriv inn et nytt URL-navn) 4. Publiser
Versjonsnr. 1.3 Side 10 Hvis du kun fjerner URL-en og ikke skriver inn et nytt forslag, vil EPiServer opprette en ny URL basert på sidens navn. 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 man avhengig av en kortest mulig URL. Enkel adresse lar deg opprette en kobling slik at brukerne når siden via en kortere URL - 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 sidens plassering i menyen «usynlig» for brukerne. Siden vil imidlertid fortsatt være synlig i sidetreet ditt. Denne funksjonen er egnet for f.eks. svarside til skjemaer eller andre sider som ikke skal være synlige i menyer, men som i stedet åpnes via koblinger fra andre sider. Håndtere utløp og arkivering Normalt utløper sider aldri, men hvis du ønsker at siden skal utløpe på en bestemt dato og et bestemt klokkeslett, velger du håndter utløp og arkivering via verktøyknappen. Her kan du også velge mappe for hvor du vil arkivere siden.
Versjonsnr. 1.3 Side 11 3.2.2 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.
Versjonsnr. 1.3 Side 12 3.2.3 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.
Versjonsnr. 1.3 Side 13 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. 3.2.4 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 Dette alternativet velges som standard, men du kan fjerne haken hvis du ikke ønsker at datoen skal vises for når innholdet sist ble oppdatert. Sorter undersider Sorteringsrekkefølgen angir hvordan sidene skal sorteres i menyene. Når du velger en sorteringsrekkefølge, kontrollerer du rekkefølgen av alle undersider til siden du redigerer.
Versjonsnr. 1.3 Side 14 Her kan du velge mellom å sortere etter når sidene er opprettet, endret eller publisert, med synkende eller stigende rekkefølge. Du kan også velge å sortere i alfabetisk rekkefølge eller etter sorteringsindeksen du har angitt. Sorteringsindeks Hvis du har valgt etter sorteringsindeks som sorteringsrekkefølge på en side, må du tilordne alle undersidene et tall - en indeks - slik at systemet forstår rekkefølgen som sidene skal ligge i. Siden med det laveste nummeret sorteres slik at det kommer øverst i menyen. Standardtallet for alle sidene er normalt 100. Hvis du oppretter en side som du ønsker å plassere før andre sider i menyen, må du tildele denne siden et lavere nummer enn 100, for eksempel 90. Hvis du ønsker å sortere den etter andre sider, gi den et tall høyere enn 100, for eksempel 110. Det er alltid en god idé å arbeide med minst to eller tre sifre i tilfellet du skulle ønske å sette inn en side mellom to andre i fremtiden. Dermed kan du enkelt gjøre det uten at du trenger å endre sorteringsindeksen for alle sidene. Husk, sorteringsindeksen brukes bare når du har valgt etter sorteringsindeks under sorter undersider på den overordnede siden. Snarvei Med en snarvei kan du opprette ulike typer koblinger 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. Du kan også få snarveier til å hente data fra andre sider på det samme området. Med dette alternativet vil brukeren forbli på samme gren i sidetreet. Ingen snarvei angis som standard, men hvis du ønsker en annen type kobling, klikker du håndter. Skjul header Huk av hvis du skal skjule headeren på en side, dvs. megamenyen, logoen øverst til venstre, søk osv. Skjul footer Huk av hvis du skal skjule footeren på en side, dvs. Om oss, Kontaktinformasjon og Følg oss (påmelding til nyhetsbrev). ExtraMenuInformation Teksten du skriver inn i dette feltet blir synlig under sidenavnet i megamenyen. Hold teksten kort.
Versjonsnr. 1.3 Side 15 3.3 Alle egenskaper på forsiden Under alle egenskaper på forsiden, har du også 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.
Versjonsnr. 1.3 Side 16 4. 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å øverst til venstre 2. Velg deretter 3. Du kan nå vise med oppløsningen til ipad, iphone eller en Android-telefon.
Versjonsnr. 1.3 Side 17 4.3 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.
Versjonsnr. 1.3 Side 18 4.3.1 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. 4.3.2 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.
Versjonsnr. 1.3 Side 19 5. Innhold: Forside Forsiden er bygget opp av et sett faste elementer, se bildet nedenfor. I tillegg kan du tilpasse siden slik at den passer din skole. Bruk blokker for å bygge opp siden med relevant informasjon. Det er mulig å velge bort hovedbanneret hvis du vil ha nyhetsfeltet høyrere opp på siden. Du kan også velge å plassere et kampanjefelt ovenfor nyhetsfeltet, hvis det er et arrangement eller en kampanje som er viktig å fronte i en tidsperiode. Du kan enten redigere innholdet på forsiden direkte i enkel redigeringsmodus eller benytte alle egenskaper.
Versjonsnr. 1.3 Side 20 6. Innhold: Sider Innhold kan være sider eller blokker. 6.1 Opprett side 1. Velg plassering for ny side i sidestrukturen. 2. Klikk ny side i kontekstmenyen. Når du oppretter en ny side, må du velge sidetype. Skal du plassere siden i nyhetsfeltet på forsiden (og i nyhetsarkivet), velg nyhet. For andre sider velg artikkel. For kalenderhendelse, se opprett kalenderhendelse.
Versjonsnr. 1.3 Side 21 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.
Versjonsnr. 1.3 Side 22 6.2 Opprett kalenderhendelse Kalenderen «feedes» med hendelser angående ferie og fridager fra UDA. For å opprette egne kalenderhendelser, gjør du følgende: 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. 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). 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. Klikk direkte på feltene i enkel redigeringsmodus eller velg visning av alle egenskaper. 6.3.1 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.
Versjonsnr. 1.3 Side 23 6.3.1.1 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. Skolens bredde- og lengdegrad finner du for eksempel i URLen på www.google.com/maps 1. Skriv inn skolens adresse, klikk søk. 2. I eksempelet er breddegraden 59.96556, mens lengdegraden er 10.785285,17.
Versjonsnr. 1.3 Side 24 6.4 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. 6.5 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.
Versjonsnr. 1.3 Side 25
Versjonsnr. 1.3 Side 26 7. Innhold: Blokker Blokker er fleksible innholdsfelt som kan benyttes på alle sidetyper - i egne innholdsområder. På forsiden er det blokkene som er byggeklossene, og som gir siden innhold. Du kan legge til flere blokker i det samme innholdsfeltet, enten under hverandre eller ved siden av hverandre. En grønn ramme vil 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 Blokker lagres/oppbevares i kategorien blokker i ressursfeltet. Du kan enten opprette blokker direkte i innholdsområdet på en side, eller opprette blokken i ressursfeltet og deretter dra og slippe den på rett plassering. Fordelen med å opprette blokken i ressursfeltet er at den kan gjenbrukes på flere sider. 7.1.1 Opprett blokk direkte fra et innholdsområde På en nyhetsside og artikkelside ligger innholdsområdet 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å. 5. Blokken er nå publisert og tilgjengelig på siden. Blokken lagres automatisk i ressursfeltet (blokker) under for denne side. Når du oppretter en blokk og klikker tilbake, går du tilbake til siden du jobbet på tidligere. 7.1.2 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.
Versjonsnr. 1.3 Side 27 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. 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å. Allerede opprettede blokker kan også legges til i et riktekstredigeringsprogram (brødtekst) ved hjelp av dra og slipp. 7.1.3 Vise blokker i ulike størrelser Du kan velge to ulike visningsalternativer for blokker, «full» og «halv» størrelse. Eller du kan la visningen bli stående på «automatisk». Da vil EPiServer velge det alternativet som innehar samme bredde som området du setter blokken inn i. Ved bruk av halv størrelse kan du sette to blokker ved siden av hverandre.
Versjonsnr. 1.3 Side 28 7.1.4 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. To visninger av blokken (full og halv) kommer til syne. 2. Rediger enten direkte i redigeringsmodus eller bruk alle egenskaper. 3. Publiser blokken. 4. Publiser siden blokken er plassert på. For å komme tilbake til siden du jobbet på, klikk tilbake. 7.1.5 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. 7.1.6 Flytte, kopiere og fjerne blokker Du flytter, kopierer og fjerner blokker på samme måte som annet innhold, ved bruk av kontekstmenyen. 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.
Versjonsnr. 1.3 Side 29 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 Du har tilgang til følgende blokker: 7.2.1 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. 7.2.2 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.
Versjonsnr. 1.3 Side 30 7.2.3 Faktaboks tom - 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. 7.2.4 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.
Versjonsnr. 1.3 Side 31 7.2.5 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 dokumenter til en egnet mappe ressursfeltet (medier) 2. Velg blokken dokumentliste. 3. Dra og slipp dokumenter fra ressursfeltet inn i feltet "du kan slippe innhold her". 4. Opprett blokk og publiser siden du står på.
Versjonsnr. 1.3 Side 32 7.2.6 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. Fremgangsmåte: 1. Velg blokken relevante lenker. 2. Dra og slipp sider fra sidetreet inn i lenkesamlingsfeltet for å opprette interne koblinger. Bruk opprett ny kobling for å opprette ekstern kobling. Se opprett kobling. 3. Opprett blokken og publiser siden du står på.
Versjonsnr. 1.3 Side 33 7.2.7 Kampanjefelt - 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. Velg mellom header-bilde eller header-tekst. (Grått tekstfelt i eksempel). 2. Legg inn hovedbilde i kampanjebilde-feltet. 3. Fyll inn kampanjetekst. Hold teksten kort. 4. Koble opp eventuell lenke. 5. Opprett og publiser.
Versjonsnr. 1.3 Side 34 7.2.8 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 første hendelsene i kalenderen. 7.2.9 Aktuelt fra Osloskolen - Hvit boks med blått tittelfelt. - Fast plass i høyre innholdsområde på forsiden. - "Feeder" aktuelle saker fra.
Versjonsnr. 1.3 Side 35 7.2.10 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 kommer i oppdatert utgave av brukemanualen. 7.2.11 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.
Versjonsnr. 1.3 Side 36 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. 4. Velg et skjema som allerede er laget eller opprett nytt skjema. Se opprett nytt skjema. 5. Klikk bruk. 6. Publiser blokk.
Versjonsnr. 1.3 Side 37 7.2.11.1 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.
Versjonsnr. 1.3 Side 38 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.
Versjonsnr. 1.3 Side 39 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å.
Versjonsnr. 1.3 Side 40 8. 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. 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.
Versjonsnr. 1.3 Side 41 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. 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.
Versjonsnr. 1.3 Side 42 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.
Versjonsnr. 1.3 Side 43 8.2 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, for eksempel en PDF. 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. www.oslo.kommune.no. Anker
Versjonsnr. 1.3 Side 44 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.
Versjonsnr. 1.3 Side 45 9. 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. Hovedbanner på forsiden: 1 140*287 Hovedbilde for nyhet og artikkel: 722*220 (opptil 1000*) Bred visning av nyhet på forside: 748*220 Bred kampanje: 748*400 Smal kampanje: 358*400 9.2 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. 9.2.1 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. OBS! Alle bilder må ha alternativtekst for å bli synlige på nettsiden, se 2.2.2.2. Alternativtekst.
Versjonsnr. 1.3 Side 46 9.2.2 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.
Versjonsnr. 1.3 Side 47 Du får tilgang til bilderedigeringsprogrammet på følgende måter: - Fra kategorien medier i ressursfeltet. - Fra riktekstredigeringsprogrammet (verktøylinjen). 9.3.1 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.
Versjonsnr. 1.3 Side 48 9.3.2 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. 9.3.3 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: 1. Klikk på endre størrelse. Velg en bredde som er om lag 1000* (behold proporsjonene). Klikk bruk.
Versjonsnr. 1.3 Side 49 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.
Versjonsnr. 1.3 Side 50 9.3.4 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 PageImageWide.
Versjonsnr. 1.3 Side 51 4. Legg inn egnet utsnitt. Dette vil kun vil bli synlig i visningen bred nyhet på forsiden. 9.3.4.1 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 PageImageWide. 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.
Versjonsnr. 1.3 Side 52 10. Video Du kan legge inn (embedde) en video fra YouTube eller andre strømmetjenester på nettsiden. Plasser videoen enten i riktekstredigeringsfeltet på en side eller i en tom faktaboks. 1. Klikk sett inn/rediger objekt i verktøylinjen. 2. Velg type iframe. 3. Lim inn videoens URL. Obs! Jobber du i Windows må du manuelt sette inn en s etter http. 4. Klikk sett inn. 5. Klikk utenfor feltet du jobber i, videoen blir da synlig. 6. Publiser. Klikker du inn igjen i feltet der videoen er plassert blir den «usynlig». Den er fortsatt synlig for brukerne på nettsiden.
Versjonsnr. 1.3 Side 53 11. Ukeplaner Du kan koble opp ukeplaner fra Onedrive (Office 365) slik at de blir tilgjengelige via megamenyen. 11.1.1 Opprette ukeplaner 1. Opprett en artikkelside på ønsket plassering. 2. Velg visning via alle egenskaper. 3. Klikk håndter snarvei. 1. Velg snarvei til en side på annet nettsted. 2. Åpne koblingen i et nytt vindu.
Versjonsnr. 1.3 Side 54 3. Legg inn lenke til ukeplanenes plassering i Onedrive. 4. Klikk lagre. 5. Snarvei til ukeplan er opprettet når symbolet for snarvei vises på siden for ukeplan i sidetreet.
Strømsveien 102 Pb 6127 Etterstad, 0602 Oslo Tlf: 02 180 Faks: 22 65 79 71 https://www.oslo.kommune.no/skole-og-utdanning/ skoleplattform@ude.oslo.kommune.no