Kom i gang med. TinyMCE 3. Dette dokumentet gir deg en kort innføring i hvordan du selv kan oppdatere ditt eget nettsted ved bruk av i-tools.

Transkript

1 Kom i gang med TinyMCE 3 Dette dokumentet gir deg en kort innføring i hvordan du selv kan oppdatere ditt eget nettsted ved bruk av i-tools. i-tools er et produkt fra

2 Innhold Om i tools... 3 Om InBusiness... 3 Vi logger inn... 4 Hovedsiden... 5 Toppen... 5 Venstre del... 6 Bunn... 6 Midten... 7 Vi endrer på firmainformasjonen... 8 Vi lager en ny web side... 9 Fra og til og med dato Flytte menypunktene (sidene) Vi lager ny mappe Endre mappenavn Vi oppretter ny bruker Administrator Redaktør Bruker Ingen admin adgang Brukerrettigheter Tekstformatering Html Kopiering fra Word Vi lager tabell Endre på tabellen Vi setter inn bilde Bildetips Vi lager linker Ekstern link Anker Internlinking... 30

3 Da i tools hele tiden utvikles og forbedres, kan bildene på nettet være noe annerledes enn vist i denne brukerveiledningen. Denne brukerveiledning ble sist oppdatert november 2008 Om i tools i tools er et brukervennlig og fleksibelt verktøy for å etablere og vedlikeholde et profesjonelt nettsted. I tools består av en grunnpakke som inneholder alt du trenger for å opprette og vedlikeholde ditt nettsted. Ønsker du flere muligheter, kan du utvide løsningen med våre moduler. i tools krever Internet Explorer 4.0 eller høyere og Windows 98/2000/ME eller XP. I tools støtter også andre nettlesere og fungerer også på Mac. i tools er utviklet av InBusiness AS. Vi skal hele tiden forbedre i tools, og setter derfor pris på din tilbakemelding på hva og hvordan vi kan utvikle i tools til å bli et enda bedre verktøy. Om InBusiness InBusiness ble etablert i 1996 og er blitt et av Stavangers ledende Internett selskap. Vi tar hånd om hele prosessen når du skal i gang og utvikle ditt eget nettsted: analyse, design, utvikling, lansering og oppfølging etter lansering. InBusiness har utviklet over 1800 nettløsninger. Vi kjenner problemene ved etablering og vedlikehold av et nettsted. Derfor utviklet vi i tools, et verktøy hvor du som kunde av InBusiness enkelt oppdaterer innholdet selv og legger til nye sider med tekst og bilder. Brukerdokumentasjon og demonstrasjonsvideo følger gratis med. Ønsker du opplæring utover dette kan det kjøpes opplæring over telefon eller vi kan holde kurs ved ett av våre avdelingskontor eller ute hos deg etter nærmere avtale. Ta gjerne kontakt med oss. InBusiness AS Tlf Boks 3128 Hillevåg Faks Stavanger inbusiness@inbusiness.no

4 Vi logger inn Tast inn tools.no i adresse feltet i nettleseren. Fyll inn ditt brukernavn og passord og klikk OK. Dersom du mangler brukernavn og passord, ta kontakt på e post inbusiness@inbusiness.no

5 Hovedsiden Etter innlogging kommer du til hovedsiden til i tools. Her styrer du ditt nettsted. Vi tar en rask gjennomgang av de viktigste funksjonene på hovedsiden: Toppen Her står dagens dato, og en i tools logo som er linket til hovedsiden. Toppen inneholder også linker til: Hjelp: Her kan du laste ned Brukerveiledningen som du nå leser (i Word og PDF format). Du finner også demonstrasjonsvideo over i tools grunnpakke samt egen video som tar for seg Word grensesnittet TinyMCE Moduler: Liste over hvilke moduler i tools kan utvides med. Domene: Her kan du sikre deg dine domenenavn for all fremtid før konkurrenten din tar dem.

6 Kundeservice: Her kan du sende inn en melding til kundeservice via et skjema. Tips oss om ny kunde: Her kan du tipse oss om ny kunde, hvis du vet om noen som trenger et nytt nettsted. Statistikk: Oversikt over trafikken på ditt nettsted. Linken vises kun hvis denne tjenesten er bestilt. Anbefales. Webmail: Direkte link til webmail. Venstre del I venstre del styrer du både innhold og strukturen på ditt nettsted. InBusiness legger opp strukturen når vi utvikler nettsiden, men du kan enkelt endre på dette i etterkant, via et kjent og enkelt Windows grensesnitt. Dette skal vi gå igjennom senere. Bildet til venstre viser strukturen før du har gjort noen valg i menyen. Bildet til høyre viser menyen når linken Web sider er valgt. Mappene Web sider og Brukere følger med i grunnpakken. I dette tilfellet har kunden kjøpten modul, Produkter. Bunn I bunnen ser du hvem du er logget inn som, og hvilken type bruker du er. Vi skal senere gå igjennom de ulike typer av brukerne som finnes, og hvilke rettigheter de har. Videre er det lagt opp en link til ditt nettsted. Den åpnes i eget vindu, og er fin å bruke for å se hvordan endringer i i tools ser ut på ditt nettsted. Når du har gjort de endringene du skulle, er det av sikkerhetshensyn viktig å trykke på linken Logg ut. Glemmer du dette, kan uvedkommende som innen 24 t får tilgang til din PC, endre på ditt nettsted.

7 Midten Midten inneholder litt forskjellig. Øverst har du litt kort informasjon om i tools. Under der kommer nyheter og nytting tips om i tools. Øverst på høyresiden av midten har vi en oversikt over de nyeste i tools løsningene. Neste punkt er en oversikt over de nyeste modulene vi har utviklet. Så kommer Hjelp (som du også finner i

8 toppmenyen), her finner du brukerveiledninger i både Word og PDF, samt FAQ. Deretter kommer Kontakt oss (som du også finner i toppmenyen), her er det listet ut de enkleste måtene å komme i kontakt med oss. Til sist kommer Din firmainfo. Her legger du inn/endrer informasjonen om ditt firma. Vi endrer på firmainformasjonen På hovedsiden (nede til høyre) klikker du på Endre... Så kommer det en oversikt over informasjonen som allerede er lagret. For å endre klikker du på Endre firmainfo. Fyll ut feltene med ønsket informasjon og klikk Lagre. Som nevnt blir feltene ovenfor (med unntak av Web adresse, Kommentar og Intern kommentar) ofte vist på ditt nettsted. Kommentarfeltene kan du altså benytte til det du måtte ønske.

9 Vi lager en ny web side Trykk på linken Web sider. Her får du opp flere valg, trykk her på linken Ny side. Ønsker du å lage en ny hovedmeny (som skal ha underpunkter), velger du linken Ny mappe. Dette skal vi gå igjennom senere. Etter å ha valgt Ny side, kommer du til følgende skjermbilde: Her fyller du inn hovedtittel, lar datoen stå, sjekker at forfatter er korrekt, eventuelt endrer. og så legger du inn ønsket innhold i det Word lignende feltet. (se eget kapittel for informasjon om de ulike knappene).

10 Når informasjonen er lagt inn, klikk Lagre. Ønsker du å se hvordan siden vil se ut, før den legges til på ditt nettsted? Klikk da på Forhåndsvisning. Liten overskrift og Ingress blir bare brukt hvis dere har Nyhetsmodulen. Legg siden på ønsket sted, f.eks. i Venstre meny, dette gjør det vet å trykke på linken Velg mappeplassering. Da får du opp en oversikt over mappene som finnes. Velg mappen Venstre meny. Da vil siden du laget plasseres i mappa kalt Venstre meny, og på nettstedet vil linken til den nye siden bli lagt inn under hovedkategorien Venstre meny. Fra og til og med dato Du kan bestemme når dine artikler skal vise på nettet, legg ganske enkelt inn en fra og til og med dato på artikkelen. En nyttig funksjon, spesielt beregnet når du legger ut nyheter (f.eks en Stilling ledig annonse som kun skal vise fram til en bestemt dato Flytte menypunktene (sidene) Du kan enkelt flytte menypunktene opp og ned, både artikler og mapper. Endringene sees både i i tools og på dine web sider. Slik gjør du: Velg en artikkel som du ønsker å flytte, og trykk høyre musetast. Da får du opp følgende skjermbilde: Trykk så "Flytt 1 opp" eller "Flytt 1 ned". Menyen lastes automatisk opp på ny, med filen flyttet slik du ønsket. Du kan også flytte mapper på nøyaktig samme måte. Artikler og mapper kan også enkelt flyttes opp/ned ved hjelp av piler dersom du velger linken Artikkel liste. Det er ikke sikkert flytting av sidene/mappene vil vise på web sidene, det er avhengig av hvordan dine sider er bygget opp. I samme meny kan du velge å redigere filen, endre rettigheter, slette filen og knytte en ekstern link til siden. Mer om dette senere.

11 Vi lager ny mappe Denne funksjonen gjelder kun de løsninger hvor brukeren kan legge til en hovedmeny, og så legge til sider under hovedmenyen. (Hvis strukturen på ditt nettsted ikke har støtte for dette, vil du likevel kunne legge til en ny mappe, men den vil altså ikke automatisk vise på ditt nettsted). Trykk på linken Ny mappe. Du kommer nå til følgende side: Skriv inn ønsket mappenavn. Ønsker du å plassere mappen i Rot, dvs sammen med de andre, så klikk en gang på mappen Rot. Den blir da markert. Klikk så på Lagre. Ønsker du å legge mappen i f.eks Venstre meny, så klikker du en gang på mappen Venstre meny. Klikk så på Lagre Endre mappenavn Samme type skjermbilde kommer når du skal endre navn på mappen. NB! Hvis du skal endre på mappe navnet i i tools, så skal du bare ta å endre navnet og trykke Lagre. Du behøver ikke velge hvor den skal lagres, den blir lagret hvor den var. Vi oppretter ny bruker

12 Ofte er det ønskelig at flere skal kunne oppdatere ditt nettsted. Du må da opprette nye brukere. Det finnes 4 ulike brukere, disse er:

13 Administrator Denne bruker har alle rettigheter, dvs vedkommende kan legge til, slette og endre på eksisterende sider og brukere, samt endre på firmainformasjonen. Redaktør Kan legge til, slette og endre på alle eksisterende sider. Bruker Kan opprette, slette og endre på sine egne sider. Ingen admin adgang Har ingen rettigheter, brukes kun hvis du ønsker at vedkommende skal stå oppført som forfatter på en side. Brukes hovedsakelig hvis du har nyhetsmodulen. Brukerrettigheter I i tools kan du enkelt velge hvem som skal ha tilgang til hvilke mapper, artikler og moduler. Det er særlig nyttig for større nettsteder som ønsker at brukerne kun skal få tilgang til sine artikler/mapper. Du må være logget inn som administrator for å kunne styre tilgangen. Velg en artikkel og trykk høyre musetast. Du får da følgende skjermbilde: Ved å trykk på "Endre rettigheter" får du opp følgende skjermbilde:

14 Som du ser blir de ulike brukerne av i tools listet ut her. Kryss ganske enkelt av for hvilken tilgang de ulike brukerne skal ha til den valgte artikkelen. Hvis du hadde valgt en mappe, kan du krysse av for "Kopier rettigheten nedover i strukturen". Da vil de innstillingen du gjør, gjelde alle artikler i valgte mappe. Lese: Vedkommende kan kun lese artikkelen, ikke gjøre noen endringer. Skrive: Kan endre og lagre artikkelen. Slett: Kan endre, lagre og slette artikkelen. Tekstformatering i tools har en rekke formateringsmuligheter som i Word, slik at du får presentert innholdet på den måten du ønsker. Vi tar nå en rask gjennomgang. Gjør den markerte teksten uthevet. Gjør den markerte teksten kursiv. Gjør den markerte teksten Understreket Punktnummerert liste som nedenfor: Eksempel på punktnummerert liste Tallnummerert liste som nedenfor: 1. Eksempel på tallnummerert liste Innrykning, tekst/objekt flyttes til venstre. Innrykning, tekst/objekt flyttes til høyre. Venstrejusterer tekst/objekt. Midtstiller tekst/objekt. Høyrejusterer tekst/objekt.

15 Legger inn tekst fra Utklippstavlen hvor markøren er plassert. Kopierer teksten du har markert Limer inn det du har kopiert Gjør om din siste operasjon. Gjør om igjen din siste operasjon. Her kan du sette inn bilder i dokumentet. Se Vi setter inn bilde for mer informasjon. Sett inn dokument. Her kan du legge inn link til et dokument (Word, PDF osv) som brukerne kan laste ned på sin PC. Her kan du sette inn film, flash osv i dokumentet. Her kan du lage linker til andre nettsider, eller til andre sider på ditt nettsted. Se Vi lager linker for mer informasjon. Fjern link Lage anker. Her kan du endre fargen på markert tekst Highlight: marker tekst/ord i en farge for å fremheve det. Senket skrift Hevet skrift Sett inn spesialtegn som f.eks, TM osv. Setter inn en horisontal strek. Fin til å skille innhold på en side. Du har flere valgmuligheter mht plassering, farge og størrelse etc. Fjerner all unødvendig formatering Plasserer en tabell i ditt dokument. Se Vi lager tabell for mer informasjon. Slå av/på synlige elementer Sett inn forhåndsdefinert malinnhold Skift til/fra fullskjermmodus Skift til HTML modus. Html Hvis du har kjennskap til html (språket en web side er laget i), kan du enkelt redigere koden selv.

16 Kopiering fra Word Når du kopierer fra Word, blir en del fontinnstillinger også tatt med, som f.eks. "Times New Roman", 12 pkt. Vi bruker som oftest "Verdana" som standard font på din nettside, og for å følge malen anbefaler vi at den alltid brukes. Husk derfor å stille tilbake til Verdana, 10 pkt. Men selv etter du har valgt Verdana, kan det være igjen noen fontinnstillinger fra Word. (Dette ligger i html koden, og i tools klarer ikke alltid å endre alle koder skapt av Word). Hvis du har limet inn en tekst fra Word i redigeringsvinduet, kan du også trykke på unødvendig formatering forsvinne., så vil all Du kan også velge å bruke dette ikonet, da vil du få opp et vindu som ser slik ut Du limer teksten inn her først, og klikker deretter på Sett inn. Da fjerner dette redigeringsvinduet alle de unødvendige formateringene som Word bruker.

17 Vi lager tabell Ofte kan det være hensiktsmessig å opprette tabeller for å plassere tekst og bilder akkurat der hvor man ønsker, f.eks som vist her: For å lage tabell, klikk på. Du får da opp følgende vindu: Gjør de valg du ønsker og trykk Sett inn.

18 Endre på tabellen Det finnes 2 enkle måter å forandre på tabellen. Vi skal gå igjennom begge. 1. Når du har laget en tabell, vil du se at mange av knappene blir aktivert. Slik som her: Vi skal gå gjennom punkt for punkt hva disse ulike knappene betyr, og vi starter med de to første. Radegenskaper og celleegenskaper Den første knappen går på Radegenskaper. Du har musepekeren på den raden du vil forandre på, og trykker på den knappen. Da vil du få opp dette vinduet: Og hvis du klikker på fanen Avansert:

19 Her fyller du ut den nødvendige informaasjonen som f.eks Justering og Bakgrunn, og klikker på Oppdater. Den andre knappen er for Celleegenskaper. Du setter musepekeren i den cellen du fil forandre på å trykker på knappen. Da vil du få opp dette vinduet: Og hvis du klikker på fanen Avansert:

20 Her fyller du ut den nødvendige informaasjonen som f.eks Justering og Bakgrunnsbilde, og klikker på Oppdater. Rader Den første knappen er Sett inn rad foran. Hvis du trykker på den, vil det komme en rad inn foran den raden musepekeren din står i. Den andre knappen er Sett inn rad bak. Hvis du trykker på den, vil raden komme etter den raden musepekeren din står i. Den siste knappen er Fjern rad. Hvis du trykker på den, så vil den fjerne hele raden som musepekeren din står i. Kolonner Den første knappen er Sett inn kolonne foran. Hvis du trykker på den, vil det komme inn en kolonne foran den cellen som musepekeren din står i. Den andre knappen er Sett inn kolonne bak. Hvis du trykker på den, vil det komme inn en kolonne bak den cellen som musepekeren din står i. Den siste knappen er Fjern kolonne. Hvis du trykker på den, så vil den fjerne hele kolonnen som musepekeren din stod i. 2. Den andre måten å redigere tabellen på er å høyreklikke inne i tabellen.

21 Her finner du mange valg og mange ulike måter å redigere tabellen på.

22 Vi setter inn bilde For å sette inn bilde, klikker du på. Da får du opp følgende skjermbilde: For å begynne å laste opp et bilde fra din datamaskin, trykker du på denne knappen. Da får du opp et nytt skjermbilde, som vil se ut som bildet nedenfor. Her kan du opprette din egen mappestruktur ved å klikke på linken Opprett mappe oppe til høyre. Når du er klar til å laste opp bilder stiller du deg inne i den mappen du vil ha bilde lagret.

23 Deretter trykker du på nytt skjermbilde: for å laste opp et bilde fra din datamaskin. Du vil igjen få opp et Nå er det bare til å klikke på Bla gjennom og finne bildet du skal bruke og så klikke på Last. Bildet vil da legge seg i den mappen du stod inne på. Du finner bildet du har lastet opp og markerer det av i den lille firkanten på siden, slik som her:

24 Etter du har krysset av hvilket bilde du vil bruke får du frem en forhåndsvinsning som vist ovenfor. Klikk på Sett inn Her kunne det godt vært vist bilde som var synlig i den hvite firkanten. Du vil nå komme tilbake til det første vinduet. Her kan du forandre på størrelse, plassering osv. For å gjøre dette må du trykke på den fanen som heter utsende: Du kan også gjøre litt mer avanserte forandringer ved å klikke på fanen som heter avansert:

25 Du kan også lage mapper til bildene dine, hvis du ønsker å sortere dem (lage mappenavn som for eksempel: Ansatte, Kontorbygget, Produkter osv.) For å gjøre dette må du klikke på oppe til høyre. Da får du opp dette skjermbilde: For å laste opp bilder i den mappen du har laget, må du først klikke på mappen, deretter laste opp bildet/bildene. Bildetips Bruk av bilder og grafikk er en naturlig del av de fleste web sider, og gjør at nettstedet straks bli mer innbydende for de besøkende. Men det er viktig å ha noen grunnregler å forholde seg til: Velg kun bilder av typen.jpg eller.gif.

26 jpg er best til fotografier (får da mer enn 256 farger). gif er best til ikoner, knapper og små bilder (færre enn 256 farger). Unngå bruk av æøå, spesialtegn eller mellomrom i bildenavnet. Oppløsning bør være på 72 dpi. Et vanlig bilde bør helst ikke overstige 50 kb (vises i de fleste bildebehandlingsprogram eller i operativsystemet ditt). Det å være obs på filstørrelse er viktig. Statistikk viser at for hvert 10ende sekund det tar å laste ned en web side, risikerer du å miste 20% av de besøkende. Ønsker du å vise store bilder, bruk heller pop up funksjonen i i tools (se under Vi lager linker for mer informasjon). Bilder tatt fra digital kamera eller som er scannet inn etc, må behandles i eget bildebehandlingsprogram. Som oftest følger dette med både digital kamera og skanner. Har du ikke et slikt program, finnes det mange greie gratis program som har de enkle funksjonene du behøver. Se gjerne på f.eks (søk f.eks etter Image editing ). Vi lager linker Det er enkelt å lage linker i i tools. For å lage en link, vil vi normalt lage et dummy ord. Eksempler på dummy ord kan være; Klikk her, VG, Les mer og lignende. Du skriver inn det ordet du velger å bruke og deretter markerer det som vist på bilde nedenfor:

27 Deretter klikker på denne knappen og får opp dette vinduet: Lenkens URL: I feltet Lenkens URL limer du inn linken du ønsker å bruke. Eks: Anker: Kan benyttes dersom du skal linke mot artikler hvor det er definert Anker steder. Mål: Her kan du velge hvordan linken skal åpnes. Du kan velge mellom Åpne i samme vindu/ramme Linken kommer da opp i samme nettleservindu eller frames som linken er i. Vanlig å benytte hvis du linker til sider på ditt eget nettsted. (frames er en funksjon i HTML for å få vist flere sider i samme vindu. er et eksempel på nettsted som bruker frames). Åpne i nytt vindu (_blank) Linken åpnes da i et nytt nettleservindu. Brukes ofte når du linker til andre nettsteder og du ikke ønsker at ditt nettsted skal forsvinne. Åpne i overordnet vindu/ramme (_parent) Linken åpnes i overordnet ramme. Blir sjelden brukt. Åpne i toppvindu (erstatter alle rammer) (_top) Linken åpnes i samme nettleser vindu. Hvis ditt nettsted bruker frames, så vil ditt nettsted erstattes av nettstedet som du linket opp. Hvis ditt nettsted ikke bruker frames, så vil Toppen ha samme funksjon som å velge Eget vindu.

28 NB! Når du skriver inn en web adresse (f.eks blir den automatisk lagt inn som en link. Klasse: Her kan du velge ulike formateringer for linken. Når du er ferdig med alle innstillingene klikker du på Sett inn og vil da se at ordet/ordene du har markert har blitt til en link, slik som bildet nedenfor Ekstern link La oss si du har en dynamisk meny kalt Andre selskaper i Gruppen:. I den menyen ønsker du å legge inn linker til eksterne web sider. Da bruker du funksjonen kalt Ekstern link. Slik gjør du: Lag en ny side på vanlig vis. Legg den i riktig mappe (i dette eksemplet blir det i mappen Andre selskaper i Gruppen:. Når siden er lagret, høyreklikker du på filen i menyen til venstre. Du får da opp følgende vindu: Trykk så på Ekstern link. Følgende vindu dukker da opp:

29 Her legger du inn linken (i dette tilfellet og velger om den skal åpnes i Samme vindu eller Nytt vindu. Anker Anker brukes hovedsaklig til interne linker i et dokument. Fra f.eks en innholdsfortegnelse kan vi kaste ankeret direkte til de ulike kapittel. Anker funksjonen er altså et hjelpemiddel for å navigere i større dokumenter. Funksjonen er avansert, og nyttig hvis du har sider med mye innhold. En innholdsfortegnelse er altså en typisk plass hvor vi bruke anker. Vi gjør da slik: 1. Sett musepekeren foran ordet/setningen du vil linke. Et eksempel på et slikt ord/setning kan være Kapittel 1. Klikk på tegnet og du vil få opp dette vinduet: I feltet for ankernavn skriver du da det ordet/setningen du har valgt, og i dette tilfellet ville det vært kapittel Deretter blar du ned på siden og finner der som Kapittel 1 begynner. Du markerer da ordet kapittel 1, og klikker på og får opp dette vinduet:

30 Du velger da fra Anker. Velg da Kapittel 1 og trykk på Sett inn. 3. Etter det følger du bare samme fremgangsmåte på resten. Internlinking Internlinking brukes hvis du ønsker å linke fra en side til en annen i din egen løsning. Å internlinke på ditt eget nettsted er enkelt, og det er nesten helt samme fremgangsmåte som å sette inn en vanlig link. 1. Du skriver inn (som å lage en vanlig link) et dummy ord. Du markerer dette ordet og klikker deretter på 2. Istedenfor å skrive linken direkte inn i feltet Lenkens URL, klikker du istedenfor på og får opp følgende vindu:

31 3. Du finner da ved hjelp av denne mappeoversikten hva du skal linke til. Skulle du ha linket til menypunktet/artikkelen Granitt, trykker du på den slik at den blir markert blå og velger Sett inn