BRUK AV TEKSTEDITOREN

Transkript

1 Dynamisk Internett-publisering med DM Web BRUK AV TEKSTEDITOREN BRUKERVEILEDNING 2007 Datamann AS

2 er Brukermanualen er utarbeidet av Datamann AS Postboks ØKSFJORD Telefon Telefaks E-post: Web: Kontaktperson er Arve Berntzen. 2

3 er INNHOLDSFORTEGNELSE 1 OM TEKSTEDITOREN BRUK AV TEKSTEDITOREN SKRIVE INN, REDIGERE OG FORMATERE SETTE INN LENKE TIL ANNEN INTERNETTSIDE ELLER E-POST SE PÅ HTML-KODE SETTE INN BILDER I EDITOREN SETTE INN EN HORISONTAL (VANNRETT) LINJE FILBEHANDLEREN SETTE INN EKSISTERENDE BILDE SETTE INN ET BILDE FRA LOKAL PC (LASTE OPP BILDE) LASTE OPP DOKUMENTER OG LAGE KOBLING TIL DISSE I EDITOREN

4 Om teksteditoren 1 Om teksteditoren Ved hjelp av teksteditoren kan man skrive inn, redigere og formatere tekst og bilder etter samme prinsipper som tekstbehandlingsprogram (f.eks. Word), men med noen færre muligheter. 2 Bruk av teksteditoren 2.1 Skrive inn, redigere og formatere For å skrive inn tekst i editoren klikker du bare inne i den, og starter innskrivingen. På samme måte som i Word kan du klippe ut, kopiere og lime inn elementer i editoren. Du kan også venstre-, midt- og høyrejustere teksten, samt sette punktmerking og nummerering, og gjøre teksten fet, kursivert eller understreket. Dette beskrives ikke i detalj i denne brukermanualen, da det fungerer på samme måte som i en tekstbehandler. Men legg merke til at det er to måter å lime inn tekst fra andre dokumenter på: Lim inn, som er ordinær innliming, og Lim inn fra Word, som kan benyttes for innliming fra et Word-dokument. Årsaken til at det finnes egen innliming fra Word er at Word-dokumenter har spesiell formatering, og vanlig innliming fra et Word-dokument kan i menge tilfeller gi feil formatering. Du kan endre skriftstil, skrifttype og størrelse vha. nedtrekksmenyer i den øverste verktøylinja i editoren.

5 Bruk av teksteditoren Stil er ferdig definerte utseender på teksten. Stilene endres stort sett ifb. med overskrifter Heading 1 gir størst skrift, Heading 6 gir minst. Skrift gir mulighet for endring av utseende på skriften, dvs. skrifttype. Skrift str gir mulighet for å gjøre skriftstørrelsen større eller mindre. Til vanlig bruker man ikke disse skriftformateringsmulighetene. All tekst som skrives inn er ferdig formatert, det er kun i spesielle tilfelle at man gjør endringer, f.eks. ifb. med overskrifter, utheving av tekst o.l. Du har også mulighet for å endre farge på teksten. Da må du klikke på aktuell verktøyknapp for å få fram fargeboksen. Merk så den teksten du ønsker å skifte farge på, og klikk på ønsket farge i fargeboksen. 2.2 Sette inn lenke til annen Internettside eller e-post Editoren gir mulighet for å legge inn lenke (hyperkobling) til andre Internettsider eller til e-postadresser. Fremgangsmåten er slik: Lenke til ekstern Internettside: 1. I editoren merker du den teksten du ønsker skal være en kobling til annen Internettside. 2. Klikk på verktøyknappen for hyperkobling i editoren. 3. Du får da opp en liten dialogboks. I øverste linje, i det lengste feltet, skal du skrive inn stien /adressen til den Internettsiden du ønsker å koble til. Et tips er å først gå til den siden du vil koble til, og så kopiere adressen som står i adressefeltet oppe i nettleseren. Når du så er tilbake til dialogboksen over kan du bare lime adressen rett inn i feltet. 4. Hvis du ønsker at den nye siden skal åpnes i et helt nytt nettleservindu velger du verdien Nytt vindu i feltet Ramme, se bildet ovenfor. 5. Når du er ferdig trykker du Sett inn-knappen. 5

6 Bruk av teksteditoren Lenke til intern (egenprodusert) Internettside: 1. Gjør pkt. 1 og 2 i beskrivelsen ovenfor. 2. I dialigboksen som kommer opp skal du i feltet for Source skrive inn følgende tekst: vis_dynamisk.asp?id=22, der tallet 22 henspeiler på ID-nummeret til den interne siden du vil koble til. I eksemplet på bildet til høyre er det valgt ID=59, dvs. siden som har ID=59. NB! Sidens ID-nummer finner du ved gå til administrasjonssiden for hovedsider. Der står sideid til alle sider. Noter nummeret til den siden du vil lenke til, og skriv det inn i dialogboksen. 3. Klikk på knappen insert for å bekrefte dette valget. Koble til e-postadresse: 1. I editoren merker du den teksten du ønsker skal være en kobling til en e- postadresse. 2. Klikk på verktøyknappen for hyperkobling i editoren. 3. Du får da opp den samme dialogboksen. I feltet Sti velger du nå mailto: 4. I feltet til høyre for mailto: skriver du nå inn den aktuelle e- postadressen. 5. Når du er ferdig trykker du Sett inn-knappen. 2.3 Se på html-kode Når du skriver inn tekst, lager tabeller, setter inn bilder osv. i editoren blir det generert såkalt html-kode automatisk. Det er denne koden som bestemmer hvordan nettsiden blir seende ut. For de som ønsker å se på og evt. endre denne html-koden er det bare å klikke på verktøyknappen for dette. Koden kommer opp i et eget vindu, og du kan gjøre endringer etter ønske. Klikk på OK-knappen for å godkjenne endringene. 6

7 Bruk av teksteditoren 2.4 Sette inn bilder i editoren Dersom du skal sette inn et bilde i editoren klikker du på bildeknappen på verktøylinja. Du får da opp vinduet for Filbehandleren, der du velger ut bilder. Se informasjon om bruk av Filbehandleren i kap Sette inn en horisontal (vannrett) linje Hvis du ønsker å dele teksten med en vannrett linje klikker du på Horisontal strek -knappen på verktøylinja. Du vil da få satt inn en vannrett linje. 7

8 Filbehandleren 3 Filbehandleren Filbehandleren er et tillegg til editoren som gjør det mulig å sette inn bilder, dokumenter, mediafiler mm. på nettsiden. I vårt system brukes Filbehandleren til: Plukke bilder til nyheter på startsiden og til bildegalleri Sette inn bilder i editoren Sette inn og lage lenker til dokumenter (Word, PDF, Excel osv.) i editoren Filbehandleren brukes også til å laste opp bilder, dokumenter mm. fra lokal PC til Internett. For å åpne Filbehandleren klikker du på en dertil egnet verktøyknapp. I editoren må du klikke på Image -knappen for å åpne. Merk at dette gjelder også når du skal laste opp og lage lenker til dokumenter. Når det gjelder bilder er det viktig at disse er i riktig størrelse, dvs. at bredde (og noen ganger også høyde) har riktig størrelse, målt i piksler (pixels). Korrekte pikselstørrelser finner du i brukermanualen for administrasjon av det dynamiske publiseringssystemet DM Web. For beskrivelse av hvordan Filbehandleren fungerer, se de neste sidene. 8

9 Filbehandleren 3.1 Sette inn eksisterende bilde Utgangspunkt: Du skal sette inn et bilde som allerede finnes på nettsidene. Framgangsmåte: Pass på at du har satt markøren på rett plass i editoren. Start opp Filbehandleren ved å klikke på knappen Bilde på verktøylinja øverst i editoren. Følg så denne oppskriften: 1. Til høyre for feltet Sti øverst klikker du på det gule mappeikonet, og Filbehandler-vinduet blir åpnet. 2. Klikk i feltet øverst til venstre for å velge ønsket mappe. 3. Bildene i mappa blir listet opp under. Klikker du på en bildefil får du se en visning av bildet i feltet til venstre for listen. Klikk på ønsket bilde, og klikk OK-knappen nederst til høyre. 4. Tilbake i dialogboksen Bilde Dialogboks for webside har du flere valg: a) Alternativ Tekst: Benyttes dersom du vil vise en alternativ tekst når man fører musepekeren over bildet. b) Justering: Dersom du vil at teksten skal flyte rundt bildet må du velge justering. Vanlig justering er venstre eller høyre, dvs. at bilden kommer på venstre eller høyre del av siden, med teksten flytende rundt seg. c) Ramme typografi: Hvis du ønsker ramme rundt bildet klikker du på knappen, og velger linjetype, tykkelse og farge, og trykker OKknappen. Du vil se hvordan utseendet vil bli i eksempelet nederst i dialogboksen. 5. Når du er ferdig klikker du på Sett inn-knappen nede til høyre. Bildet vil da bli satt inn i editoren på det stedet der markøren står. 9

10 Filbehandleren 3.2 Sette inn et bilde fra lokal PC (laste opp bilde) Utgangspunkt: Du skal sette inn et bilde som er klargjort på din PC, men som først må lastes opp til nettsidene. NB! Bildet må være klargjort på forhånd, dvs. at rett størrelse må være satt. For minibilder er størrelsen aldri mer enn 150 piksler, for store bilder ikke mer enn piksler. Se i brukermanualen for nettsidene for å vite rett størrelse for de forskjellige typene av bilder. Framgangsmåte: Pass på at du har satt markøren på rett plass i editoren. Start opp Filbehandleren ved å klikke på knappen Bilde på verktøylinja øverst i editoren. Følg så denne oppskriften: 1. Til høyre for feltet Sti øverst klikker du på det gule mappeikonet, og Filbehandler-vinduet blir åpnet. 2. Klikk i feltet øverst til venstre for å velge den mappen du ønsker å legge bildet i, vanligvis mappen bilder. 3. Under visningsfeltet klikker du på knappen Bla gjennom, og du vil få opp en ny dialogboks der du skal lete deg fram til bildet på din lokale PC. 4. Når du har funnet riktig bilde merker du det og klikker knappen Åpne. Pass på at du velger et bilde som er klargjort for bruk på Internett, se øverst på denne siden. Du kommer tilbake til Filbehandleren. Klikk Send -knappen til høyre for Bla gjennom for å laste bildet opp til valgt mappe. 5. Når bildet er lastet opp blir det merket i Filbehandleren, og du ser visningen av det i visningsfeltet til venstre. Klikk OK-knappen nede til høyre for å bruke bildet. 6. Tilbake i dialogboksen Bilde Dialogboks valg, se pkt. 3.1, underpunkt 4 (forrige side). for webside gjør du nødvendige 7. Når du er ferdig klikker du på Sett inn-knappen nede til høyre. Bildet vil da bli satt inn i editoren på det stedet der markøren står. Dersom du skal laste opp flere bilder må du gjenta punkt 3-4 for hvert bilde. 10

11 Filbehandleren 3.3 Laste opp dokumenter og lage kobling til disse i editoren Utgangspunkt: I noen tilfeller er det behov for å benytte et eksisterende dokument på nettsidene, vanlivis Word- eller PDF-dokument. Det er mulig å laste opp slike dokument fra egen PC og lage kobling (lenker) til disse i teksteditoren. Pass på at størrelsen på filene ikke blir veldig store, dette vil fort gjøre at all plassen på nettstedet blir oppbrukt. Filstørrelser på kb er helt akseptable. Framgangsmåte: 1. Først merker du den teksten som skal være en hyperkobling/lenke til ditt dokument. Så klikker du på knappen Hyperkobling i verktøylinja øverst i editoren, og får opp dialogboksen Link Dialogboks for webside. 2. I denne dialogboksen klikker du på mappeikonet helt til høyre for de øverste feltene, og kommer inn i filbehandleren. Legg merke til at det i feltet øverst til høyre nå står Alle Filer, det betyr at det ikke bare er bilder som er tilgjengelig. 3. I feltet øverst til venstre klikker du og velger mappa dokumenter. Det er her alle slike filer/dokumenter bør ligge. 4. Hvis dokumentet allerede ligger i mappa er det bare å klikke på det for å merke det, klikke ok -knappen og gå videre med punkt 7. Hvis du må laste opp dokumentet klikker du på Bla gjennom, og du vil få opp en ny dialogboks der du skal lete deg fram til dokumentet på din lokale PC. 5. Når du har funnet riktig dokument/fil merker du det og klikker knappen Åpne. Du kommer tilbake til Filbehandleren. Klikk Send -knappen til høyre for Bla gjennom for å laste dokumentet opp til valgt mappe. 6. Når dokumentet er lastet opp blir det merket i Filbehandleren. Klikk OKknappen nede til høyre for å bruke dette dokumentet. 7. Tilbake i dialogboksen Link Dialogboks for webside klikker du på Sett inn -knappen for å fullføre koblingen. 11