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

Transkript

1 Notat Denne «oppskriften» er basert på erfaringer om hva som går bra når en benytter Word til å lage navigasjonsdiagrammer. Det finnes sikkert andre måter som også gir et brukbart resultat. Det er bare å eksperimentere Følgende «tommelfinger-regler» bør (må) følges: Innledning Kun en linje i dokumentet Minst ett tegn i linjen Figurer / bokser skal plasseres «foran tekst» Figurene skal ha absolutt plassering... 4 Vannrett til høyre for Marg... 4 Loddrett under Avsnitt Figurene må være innenfor margene Tekst settes inn i «bokser» uten linje- og fyll-farge Bruk fonten Verdana Konvertering til HTML-filtrert Sett PNG som grafikk-format... 8 Tips og triks... 9 Utnytte hele bredden i en figur til tekst... 9 Lage Mal for navigasjonsdiagrammer i EK Begrunnelse / forklaring Punkt Forklaring 1 Når det er bare en linje i dokumentet får alle objekt-anker samme plassering. 2 Enkelte Word versjoner krever at dokumentet har minst et tegn. 3 Foran tekst for å kunne plassere figurene slik en vil ha dem når det er bare en linje. 4 Alle figurer må være plassert relativt til samme punkt (Anker). 5 Bare det som er innenfor margene vil vises på web-siden. 6 For å kunne plassert tekst-objekter sammen med de andre figurene. 7 For at «skriften» skal bli best mulig lesbar på web-siden. 8 For å fjerne all Office spesifikk html-kode og lage «standardiserte» web-sider. 9 For å få pene bilder i alle web-lesere (Browser).

2 Innledning EK-portalen er en webside som består av et hode og flere panel som vist nedenfor. Hovedpanelet kan benyttes til å vise navigasjonsdiagrammer. Et navigasjonsdiagram er et brukergrensesnitt bygget opp av HTML kode. Det er ikke nødvendig å kunne HTML for å bygge et navigasjonsdiagram. Word kan benyttes til å tegne navigasjonssider som du vil presentere i EK-Portalen. Da trenger du ingen kunnskap om HTML eller HTML-verktøy. Men det må gjøres på «riktig» måte i Word for å få et godt resultat. Oppskriften er basert på Word 2010 og nyere. NB! Unngå bruk av - Lerret - Smart-Art Disse funksjonene kan kun benyttes dersom du skal lage websider hvor du ikke har behov for linker til andre dokumenter. Linker vil ikke fungere fordi Word konverterer Lerret til statiske bilder. Side 2 av 10

3 1. Kun en linje i dokumentet På menylinjen i Word (på Hjem-fanen, seksjonen Avsnitt) finner du knappen Når du klikker på den vises kontrolltegnene i dokumentet, og dermed dokumentets innhold. Det som er viktig for oss er tegnene for enden av en linje og for anker Ankeret angir hvilken linje i dokumentet figuren er plassert i forhold til. Ankerets plassering (anchor) vises når du klikker på rammen til en figur. Alle figurene må ha ankeret plassert på samme linje for å sikre at konvertering til webside (html-filtrert) skal gå bra. Derfor er det lurt at dokumentet har bare en linje. I et dokument med bare en linje vil alle figurene ha sitt anker på samme linje. Rett «Galt» Erfaringen viser at det også går bra dersom dokumentet har mer enn en linje, men da må en være svært nøye med å sjekke at alle figurene har sitt anker på samme linje (i første avsnitt). Du sparer deg for mange problemer hvis dokumentet bare har en linje. 2. Minst ett tegn i linjen I noen tilfeller har vi sett at Word ikke klarer å lage en brukbar html-side (kode) når dokumentet kun inneholder en helt tom linje. Derfor er det lurt at linjen inneholder minst ett tegn, for eksempel: ett «mellomrom» ( ) eller en overskrift ( ) Side 3 av 10

4 3. Figurer / bokser skal plasseres «foran tekst» Høyreklikk på rammen til figuren og velg «Flere alternativer for oppsett» Gå til tekstbrytingsfanen og velg foran teksten. 4. Figurene skal ha absolutt plassering Vannrett til høyre for Marg Loddrett under Avsnitt Høyreklikk på figuren og velg «Flere alternativer for oppsett» Plassering og tekstbryting må settes på alle figurene i dokumentet. Den enkleste måten er å - holde inne Shift-knappen - klikke på hver figur (merk alle) - høyreklikk på en av figurene (rammen) og så sette disse innstillingene på alle figurene samtidig. Side 4 av 10

5 5. Figurene må være innenfor margene Ved generering av web-siden tas det utgangpunkt i øvre venstre hjørne. Alle figurer/ bokser må være plassert til høyre for venstre marg og under topp-margen. Rett Galt Slå på linjal for å se nøyaktig hvor margene går. Margene kan settes til 1 cm Det gjør du enten ved å dra i marg-markørene på linjalen (Legg merke til hvordan markøren endres) eller på Sideoppsett Marger Velg Egendefinert marger som vist til høyre Side 5 av 10

6 For å bekrefte at en figur ikke er plassert utenfor margene høyreklikk på figuren og velg «Flere alternativer for oppsett». Kontroller at posisjonen ikke har en negative verdier. Rett Galt 6. Tekst settes inn i «bokser» uten linje- og fyll-farge Tekst som du vil ha utenfor figurene (bortsett fra en eventuell overskrift nevnt i forrige punkt) må likevel settes inn i bokser som plasseres på samme måte som de andre figurene. Trikset er å opprette bokser uten linje- og fyll-farge. Opprett en figur, høyre mus-klikk og velg «Legg til tekst». Fjern linje- og fyll-farge på boksen etter at du har skrevet noe i tekstfeltet. Det gjøres ved å klikke på rammen av boksen, rammen markeres da med heltrukken linje. (Når rammen er stiplet er det et tegn på at du er i tekstboksen i figuren). Høyre mus-klikk og velg «Formater figur» Velg deretter «Ingen linjefarge» og «Uten fyll» 7. Bruk fonten Verdana Bruk fonten Verdana eller en annen font som er spesielt godt egnet for tekst på web-sider. Dette bør du gjøre på all tekst i bokser og figurer. Figurer/bokser blir lagret som bilder når web-siden blir generert. Disse bildene blir tydeligst når skrift fonten er Verdana eller en annen spesialtilpasset font for web-sider («pixel basert»). Side 6 av 10

7 8. Konvertering til HTML-filtrert Navigasjonsdiagrammer som lages vha. Word i EK skal publiseres til HTML-filtrert. Når en velger HTML-filtrert oppnår en to ting: - Office spesifikk HTML-kode kommer ikke med på web-siden - Web-siden kan åpnes i alle web-lesere Trykk på Filformater knappen og legg til HTML filtrert som et tilleggs-format. Husk å angi at dette skal være default web-format (prikken på høyre side) Side 7 av 10

8 9. Sett PNG som grafikk-format Figurene blir til bilder ved konvertering til HTML. Resultatet blir penest / best om du angir at PNG skal benyttes som bildeformat. Dette kan gjøres i Word på Fil Alternativer Avansert Webalternativer Den samme innstillingen finner du når du trykker «Lagre som» og velger filtype «Webside, filtrert». Side 8 av 10

9 Tips og triks Utnytte hele bredden i en figur til tekst Inne i en figur er det en tekstboks med sine indre marger. Ved å redusere marger kan du få plass til lengre ord i en boks. Høyreklikk på figur og velg «Formater figur» Velg fanen «Alternativer for tekst». Velg underfanen «Oppsett og egenskaper». Juster tekstboksens marger. Side 9 av 10

10 Lage Mal for navigasjonsdiagrammer i EK Dersom du lager en mal slipper du å huske alle reglene hver gang du oppretter et nytt navigasjonsdiagram. I EK gå til System Vedlikehold av maler. Trykk «Ny». Gi malen en tittel og klasse Word. Trykk «OK». Et nytt vindu kommer opp. Her velger du hvilket dokument malen skal ta utgangspunkt i. Velg en enkel mal og trykk «OK». Malen åpnes i Word. Sett alle innstillingene: - Forsikre at det bare er en linje i dokumentet. - Lag et tegn i dokumentet (Overskrift eller mellomrom). - Juster margene slik du vil ha de for alle websider. - Juster topp/bunn-tekst slik du vil ha de for alle websider. - Sett PNG som grafikk-format. NB! Bedriftsnavnet er nødt til å være med i dokumentet. Det må derimot ikke være synlig. Dette er en sikkerhetsmekanisme. Når du er ferdig med malen gå igjen til System Vedlikehold av maler i EK. Velg malen og trykk «Egenskaper». Gå til Filformater og trykk «Endre». Malen bør ha DOCX som originalformat. Sett «Html, filtrert» som publiseringsformat. Trykk «Lagre». Side 10 av 10