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



Like dokumenter
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.

Vedlikeholde nettstedet i Joomla 2.5 +

BRUK AV TEKSTEDITOREN

Brukerveiledning WordPress. Innlogging:

Brukermanual - Joomla. Kopiering av materiale fra denne Bonefish manualen for bruk annet sted er ikke tillatt uten avtale 2010 Bonefish.

Brukermanual til Domenia Norges adminløsning

Brukerdokumentasjon for LabOra portal - forfattere

Brukerveiledning nettsted Stjørdal kajakklubb. Tilgang til siden. Opprette bruker? Tilgang til siden... 1 Opprette bruker?... 1

ASKER FOTBALL KVINNERS NETTSIDE

PUBLISERING AV INNHOLD TIL KVAMSSIDA.NO

Publiseringsveiledning for

Klikk på publisering + offentlig + nyhet for å lage en artikkel som skal komme som nyhetssak på forsiden av fylkeslagssiden.

SiteGen CMS. Innføringsmanual

Side 1. Sniggabo CMS brukermanual rev. 2

Veiledning Claw 2 CMS Innhold

Den beste måten hvis du skal endre allerede eksisterende artikler

WordPress for transmark-subsea.com

Publisere på nvfnorden.org

Brukermanual for NROFs lokalavdelinger - hvordan redigere egne hjemmesider

Manual for innlegging av standard sideinnhold og nyheter via «backend»

Nettside24 Brukerveiledning Nettside24 Brukerveiledning

Hjemmesidemanual. Innholdsfortegnelse. Notater: - 1 -

Brukermanual for lr.no

Her prøver vi å gi en enkel introduksjon til Venstres publiseringssystem for nettsider (Venstre Publish):

KOMME I GANG 2. Logge på 2. I redigeringsvinduet 3 OVERSIKT OVER KNAPPENE SOM LIGGER ØVERST I REDIGERINGSVINDUET 5

Søkemotorer. - en guide for en bedre rangering. Søkemotorer en guide for bedre rangering. InBusiness AS

Veiledning for Krets- og gruppesider.

Brukermanual. Support: Skytterkontoret Tlf: 02419, tast 2 support@dfs.no Velkommen til EPI-Server 7.

Brukerveiledning Bruk av siden. Når du går inn på siden får du opp følgende bilde:

Brukermanual Versjon 2.0

WordPress. Brukerveiledning. Kjære kunde. Innlogging:

Uansett hvilken håndbok du benytter vil fremgangsmåten være den samme. I denne veiledningen benytter vi personalhåndboken som eksempel.

1 Innholdsfortegnelse


Brukerveiledning for SI Norge. Publiseringsverktøy for klubbenes hjemmesider

KOMME I GANG 3. Logge på 3. I redigeringsvinduet 4 OVERSIKT OVER KNAPPENE SOM LIGGER ØVERST I REDIGERINGSVINDUET 6

Bruksanvisning for publisering på

BORRENYTT. Dette er en innføringsguide om hvordan man kan legge til nye poster, og hvordan disse bør settes opp.

Dere klarer kanskje ikke å komme gjennom hele heftet, men gjør så godt dere kan.

Datamann Informasjonssystemer

BRUKERVEILEDNING TIL MAGNORMOEN INDUSTRIOMRÅDE OG GAUSTADVEGEN INDUSTRIOMRÅDES HJEMMESIDER:

ThinkPage CMS 2.0. Hurtigveiledning. Av ThinkPage AS

Memoz brukerveiledning

Brukermanual. System for oversiktslister. Entreprenører

PBL Barnehageweb. Brukerveiledning

KF Lokal personalhåndbok - brukerveiledning for redaktør

Kom i gang med E-Site

Brukerguide for

Bruk av OpenOffice.org 3 Writer

Businesscatalyst PAGES

Bruksanvisning for innlegging av nyheter på Tana kommunes nettsted

Hjemmesidemanual. Pa logging. Innholdsfortegnelse

Systemadministrasjon i KF Infoserie en brukerveiledning for lokale administratorer

Avansert tekstmodul Eksempel Administrasjon Bilde Eksempel på en bildemodul Eksempel på en bildemodul lagt til uten

Brukerveiledning. Kom i gang. publiseringsverktøy. versjon 2 - revidert AESTON. Side 1

MedAxess WinMed Brukermanual

Bruksanvisning for publisering med ez publish 3.7.5

Brukermanual for EIK IFs webside

NY PÅ NETT. Enkel tekstbehandling

BRUKERMANUAL WEB-publisering og e-post

Hvordan legge ut en melding i Fronter

Hvordan å lage og publisere ditt personlige visittkort

Bruksanvisning for administrasjon av

Brukerveiledning

Vårt nettsted En håndbok for lokale nettredaktører i fylkes- og lokallag

Hvordan redigere blogg sider i Joomla 3.x

Her er en enkel bruksanvisning på administrasjonspanelet til hjemmesiden din på QTSystems.

Klæbu IL Hjemmeside Web-redaktører

Kom i gang med E-Site - Med E-Site er det enkelt og trygt å redigere dine websider

PUBLISERING PÅ

Generell brukerveiledning for Elevportalen

Brukerveiledning. for publiseringsløsningen. Dashboard CMS. Utarbeidet av

Veiledning i administrering av egne loge-/leirsider i portalen

Google Chrome. Microsoft Edge. Mozilla Firefox. Internet Explorer. Opera. Safari

Kursdokumentasjon for Dreamweaver

Innledning Pålogging Del 1 Velkommen til Idium Portalserver

Innholdsfortegnelse. Side 1 av 33

Administrasjon av saker. - Redigere saker med standard mal

Brukermanual. Itpays W3 Publish. Sette opp, logge inn og komme i gang. Redigert den 23. mai

ActiveBuilder Brukermanual

Kom i gang med emedia

Lage klubbens webside i Rotary med verktøyet Webwiz 2.0

WordPress. Brukerveiledning. Kjære kunde. Innlogging

S i d e 1. Brukerveiledning Brevfabrikken

Bruk av Corepublish bruksanvisning for avdelingene

Følgende «tommelfinger-regler» bør (må) følges:

Brukerveiledning for administrasjonen

Kom i gang. Nå er det enklere en noensinne å redigere hjemmesiden din med Plone CMS. 17. mars 2010

Brukerveiledning. Kom i gang. publiseringsverktøy. versjon 7 - revidert Gevir IT Drift AS Webside:

Brukerveiledning DFS Grasrot hjemmesider

Kort brukerveiledning- publisering på nett EpiServer CMS6... 1


Revidert _fg. Bruksanvisning for innlegging av nyheter på Tana kommunes nettsted.

Publiseringsguide for NEK

WINDOWS 10 OPPDATERING HØSTEN 2018 (VERSJON 18.09) HVA ER NYTT?

Brukerveiledning Webline Portal for E-post Bedrift/E-post Basis

Brukerdokumentasjon Prosjektrom

Brukermanual for nettpublisering. frivilligsentral.no

Introduksjon i bruk av Microsoft Outlook 2003 med Exchange for NHH

Brukerveiledning for administrasjon av travlagenes websider

Transkript:

Kom i gang med 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

Innhold Innhold... 2 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... 11 Flytte menypunktene (sidene)... 11 Vi lager ny mappe... 12 Endre mappenavn... 12 Vi oppretter ny bruker... 13 Administrator... 13 Redaktør... 13 Bruker... 13 Ingen admin adgang... 13 Brukerrettigheter... 14 Tekstformatering... 15 Html... 16 Linjeskift... 16 Kopiering fra Word... 16 Vi lager tabell... 17 Endre på tabellen... 18 Vi setter inn bilde... 20 Bildetips... 22 Vi lager linker... 23 Pop-up vindu... 24 Ekstern link... 24 Anker... 25 Internlinking... 25 Kom i gang med i-tools 2

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 2002. 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 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 Internettselskap. 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 300 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. InBusiness AS gir alle i-tools kunder 1 times opplæring enten pr. telefon eller i våre lokaler i Flintegata 2, Hillevåg, for å sikre forståelsen og bruken av Internettverktøyet. Ta gjerne kontakt med oss. InBusiness AS Tlf 51 88 44 00 Boks 3128 Hillevåg Faks 51 88 44 01 4095 Stavanger inbusiness@inbusiness.no Kom i gang med i-tools 3

Vi logger inn Tast inn www.i-tools.no i adresse-feltet i Internet Explorer. Fyll inn ditt brukernavn og passord og klikk OK. Dersom du mangler brukernavn og passord, ta kontakt på e-post inbusiness@inbusiness.no Kom i gang med i-tools 4

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 PDFformat). Du kan også se igjennom en online-video for Word-grensesnittet i i-tools. Moduler: Liste over hvilke moduler i-tools kan utvides med. Statistikk: Oversikt over trafikken på ditt nettsted. Linken vises kun hvis denne tjenesten er bestilt. Anbefales. Kom i gang med i-tools 5

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øpt to moduler, Avstemning og Forum. 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. Kom i gang med i-tools 6

Midten Midten inneholder en kort tekst om i-tools, samt firmainformasjonen din. Er du logget inn som administrator, kan denne endres. Firmainformasjonen blir i mange løsninger brukt på ditt eget nettsted, f.eks. på kontakt oss sider, eventuelt nederst på dine web-sider. Husk derfor å holde den oppdatert. Til høyre blir det listet ut i-tools nyheter, dvs forbedringer i grunnpakken, nye moduler m.m. Følg med! Kom i gang med i-tools 7

Vi endrer på firmainformasjonen På hovedsiden (i midten) klikker du på Endre firmainfo. Fyll ut feltene med ønsket informasjon og klikk OK. 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. Kom i gang med i-tools 8

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 Engasjer deg! Menneskene og Nyheter), velger du linken Ny mappe. Dette skal vi gå igjennom senere. Kom i gang med i-tools 9

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). 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. Kom i gang med i-tools 10

Ønsker du å legge den nye siden i en mappe, f.eks. i Mennesker, så trykk på linken Velg mappeplassering. Da får du opp en oversikt over mappene som finnes. Velg mappen Mennesker. Da vil siden du laget plasseres i mappa kalt Mennesker, og på nettstedet vil linken til den nye siden bli lagt inn under hovedkategorien Mennesker. 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. 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. Kom i gang med i-tools 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 Velkommen til oss, så klikker du en gang på mappen Velkommen til oss. 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. Kom i gang med i-tools 12

Vi oppretter ny bruker Ofte er det ønskelig at flere skal kunne oppdatere ditt nettsted. Du må da opprette nye brukere. Det finnes 4 ulike brukere, disse er: 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. Kom i gang med i-tools 13

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: 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. Kom i gang med i-tools 14

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. Fjerner markert tekst og legger det inn i Utklippstavlen. Kopierer markert tekst og legger det inn i Utklippstavlen. Legger inn tekst fra Utklippstavlen hvor markøren er plassert. Gjør om igjen din siste operasjon. Gjør om din siste operasjon. Her kan du endre formateringene på markert tekst, endringer som skrifttype, størrelse og farge. Vi anbefaler at du bruker skrifttypen Verdana eller Arial, da disse er de mest leservennlige. Som oftest er Verdana stilt inn som standard, du behøver mao ikke velge font for hver gang du skal legge inn innhold. Gjør den markerte teksten uthevet. Gjør den markerte teksten kursiv. Gjør den markerte teksten Understreket. Innrykning, tekst/objekt flyttes til høyre. Innrykning, tekst/objekt flyttes til venstre. Venstrejusterer tekst/objekt. Midtstiller tekst/objekt. Høyrejusterer tekst/objekt. Tallnummerert liste som nedenfor: 1. Eksempel på tallnummerert liste Punktnummerert liste som nedenfor: Eksempel på punktnummerert liste Plasserer en tabell i ditt dokument. Se Vi lager tabell for mer informasjon. Her kan du sette inn bilder i dokumentet. Se Vi setter inn bilde for mer informasjon. Her kan du lage linker til andre nettsider, eller til andre sider på ditt nettsted. Se Vi lager linker for mer informasjon. Her kan du lage pop-up vinduer til innhold på ditt nettsted. Se under Vi lager linker for mer informasjon. Setter inn en horisontal strek. Fin til å skille innhold på en side. Du har flere valgmuligheter mht plassering, farge og størrelse etc. Kom i gang med i-tools 15

Sett inn dokument. Her kan du legge inn link til et dokument (Word, PDF osv) som brukerne kan laste ned på sin PC. Legges inn etter samme prinsipp som du legger inn bilder. Søk etter ord i dokumentet. Sett inn spesialtegn som f.eks, TM osv. Viser detaljer, dvs skjulte tags (kommandoer). Blir ikke så ofte brukt. Html Hvis du har kjennskap til html (språket en web-side er laget i), kan du enkelt redigere koden selv. Bruk høyre musetast i Word feltet og velg Edit Source. Linjeskift Hvis du har problem med f.eks å avslutte en punktnummerert liste (alt det du skriver blir punktnummerert, men du ønsker å skrive videre på en vanlig formatert tekst), så trykk Ctrl + Enter for å avslutte listen. 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). Er du opptatt av at alle fonter er de samme og har samme størrelse, anbefaler vi å lime teksten inn i et rent tekstbehandlingsprogram som Notisblokk/Wordpad, og så kopiere derfra. Alternativt kan du lime inn teksten i Ingress feltet, for så å lime den inn i Tekstfeltet. Da forsvinner formatteringene fra Word. Vår leverandør av Word-grensesnittet jobber med forbedringer på dette. Kom i gang med i-tools 16

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: Det finnes to måter å lage tabell på i i-tools. 1. Klikk på. Du får da opp følgende vindu: Gjør de valg du ønsker og trykk Sett inn tabell (Insert Table). Kom i gang med i-tools 17

2. Bruk nedtrekksmenyen ved å trykke på tegnet ved siden av tabell-ikonet. Velg antall rader og kolonner som du behøver og tabellen blir automatisk satt inn. Ingen formattering blir lagt inn, det gjør du ved å høyreklikke i tabellen og velge Edit Table. Endre på tabellen Velg den kolonnen du ønsker å endre på og høyreklikk med musen. Velg Edit Table. Da får du opp følgende vindu: Her kan du endre på kolonnene til tabellen. Som du ser har du mange valg. Prøv deg fram! Det de fleste har brukt for her er å endre på bredden til kolonnen (Cell Width). Her kan du bruke prosent tegn (f.eks at kolonnen skal være i 25% av tabellens totale bredde) eller pixels, f.eks 100 (behøver ikke skrive noe benevning bak tallet). (Pixels er en måleenhet som brukes i Internett sammenheng, f.eks er 10 cm = 283 pixels.). Trykk Sett inn tabell (Apply) når du har gjort dine valg. Kom i gang med i-tools 18

Hvis du i skjermbildet velger rad (Row) får du følgende skjermbilde opp: Her kan du endre på tabellens rader. Også her har du mange muligheter, det er bare å prøve seg fram, det meste er ganske selvforklarende. Klikker du Tabell (Table) får du opp følgende skjermbilde: Her har du muligheten til å endre innstillingene til hele tabellen. Det vanlige er å ta bort rammene (Border Size), dvs sette den til 0 og endre størrelsen på tabellen. I dette eksemplet er den satt til å være 75% av størrelsen på websiden. Vi anbefaler å sette den til 100%. Nå har vi gått igjennom det å endre på selve tabellen, rader og kolonner. Men hva hvis du f.eks ønsker å legge til en ekstra rad? Enkelt, høyreklikk og velg Sett inn rad (Insert Row). På tilsvarende måte legger du inn ekstra kolonner, samt sletter rader og kolonner. Kom i gang med i-tools 19

Vi setter inn bilde For å sette inn bilde klikker du på. Da får du opp følgende skjermbilde: 1. Forhåndsvisning av bildet valgt i pkt. 2 2. Klikk på et bildenavn for å se forhåndsvisning. Listen viser de bilder du har lastet over i i-tools (Avaliable Images). Du kan selvsagt legge til flere, se Legg til nytt bilde. 3. Navigering mellom mapper (noen løsninger har bare en mappe) 4. Legg til nytt bilde (mer informasjon nedenfor). 5. Formatteringsvalg. Du kan legge til ramme rundt bildet, bestemme hvordan bilde skal stå i forhold til teksten, samt teksten som kommer når brukeren holder musen over bildet (Alt). 6. Klikk på Sett inn bilde (Insert Image) for å sette inn bilde i dokumentet. Legg til nytt bilde Ønsker du å sette inn et bilde som du ikke finner i pkt. 2? Klikk da på Nytt bilde (New Image). Du får da opp dette skjermbildet: Kom i gang med i-tools 20

Klikk på Bla gjennom (Browse...) for å finne det bildet på din PC som du ønsker å sette inn. Når bildet er funnet, klikker du på Åpne (eller tilsvarende, avhengig av operativsystem) og Last opp (Upload). Velg mappe (Select A Directory) viser kun hvis din løsning har flere bildemapper. Endre på bildet Du kan selvsagt endre størrelsen på bildene, marker da bildet og trekk i kantene slik at bildet får den størrelsen du ønsker. Dette anbefaler vi kun for små justeringer, fordi bildestørrelsen (i kb) ikke blir mindre, kun den fysiske størrelsen (høyde og bredde) endres. Laster du opp et stort bilde, og så justerer det ned i i- tools, betyr det i praksis at brukerne dine må vente for å laste ned unødvendig tunge bilder. Før du legger inn bilder i i-tools bør du altså justere bildet ditt i et bildebehandlingsprogram før du laster det opp på nettsiden din. Ved justering av bilder i i-tools, blir det ofte skjevt, og vi anbefaler å høyreklikke på bildet for å endre på egenskapene til det (velg Image Properties). Du vil da få opp følgende vindu: Her får du opp navnet, størrelsen, hvor det er plassert, tekst som dukker opp når brukeren holder musen over bildet (alt-teksten), rammetykkelse, høyden/bredden og linken til bildet. Ønsker du å justere størrelsen på bildet, kan du gjøre det med å endre på høyden og bredden. Du må manuelt finne den riktige nye høyden og bredden (bruk kalkulator). Kom i gang med i-tools 21

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. 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 www.download.com (søk f.eks etter Image editing ). Kom i gang med i-tools 22

Vi lager linker Det er enkelt å lage linker i i-tools. Klikk på. Du får da opp følgende vindu: HREF: Her skriver du inn selve linken, f.eks http://www.kirken.no. Hvis du linker opp til en side på ditt eget nettsted, skriver du ganske enkelt inn filnavnet på siden. For lage en link til en e-post adresse, skriv i HREF feltet: mailto:epost@domene.no Når brukeren da klikker på linken, vil e-post leseren til vedkommende åpne seg. Du kan velge hvor linken skal åpnes (Target), f.eks i nytt nettleservindu. Du har følgende valg her: Samme vindu: 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. www.ivar.rl.no er et eksempel på nettsted som bruker frames). Nytt vindu: 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. Opp et nivå: Linken åpnes i overordnet ramme. Blir sjelden brukt. Toppen: 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. NB! Når du skriver inn en web-adresse (f.eks www.kirken.no) blir den automatisk lagt inn som en link. Kom i gang med i-tools 23

Pop-up vindu Klikk på -tegnet. Du får da følgende vindu opp: Dette er en funksjon for å åpne en bestemt side/bilde i et nytt vindu uten menylinje og adressefelt i toppen. Et typisk bruksområde kan være å linke opp et lite bilde til en stor utgave av det samme bildet. Du har de samme muligheter som i avanserte web-program; bestem høyde og bredde, hva som skal vise av verktøylinje, adresselinje m.m. URL: Linken til vinduet som skal åpnes opp. I dette tilfellet blir bildet kalt image.gif linket opp til et vindu som er 400 x 400 pixler. Forklaring på egenskapene (Attributes) til pop-up vinduet: Navigation toolbar: Viser verktøylinjen med Tilbake, Frem osv. Menubar: Viser menyen i toppen med Fil, Rediger, Vis osv. Location toolbar: Viser Adresse-linjen (f.eks www.i-tools.no) Scrolling: Viser scroll-feltet. Status window: Viser status-linjen nederst i nettleseren. Resizable: Om vinduet skal være justerbart. 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: Kom i gang med i-tools 24

Trykk så på Ekstern link. Følgende vindu dukker da opp: Her legger du inn linken (i dette tilfellet www.tsmaskin.no) 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 markøren på den delen på siden som det skal linkes til. 2. Klikk på tegnet. I feltet Navn (Name) skriver du navnet på ankeret med, f.eks kapitell1. La alle andre felter være tomme. 3. Marker den teksten det skal linkes fra. 4. Klikk på tegnet. I HREF feltet skriver du inn navnet på ankeret med # tegnet foran, i dette tilfellet #kapitell1. La alle andre felter være tomme. Trykk Sett inn link (Insert Link). Nå blir linken aktiv, og linkes til der hvor du satte inn ankeret (i pkt. 1). Det er også mulig å linke opp til et kapittel på en annen web-side. Skriv da navnet på filen og navnet på ankeret i samme HREF feltet, f.eks "prosjekthaandboken.cfm#ordre". Internlinking Internlinking brukes hvis du ønsker å linke fra en side til en annen i din egen løsning. Det kan være noe vanskelig første gangen. Vi prøver oss med et eksempel: I i-tools klikker du deg inn på den siden det skal linkes til. Noter IDèn til denne filen ved å trykke høyre musetast og "Egenskaper" Vår valgte fil har ID 3176 (se bilde nedenfor). Kom i gang med i-tools 25

Finn ut web-adressen til den filen det skal linkes til. Den er ofte tekstsider.cfm eller hoved.cfm. Se hva de andre filene ender på (Spør eventuelt InBusiness om dette, de ulike løsningene har av og til ulike web-adressser). I tillegg må du legge til IDèn. I praksis blir linken ofte slik: tekstsider.cfm?id=3176 Bruk så linken tekstsider.cfm?id=3176 i HREF feltet når du skal linke til den nye siden. Kom i gang med i-tools 26