Innlogging. A2N Publish

Transkript

1 Innlogging For å logge inn til administrasjonssidene skriver du inn /admin etter webadressen på deres egen side, for eksempel og trykk enter I boksen som kommer opp skriver du inn brukernavnet og passordet som du har fått oppgitt av oss. Ved bruk av korrekt brukernavn og passord kommer du deg inn på Administrasjonssidene (A2N Publish) A2N Publish Inne på A2N Publish velger du blant de forskjellige verktøyene som finnes i din webløsning. Merk at dette vil variere fra kunde til kunde, se derfor kun på forklaringen til de som finnes i din løsning. 0

2 Standard valg inne på A2N Publish er: Site Settings, Side/Artikkel, Flytt Side/Artikkel, Statistikk, og Front End. Alle andre valg som Nyhetsbrev, Skjemabygger, Jobb hos, etc, er tilvalg som kanskje ikke finnes din webløsning. Site Settings Dette valget har generelle innstillinger og skal kun benyttes av Assist2net, så fremt ikke annet er spesifisert /avtalt med kunde Side/Artikkel klikk her for å redigere eksisterende sider eller artikler / legge til nye undersider eller artikler Flytt Side/Artikkel klikk her for å redigere eksisterende sider eller artikler / legge til nye undersider eller artikler Statistikk klikk her for visning av statistikk (besøkstall etc) for websiden din (du har fått eget brukernavn og passord for dette) 1

3 Front End klikk her for å åpne et eget vindu for visning av websiden din (ingen videre forklaring nødvendig) Side/Artikkel Hovedkategorier og mappestruktur Etter å ha klikket på valget Side/Artikkel vil det neste skjermbildet kunne variere noe avhengig av om du har en webside for ett eller flere språk. En webside med flere språk vil ha språkene som hovedkategorier. En side med tre hovedkategorier En side med flere språk (hovedsidene/kategoriene ligger da under det enkelte språk) 1. Hovedkategorier Trykk på Hovedkategorier for å gå til øverste nivå i sidens mappestruktur. Dette benyttes når man er dypere inn i mappestrukturen og vil tilbake til øverste nivå slik som vist i bilde over. 2. Hovedkategorier hovedmeny Hver enkelt mappe representerer et valg i hovedmenyen (i dette eksempelet består websiden av 3 hovedsider) 3. Legg til ny side Klikk på denne for å legge til en ny side/kategori på samme nivå 4. Piler endre rekkefølge av hovedmeny NB! Dette gjelder kun sider hvor det er lagt opp til dynamisk hovedmeny 2

4 Samme funksjonalitet finnes lengre ned i mappestrukturen, her er kan rekkefølgen endres uavhengig av om det er dynamisk hovedmeny eller ikke. 5. Redigere Dette er ikonet for å redigere innhold, enten det er en side, artikkel, produkt etc som skal redigeres. 6. Slette Dette er ikonet for å slette en side, artikkel, eller produkt. NB! Vanligvis er ikke slett funksjonen tilgjengelig på øverste nivå (hovedmeny). Illustrasjonsbildet over er fra en side med dynamisk hovedmeny, det er derfor mulig å slette hovedkategorier (men ikke selve forsiden (hjem)). 7. Snarveier Til høyre vises ikoner for funksjonaliteten som finnes i din webløsning (dette varierer), disse er klikkbare snarveier til funksjonene. Legge til eller redigere en side Her går vi gjennom hver seksjon i A2N Publish (hver seksjon har egen overskrift i et oransje felt). Side oppdatering / legg til ny side Overordnet side: Viser hva som overordnet side/kategori til den siden eller artikkelen du er i ferd med å lage / eller redigere. Side navn: Her navngir man siden, det er dette navnet som benyttes i som link/knapp i menyen på siden, og som vises i navigasjonssti (og som nyhet eller midtvisning dersom man benytter denne funksjonen) Vis innhold: Her velger man om siden skal være tilgjengelig for brukerne. Ved å velge Nei, lagres 3

5 siden som en kladd og vil ikke være tilgjengelig på siden. NB! Undersider av en side som er satt inaktiv, vil heller ikke vises, og man kan ikke legge til undersider av en inaktiv side. Aktiv fra aktiv til: Datostyring av siden, benyttes dersom siden skal være aktiv innenfor en bestemt periode. Dato velges ved å klikke i feltet, da dukker en kalender/datovelger opp. Dato fjernes ved å klikke på symbolet med to piler (som ligger til høyre for datofeltet) Vis innhold må være satt til ja Moduler For de av løsningen som har bildegalleri og/eller skjemabygger, velger man fra rullgardinen bildegalleriet eller skjemaet som skal publiseres på siden. Mer om dette i egne vedlegg for de som har denne funksjonaliteten. Søkemotoroptimalisering og overskrift Tittel: vises i tittelfeltet øverst på websiden (vinduet), i fanene på nyere versjoner av nettleserne, og nederst på arbeidslinjen. Eksempel: Tittel felt (øverst) I fane (i dette eksempelet vises også vg.no i en fane) 4

6 Arbeidslinjen: Det er viktig å benytte Tittel feltet av to grunner; - brukervennlighet (brukere som har mange applikasjon åpne samtidig, finner lettere tilbake til din side (som i eksempelet på arbeidslinje over). - Synlighet, tittelen fanges opp av søkemotorer og hjelper å synliggjøre siden for det søkeordet / den søkefrasen som er benyttet i tittel feltet (må ikke være for lang). Beskrivelse: kort beskrivelse av innholdet på siden, vises i søkemotor (for eksempel. Google) Eksempel: Den øverste linjen (Tannlege Oslo - Tannlege Erik Svendsrud i Oslo) er det som er lagt inn i Tittel feltet for denne kunden. De neste to linjene er Beskrivelse. Google henter ofte på egenhånd et utdrag fra websiden og benytter dette som beskrivelse, så det er ikke noen krise om dette feltet ikke benyttes. For de som søkemotoroptimalisering er viktig, bør det likevel benyttes for å påvirke søkemotoren. Søkeord: blir ikke synlig noe sted, verken på websiden, eller i søkeresultat i søkemotorer, men bør likevel benyttes sammen med tittel og beskrivelese for å forsterke fokus på ordet eller frasen som skal være synlig. 5

7 Overskrift: Det man skriver her, blir benyttet som overskrift på den siden. Font, farge og størrelse er forhåndsdefinert i designet (og vil variere for den enkelte kunde). Eksempel: (Allergi) Overskriften er også en viktig faktor for søkemotoren. Generelt om feltene i seksjonen Søkemotoroptimalisering : Fokuser kun på en søkefrase pr side, for eksempel: tannlege oslo. Disse ordene bør da gå igjen i alle feltene i seksjonen Søkemotoroptimalisering. Legg til topp banner bilde: Noen av våre kunder har funksjonalitet for å bytte ut toppbanneren, dette gjøres da ved å laste opp en egen toppbanner til den siden man redigerer. Disse sidene lages ofte slik at dersom man ikke legger inn en toppbanner for siden, vil siden arve toppbanneren som er benyttet på siden i nivået over. Hvis man ikke ønsker å benytte toppbanner på en side, velger man nei under Vis banner ja/nei Innhold til siden: 6

8 Legger man inn innholdet som skal presenteres på siden (dette kan være tekst, bilder, linker etc, mer om dette senere): HTML programmering (for avanserte brukere): Nederst til venstre finnes knapper for å bytte fra design view til html view (hvis du ikke vet hva dette betyr, ikke benytt denne funksjonen). Nederst, under innholdsfeltet, finner man følgende knapper: Avanserte innstillinger: Klikk for visning av avanserte innstillinger (scroll nedover for visning av disse). Avbryt: arbeidet avbrytes, lagres ikke Forhåndsvising: Klikk for en forhåndsvinsing av det du jobber med Lagre: klikk for å mellomlagre arbeidet Lagre og Lukk: Lagre og lukk Avanserte innstillinger: Tekst i venstre felt, tekst i høyre felt og Templates (layout maler) 7

9 Tekst i venstre felt Publiser innhold som skal vises i venstre kant (vises under undermenyene). Fungerer på alle sider i løsningen (utenom forsiden dersom denne har en egen layout uten undermeny i venstrekant) Teksten som publiseres i feltet gjelder kun for den enkelte side og vil ikke vises i venstrekant på alle sider. Man kan også publisere linker og bilder etc her, men bildene må være mindre (smalere) enn selve venstre felt på siden. Tekst i høyre felt Publiser innhold som skal vises i høyre kant. Kan kun benyttes sammen med Template 2 eller Template 3. Teksten som publiseres i feltet gjelder kun for den enkelte side og vil ikke vises i høyrekant på alle sider. Man kan også publisere linker og bilder etc her, men bildene må være mindre (smalere) enn selve høyre felt på siden. Templates: Valg av forskjellige Layout maler (templates). Template 1: innholdsfeltet blir bredere og siden har ikke høyre kant til Aktuelt/Nyheter Template 2: Feltet Tekst i høyre felt blir tilgjengelig (se over for beskrivelse). Template 3: Tillater visning av Aktuelt/Nyheter. Alle sider/artikler/produkter i systemet som er satt til å vises i høyre felt vil vises (på alle sider i systemet som benytter Template 3). I 8

10 tillegg vil det på den enkelte side vises innholdet som er publisert i feltet Tekst i høyre felt dersom dette er benyttet. Vis venstrekant (ja/nei): Tillater fjerning av venstrekant på den enkelte side Visning i høyre felt: Aktiv fra og Aktiv til: Datostyring av visning i høyre felt Aktiv i Høyrefelt: avgjør hvorvidt siden som redigeres skal vises i høyrefelt (aktuelt/nyheter) på alle sider som benytter Template 3 Sortering i høyrefelt: Benytt nummer, siden/artikkelen/produktet med det høyeste nummeret vises øverst, bruk for eksempel. 100, 90, 80 osv., da har man muligheten til å legge inn sider i mellom senere (på nr 99 etc) Vise ingress i høyrefelt: man kan velge å vise siden eller artikkelen til høyre, men uten å vise ingressen til høyre. Høyre ingress: Her kan legge inn en unik ingress til bruk i høyrefelt (dersom denne er tom benyttes ingressen fra Standard Midtsideingress, se under) Ingressbilde: her laster man opp bilde for bruk i høyrekant (ikke alle sider har denne funksjonen) Alternativer for midtsideboks (Visning I midten) Midtsideboks benyttes til å hente sider/artikler/produkter som ligger lengre ned i 9

11 sidestrukturen, disse kan hentes frem til forsiden eller til overordnet side. De vises da med et lite bilde (Midtsidebilde) og en kort tekst (Midtsideingress). Midtsidebildet kan skippes. Et eksempel: I grønt; navnet på siden/artikkelen/produktet. Midtsidebilde er vist til venstre, til høyre er midtsideingressen (kort beskrivende tekst). Vis midtsideboks fra og Vis midtsideboks til - Datostyring av visning i midten Vis midtsideboks: Forsiden: velges denne listes siden i midten kun på forsiden Vis i midten: velges denne listes siden i midten kun på overordnet side Begge: velges denne listes siden i midten både i på forside og overordnet side Nei: siden vises ikke i midten Sortering i midten: Sorter rekkefølgen på visningene i midten. Benytt nummer, siden/artikkelen/produktet med det høyeste nummeret vises øverst, bruk for eksempel. 100, 90, 80 osv., da har man muligheten til å legge inn sider i mellom senere (på nr 99 etc) (på overordnet side er rekkefølgen samme som i undermenyen til venstre, dersom ikke dette overstyres ved bruk av nummer i Sortering i midten ) Standard Midtsideingress: I dette feltet legger man standard ingressen for en side/artikkel/produkt. (benyttes til Standard Midtsidebilde: Her laster man opp standard midtside bilde Vis bilde ja/nei: Velger om bildet skal vises eller ikke Forside Midtsideingress: Brukes dersom man ønsker å benytte en annen ingress for visningen på forsiden enn den som vises på overordnet side Forside Midtsidebilde: Brukes dersom man ønsker å benytte et annet bilde for visningen på forsiden enn det som vises på overordnet side Vis bilde ja/nei: Velger om bildet skal vises eller ikke 10

12 Eksempel på opprettelse av en side Vi skal i dette eksempelet opprette en side som skal bli en underside under Om oss i hovedmenyen. Vi skal etter hvert benytte oss av alle innstillingene for den nye siden vi lager, alt fra datostyring av midtsidevisning til å lagre en kladd. Vi tar det steg for steg. Du kan begynne med å logge deg inn, klikk på Side/Artikkel som lar deg redigere eksisterende sider/artikler/produkter eller legge til nye sider/artikler/produkter. Du bør da se mappene for hovedsidene i webløsningen din; antall mapper og navn vil variere (se bildet under): Klikk på Omoss (eller en annen kategori du ønsker å legge den nye siden under) Skjermbildet vil da se ut omtrent som bildet under For å lage en ny side klikker du på: Legg til ny side. Legg inn følgende: 11

13 1. I feltet for Side navn skriver vi: Demo Side. 2. Under Søkemotoroptimalisering, i feltet Tittel, skriver vi Demo Side. 3. Under Innhold til siden, i feltet Overskrift, skriver vi Demo Side. 4. I selve innholdsfeltet limer vi inn noen paragrafer med eksempel tekst fra et word dokument eller annen nettside Viktig, høyreklikk og benytt funksjonen Paste Plain Text (Lim inn ren tekst). Dette fjerner alle koder og informasjon fra kilden Skjermen din skal da se omtrent slik ut (se neste bilde): gå så ned og klikk på knappen Lagre og Lukk, dette lagrer siden og du skal nå se et skjermbilde som ser slik ut: 12

14 Som du ser har vi nå laget en ny mappe (side) under hovedkategorien Omoss For å se på det vi har laget kan du trykke på Front End det gjør at nettsiden åpner seg i et nytt vindu. Resultat: Legg merke til at formatering av overskriften og teksten i innholdsfeltet går automatisk. Dette er programmert inn i løsningen (CSS) ut i fra det som ble skissert i designskissene. Altså, så lenge man limer inn tekst fra andre kilder (word, webside, etc) og benytter Lim inn ren tekst så vil systemet formatere font, farge, str, etter slik som skissene var. Navnet på side (Demoside); blir vist som et undermenyvalg av Om oss, på venstre side. I tillegg vises navet i navigasjonsstien over innholdet (Forsiden > Omoss > Demo side). Redigering av eksisterende side Nå skal vi gå tilbake og redigere innhold til siden samt se nærmere på noen av feltene. 13

15 Trykk på redigeringsknappen for å jobbe videre med siden Demo side (når du peker på Redigeringsknappen kommer hjelpeteksten edit tilsyne): Sette en side inaktiv (som en kladd): Hvis vi ønsker at siden ikke skal bære tilgjengelig mens vi jobber med den, lagrer vi først siden som inaktiv, dette gjøres ved å velge Nei for valget Vis innhold og lagrer. I administrasjonen vises siden i grått for å indikere at den er inaktiv: På nettsiden, er valget Demo side ikke lengre tilgjengelig for brukerne: 14

16 Sette inn et bilde i innholdet. Bilder bør redigeres og tilpasses bruk på web før de lastes opp på webserver, slik at man unngår store tunge filer og sørger for at bildene er av optimal kvalitet for web. De neste sidene tar for seg de grunnlegende stegene for opplasting av bilder, mer informasjon finnes i RadEditorAjaxEndUserManual.pdf sidene 46 52). Her har vi åpnet siden Demo side for redigering, så har vi klikket i innholdsfeltet. Merk! Når du klikker i feltet for innhold til siden spretter teksteditoren opp øverst i skjermbildet: a. sett markøren foran det første ordet i teksten og klikk slik at teksteditoren kommer frem (i dette eksempelet vil vi at bildet skal være på linje med øverste setning i innholdet). b. klikk på knappen for Image Manager (Bilde manager) i teksteditoren (markert med oransje øverst i bildet over). Du får da følgende skjermbilde: 15

17 c. Her skal det alltid velges Marketing (denne er ofte allerede valgt automatisk): Under mappen Marketing og i vinduet til høyre vil det komme til syne mapper (hvis disse er opprettet). Det er anbefalt at man lager samme mappestruktur her som man har på websiden, dvs at her bør det ligge en mappe for hvert av hovedmenyvalgene. Under disse bør det igjen opprettes mapper for tilhørende undersider. Da vi jobber med en underside av Om oss bør vi nå åpne mappen OmOss ved å dobbeltklikke på denne: 16

18 Her ser vi at det ligger to mapper (Demoside3 og Demoside4), men ikke noen mappe for siden Demo side. Vi bør derfor opprette en mappe med tilsvarende navn. d. Opprette en ny mappe for lagring av bilder Klikk på mappen (hjelpeteksten New folder vises når man peker på mappen) I feltet som kommer frem, skriver vi ønsket navn på mappen: Så klikker vi på ok knappen og mappen er opprettet: 17

19 Klikk på mappen Demoside slik at denne åpnes: Vi ser at denne mappen foreløpig er tom. e. laste opp nytt bilde Øverst i bildebehandlingsbildet er det to faner: Bla gjennom og Last opp bilde. Bla gjennom lar oss bla gjennom mappene på webserver og gir oss en forhåndsvisning av bilder som allerede er lastet opp på server. Last opp bilde lar oss laste opp bilder til den mappen vi har navigert oss frem til før vi klikker på fanen last opp bilde Vi skal nå klikke på fanen Last opp bilde og før følgende skjermbilde: Klikk så på knappen Select for å lete etter et bilde på din egen pc. 18

20 I illustrasjonen under har vi navigert oss fram til mappen Eksempelbilder og valgt bildet som heter Demo_bilde. Så klikker vi på åpne og får følgende skjermbilde: skjermbildet viser: - at bildet "Demo_bilde.jpg" er klart til å lastes opp fra din pc til webserveren Forklaring av de andre elementene i skjermbildet over: De to tomme opplastningsfeltene under det bildet som er klart til å lastes opp, benyttes hvis man vil laste opp flere bilder samtidig x Remove: brukes hvis man ønsker å fjerne de tomme opplastningsfeltene som ikke skal benyttes, eller hvis man har valgt feil bilde Add: knappen brukes hvis man ønsker å legge til flere felter for opplastning (hvis man skal laste opp flere enn 3 bilder på en gang) 19

21 Overwrite if file exists?: benyttes dersom man ønsker å overskrive et bilde som allerede er lastet opp Max file size allowed: angir totalt tillatte filstørrelse (gjelder alle bildene hvis flere lastes opp samtidig). Det er forøvrig ikke å anbefale å laste opp store bilder (flere MB) til en webside) File extensions allowed: angir hvile filtyper som er tillatt å laste opp på serveren (NB! at filtypen er tillatt å laste opp på server, er ikke ensbetydende med at den fungerer i alle nettlesere. Det er lurt å holde seg til trygge formatter som jpg og gif) Klikk så på "Upload" knappen, og vi får følgende skjermbilde: Vi ser av illustrasjonen over; at vi nå er tilbake i mappe oversikten og at bildet Demo_bilde.jpg i mappen Demo side forhåndsvises. Klikk så på knappen Insert for å sette inn bildet i innholdsfeltet: 20

22 Bildet plasserer seg øverst til venstre, der hvor vi satte markøren i det vi klikket i innholdsfeltet. f. Plassering av bildet Nederst (rett under innholdsfeltet) er de mest benyttede egenskapene for bildet. Disse er synlige så lenge bildet er markert slik som i skjermbildet over (klikk på bildet for at det skal bli markert). Vi ønsker å benytte egenskapen for Alignment og velger knappen til høyre (for at bildet skal legge seg til høyre for teksten): 21

23 Bilde egenskaper Høyreklikk på bildet og velg Properties (egenskaper), man får da opp alle bilde egenskapene, se under: 22

24 Width (Bredde) Viser bildets bredde. Her kan man endre bildets bredde. Hvis man ønsker å beholde proporsjonene i bildet klikker man først på lenken. Da endres den høyden ut i fra hvor mye man endrer bredden. Høyde Som over Border Color (ramme farge) spesifiserer fargen på ramme/kantlinje rundt bilde Border width (Ramme bredde) spesifiserer bredden på ramme/kantlinje rundt bilde (i antall piksler). Alt text: spesifiserer alternativ tekst, som i noen få tilfeller vises i stedet for bildet. "alt" brukes til den berømmelige alt-teksten. Det er også dette attributtet som ofte blir omtalt som "alt-taggen". Attributtet angir en kort beskrivende tekst som skal gi samme informasjon til brukeren som bildet, i det tilfellet brukeren ikke kan se bildet. Dette kan være fordi bildet ikke finnes lengre/er feillenket, brukeren har skrudd av bilder, eller brukeren ikke har syn. Det gir også informasjon til søkemotorer (de er "blinde" og "ser" ikke bildene, men leser koden) Long description (Lang Beskrivelse) Når bildet krever mer beskrivelse enn det som passer seg som en kort alt-tekst kan du bruke longdesc til å gi en URL til en side som viser mer informasjon. Dette kan særlig være interessant hvis du bruker image maps. NB!: bør ikke brukes da det er en egenskap som ikke støttes i nettleserne.tips: I stedet for å bruke denne engenskapen, er det bedre å lage en vanlig link under bildet, som linker til en side med en beskrivelse Image alignment (Bildejustering) spesifiserer bildets plassering i forhold til nærliggende tekst. Image Src (Bildekilde) - viser hvor bildet er lagret Margin Spesifiserer avstand i piksler (avstand til venstre, høyre, over, og under) i forhold til nærliggende tekst/bilder. I dette eksempelet har vi: endret bredden fra 250 til 200 piksler, høyden er endret proporsjonalt som følge av at vi har klikket på Innskrenk (lenken er nå hel) satt på gul ramme på 3 piksler lagt på Alt tekst justert bildet til høyre (image alignment) satt Right og Left (høyre og Venstre) avstand til 4 piksler 23

25 Resultatet ser du her: Som man kan se er det ikke så pent med ramme på bildet. Vi fjerner rammen, og øker Right og Left avstand litt, og får et bedre resultat: Sette inn et bilde i innholdet. I image manager er det også mulig å redigere bilder. Her kan man; endre størrelse, speilvende, rotere, lage utsnitt, gjøre bilder gjennomsiktige. For å redigere, følge disse stegene (se også skjermbildet under): 1. velg bildet du vil redigere 2. klikk på "Image editor" 3. Rediger bildet 24

26 Sette inn link i innholdet De neste sidene tar for seg de grunnlegende stegene for bruk av linker, mer informasjon finnes i RadEditorAjaxEndUserManual.pdf sidene 29 33). a. Marker tekst (eller klikk på bildet) som det skal lages link på b. Klikk på Hyperlink Manager (på øverste rad i teksteditoren): 25

27 du ser da følgende skjermbilde (kan variere): URL i url feltet legger vi linken til dit vi skal sende brukeren. c. Interne vs. Eksterne linker: c.1. Interne linker - Når man linker internt på sin egen side, skal man kun benytte informasjonen som ligger etter domenets landskode (.no, com,.se etc.) Eksempel: Din nettside har adressen: La oss si at du skal linke til Kontakt siden. Da går du på nettsiden (ikke i admin) og navigerer til kontaktsiden, linker der er i dette eksempelet: Du skal da bare kopiere det som ligger etter.no (landskoden) /t-corporate-contact-info.aspx C.1.2. Lim så dette inn i URL feltet (fjern 26

28 c.1.3 Og klikk på OK (ingen andre innstillinger er nødvendig for intern link) Resultat: (lagre endringene dine og test linken) C.2 Eksterne linker (linker til andre nettsider) Når man linker til eksterne sider, er det viktig å sørge for at nettsiden man linker til åpner seg i ett nytt nettleser vindu. Eksempel: Vi skal linke til: (for få denne linken har jeg gått inn på den artikkelen på vg.no og kopiert linken) D.2.1. Marker teksten som skal være link: D.2.2. Så klikker man Hyperlink Manager (på øverste rad i teksteditoren) D.2.3. Lim inn hele linken i URL feltet (fjern dersom du har kopiert dette er med i liken du har kopiert). 27

29 D.2.4. Target for at den eksterne siden man linker til skal åpnes i et nytt nettleservindu, velger man New Window i fra nedtrekksmenyen Target. Klikk ok og sjekk at linken linker riktig. Sette inn linker til dokumenter Ønsker man å brukerne tilgang til å laste ned et dokument (pdf, Word, Excel, PowerPoint etc), må man laste opp dokumentet på serveren (på samme måte som vi gjorde med bildene, og lage link til dokumentet. Dette gjøres med Dokument Manager a. Marker teksten (eller klikk på bildet) som det skal linkes på. I dette eksempelet har vi skrevet inn denne teksten i innholdsfeltet: Her kan du laste ned produktbeskrivelse (pdf dokument - 4 MB) 28

30 b. Klikk på ikonet for Dokument Manager Du får da opp Dokument Manager (som ligner på Bilde Manager): Her ser vi den samme mappestrukturen som i Bilde Manager. c. Stegene videre er de samme et stykke videre; bruk alltid mappen Marketing, naviger så videre til korrekt mappe. I dette tilfellet jobber vi med samme side som vi har lagt inn bilde på tidligere, så vi navigerer til den mappen vi laget tidligere: (her ser vi at vi har navigert til mappen Demo side som ligger under OmOss), her ligger bildet fra tidligere. 29

31 d. Følg så stegene som vi brukte for å laste opp et bilde, men denne gangen laster vi opp et pdf dokument: Her ser vi at pdf dokumentet Vedlegg5.pdf nå ligger på serveren. e. Target når det gjelder dokumenter, vil vi at disse skal åpnes i et nytt vindu (på samme måte som eksterne linker), så vi velger New Window i fra nedtrekksmenyen Target. f. Trykk på Insert, verifiser at teksten du markerte vises som link i admin. g. Lagre endringene, gå til nettsiden og sjekk at riktig dokument åpnes, og at det åpnes i nytt vindu. Bruk av tabeller: dette er for avanserte brukere, noe vil bli vist på opplæring, for mer se: RadEditorAjaxEndUserManual.pdf sidene 36 44). 30

32 Avanserte innstillinger: De avanserte innstillingene er beskrevet på side 9-11 i dette dokumentet. Vi skal her benytte disse, men se sidene 9-11 for beskrivelse. Nederst til venstre i administrasjonen finner du en knapp for avanserte innstillinger: Klikk på Avanserte innstillinger og siden vil utvide seg nedover. Skroll ned, så begynner vi med feltet: Tekst i venstre felt: I dette eksempelet er det kopiert tekst i fra beskrivelse på side 9 i dette dokumentet. Da er det viktig å benytte funksjonen Lim inn ren tekst, har man en engelsk versjon (også vist i bildet under), velger man Paste Plain Text (Dette skal man alltid gjøre når man kopierer tekst fra andre kilder (word, websider etc), da vi ikke skal ha med noe av formateringskoden inn i innholdsfeltet. Ref kommentar på side 13 i dette dokumentet) Høyreklikk og velg Lim inn ren tekst Innholdet er limt inn som rent tekst (les teksten i bildet under da den inneholder informasjon): Så formater vi teksten slik vil ha den: 31

33 Lager endringene og sjekker resultatet: Templates (layout maler) Valg av forskjellige Layout maler (templates). Repetisjon fra side 9 og 10: Template 1: innholdsfeltet blir bredere og siden har ikke høyre kant til Aktuelt/Nyheter Template 2: Feltet Tekst i høyre felt blir tilgjengelig Template 3: Tillater visning av Aktuelt/Nyheter. Alle sider/artikler/produkter i systemet som er satt til å vises i høyre felt vil vises (på alle sider i systemet som benytter Template 3). I tillegg vil det på den enkelte side vises innholdet som er publisert i feltet Tekst i høyre felt dersom dette er benyttet. Vis venstrekant (ja/nei): Tillater fjerning av venstrekant på den enkelte side 32

34 I vårt arbeid med siden Demo Side har vi til nå benyttet Template 1. Av bildet under ser vi at denne ikke har noe aktuelt eller nyhetsliste i høyrekant: Tekst i høyre felt og Template 2 Vi skal nå legge tekst i høyre felt, da må vi første endre til Template 2. Når vi har endret til Template 2, dukker feltet for publisering i høyre felt opp: 33

35 (forstørret versjon av nederste del av bildet over, viser at template 2 er valgt) Følg stegene som når vi publiserte tekst i venstre felt (lim in ren tekst, formater teksten og lagre endringene). Resultat: Visning av aktuelt eller nyhetsfelt i høyrefelt - og Template 3 Vi har nå for satt Demo Side til å benytte Template 3, vi ser da at Aktuelt feltet vises. I Aktuelt vises alle sider i løsningen, som er satt til å vise til høyre (dette skal vi se på i neste punkt) 34

36 Visning av venstrekant (ja/nei) Funksjonen lar deg skru av venstrekanten på den aktuelle siden (ikke alle løsninger leveres med denne funksjonen). Standard verdien for "Vis Venstrekant" er "Ja", ved å endre til "Nei" (slik som i skjermbildet under) vil hele venstrekanten inkludert undermenyen (undersider) bli borte. Hvis du sammenligner skjermbildet under med det på forrige side, ser du at undersidene "Demoside4, Demoside2, Demoside3, og Demoside", samt teksten publisert i venstrekant ikke lengre vises: Vise en side i høyre felt (som oftest er høyrefeltet kalt Aktuelt eller Nyheter ): Vi skroller ned til: Visning i høyre felt 35

37 her krysser vi av for ja for Aktiv i høyrefelt, lagrer og får: Her ser vi at Demo Side vises i aktuelt feltet, men uten Ingress tekst og Les mer link. Dette fordi vi ikke la inn ingress og krysset av for visning av ingress. Det er anbefalt å være konsekvent når det gjelder valget Vise Ingress.. Enten bør man vise ingress på alle, eller ingen. I bildet her ser man at det ikke blir fint med en blanding. Ingress tekster: Her finnes det flere muligheter; Standard ingress, forside ingress, og Høyre Ingress. Dersom det ikke er ønskelig med forskjellige Ingresser for en side, benytter vi standard ingressen som ligger lengre ned sammen med innstillingene Alternativer for midtsideboks Se bildet til høyre 36

38 Når vi lagrer disse endringene får vi følgende resultat: (vi kommer tilbake til å benytte feltet for Høyre ingress) Vise en side i midten Alternativer for midtsideboks Midtsideboks benyttes til å hente sider/artikler/produkter som ligger lengre ned i sidestrukturen, disse kan hentes frem til forsiden eller til overordnet side (ref side 10 og 11 i dette dokumentet) Om oss ser for øyeblikket slik ut: (her ser vi at det er en side som vises i midten, Demoside4) Forsiden ser for øyeblikket slik ut: 37

39 (her ser vi at det er en side som vises i midten, Demoside4) Vi skal nå få siden Demo Side til å vise i midten på overordnet side (Om oss) og på forsiden. I admin for siden Demo Side, endrer setter vi innstillingen Vis midtsideboks til Begge (begge betyr på Forside, og vis i midten (som er overordnet side): I feltet for Standard midtsidebilde laster vi opp et lite bilde (vi har lastet opp bildet: estetisk_tannpleie_thumbnail.jpg ) så lager vi endringene og ser på resultatet: Forside: 38

40 Overordnet side (Om oss): Bruk av unik ingress i høyre felt og på forside: Nå har vi satt siden Demo Side til å vise i midten på overodnet side (Om oss), på forsiden, og til å vise til høyre i aktuelt. Alle tre stedene vises ingressen som ble lagt inn i feltet Standard Midtsideingress Dersom det en for en side/artikkel/produkt er ønskelig at ingressteksten skal være forskjellig på høyre og forsiden (i forhold til den som vises på overordnet side (Om oss)), da benytter vi feltene Høyre ingress og Forside Midtsideingress 39

41 Resultat Om oss: (legg merke til Demo side ingress i midten og til høyre) Resultat Forside: 40

42 (legg merke til Demo side ingress i midten og til høyre) Flytting av side/artikkel/produkt: Dersom man har lagt en side/artikkel/produkt på feil sted, eller ønsker å flytte den til et arkiv, kan man benytte funksjonen for flytting. Ikonet finnes på hoved admin siden, til høyre som mindre ikon i mappe strukturen og som tekst helt øverst i meny linjen i admin. a. Klikk på Flytt side artikkel, og man ser samme mappestrukturen som under Side / Artikkel. Naviger frem til siden som skal flyttes (vi skal flytte siden Demo side som ligger under Om oss): b. Klikk på edit ikonet ut til høyre for siden som skal flyttes. Vi får da et skjermbilde som viser oss hvor siden ligger og en nedtrekksmeny for å velge stedet vi vil flytte den til: 41

43 c. Fra nedtrekksmenyen velger vi siden vi skal flytte den til (i dette eksempelet Teknologi ) d. Etter å ha valgt side (teknologi), klikk på Change parent og skjermbildet viser oss hvor den har blitt flyttet: e. Gå til Websiden, naviger til siden den er flyttet til (Teknologi): 42

44 Sletting av side/artikkel/produkt: a. Gå til siden som skal slettes; og klikk på slett ikonet til venstre for siden: (Vi skal slett siden Demo Side 4) b. Bekreft slettingen: 43