FrontPage 2000

Slik lager og publiserer du Websider

Kan kun brukes etter avtale med Magnus Nohr ã

Laget av

Magnus Nohr

Høgskolen i Østfold 2001.


Innkholdsfortegnelse

1     Om Websider 6

1.1       Opprette en sidemal 6

1.2       Angi bakgrunnsfarge for en side. 7

1.3       Overføre bakgrunn og farger fra én side til en annen. 7

1.4       Angi sidemarger 7

1.5       Formatere tekst 7

2     Bilder i Fontpage. 8

2.1       Hvordan grafikk påvirker Web-området 8

2.2       Legge til et bilde fra en fil 8

2.3       Legg til et bilde fra Internett 9

2.4       Lage en miniatyr av et bilde (THUMBNAIL) 9

2.5       Skalere grafikk. 9

2.6       Ta et nytt utsnitt av et bilde. 10

2.7       Angi tekst som skal vises i stedet for grafikk. 10

2.8       Bilde Typer og formater 10

2.8.1        Animerte GIF-bilder og videoklipp. 10

2.8.2        Bilder 10

2.9       Konvertere et bilde til GIF-, JPEG- eller PNG-format 11

2.10     Angi bakgrunnsbilde for en side. 11

2.11     Farger 12

2.12     Tabeller 12

3     Navigasjonsstrukturer 14

3.1       Hva er et navigasjonsfelt?. 14

3.2       Navigasjonsstruktur 14

3.3       Hyperkoblinger for navigasjon. 15

3.4       Plassere navigasjonsfelt på sider 15

3.5       Navigasjonsfelt i delte kantlinjer 16

3.6       Angi navigasjonsstruktur for Web-områder 17

3.7       Legge til et navigasjonsfelt på en side. 17

3.8       Endre hvilke sider som skal vises i navigasjonsfeltet 18

3.9       Utelate sider fra navigasjonsfelt 18

3.10     Legge til eksterne hyperkoblinger i navigasjonsfelt 19

3.11     Endre sideetiketter i navigasjonsfelt 19

3.12     Endre retningen til navigasjonsfelt 19

3.13     Vise knapper eller hyperkoblinger med tekst i navigasjonsfelt 19

3.14     Endre tekstformatet til navigasjonsfelt 20

3.15     Endre tittelen på en fil 20

3.16     Skrive ut navigasjonsstrukturen til et Web-område. 20

3.17     Slette navigasjonsfelt fra en side. 20

3.18     Lage områdekart ved hjelp av kategorier 20

3.19     Legge til en liste med filer fra en kategori til en side. 21

3.20     Lage innholdsfortegnelse for et Web-område. 22

3.21     Angi egenskaper for innholdsfortegnelser 23

3.22     Generere en innholdsfortegnelse på nytt når en side redigeres. 23

3.23     Lagre endringer i navigasjonsvisning. 23

4     Hyperlinkkoblinger 24

4.1       Om hyperkoblinger 24

4.1.1        Hva er en hyperkobling?. 24

4.1.2        Hva er en URL-adresse?. 24

4.1.3        Bruke tekst eller bilder 25

4.1.4        Hvordan hyperkoblinger vises. 25

4.2       Måter å bruke hyperkoblinger på. 25

4.2.1        Bruke bokmerker 26

4.2.2        Styre hyperkoblinger 26

4.3       Opprette en hyperkobling til en side eller fil på et Web-område. 26

4.4       Opprette en hyperkobling til en side eller fil på World Wide Web. 27

4.5       Opprette en hyperkobling til en side eller fil i et filsystem.. 27

4.6       Opprette en hyperkobling til en ny side. 27

4.7       Opprette en hyperkobling til et Office-dokument 28

4.8       Lage et bokmerke. 28

4.9       Opprette en hyperkobling til et bokmerke. 29

4.10     Opprette en hyperkobling til å sende en e-postmelding. 29

4.11     Legge til eksterne hyperkoblinger i navigasjonsfelt 29

4.12     Følge en hyperkobling. 30

4.13     Gå til et bokmerke på en side. 30

4.14     Redigere en hyperkobling. 30

4.15     Angi farger for hyperkoblinger 30

4.16     Legge til skrifteffekter i en hyperkobling. 31

4.17     Slette en hyperkobling. 31

4.18     Slette et bokmerke. 31

4.19     Legge til et aktiveringspunkt i grafikk. 31

4.20     Legge til et aktiveringspunkt med tekst i grafikk. 32

4.21     Utheve aktiveringspunktene i grafikk. 32

4.22     Redigere, flytte, skalere eller slette et aktiveringspunkt i grafikk. 33

5     Publisering. 33

5.1       Om publisering generelt 33

5.2       Publisere et Web-område til en plassering i et filsystem.. 34

5.3       Flagge sider for søkemotorer 34

5.4       Publisering ved Høgskolen i Østfold. 35

6     Hurtigtaster 36

 


1         Om Websider

Sider er grunndokumentene i World Wide Web og skrives i HTML (HyperText Markup Language). Sidene kan enten inngå som en del av et Web-område, eller de kan stå for seg selv. Mange av funksjonene i Microsoft FrontPage fungerer bare hvis du arbeider på et Web-område. Det har for eksempel ingen hensikt å bruke navigasjonsfelt på en enkeltstående side, siden slike felt brukes av besøkende til å navigere til andre sider på et Web-område.

HTML

En HTML-side inneholder HTML-koder, som er innebygde kommandoer som gir informasjon om struktur, utseende og innhold på siden. Web-lesere bruker denne informasjonen til å bestemme hvordan siden skal vises.

Du trenger ikke kunne HTML for å kunne bruke Microsoft FrontPage. Du redigerer sidene på samme måte som i et tekstbehandlingsprogram – skriver inn og formaterer tekst, og legger til grafikk, tabeller og andre sideelementer – mens HTML-kodene automatisk legges til i bakgrunnen. Siden vises slik den vil se ut i en Web-leser. Du kan imidlertid vise HTML-kodene på siden, og hvis du er fortrolig med HTML, kan du skrive inn og redigere HTML-kodene selv.

Opprette og utforme sider

Det er enkelt å utforme profesjonelle og fine Web-sider i FrontPage ved hjelp av sidemalene, som gir deg mange forskjellige oppsett og funksjoner å velge mellom. Du kan for eksempel bruke en FrontPage-mal til å opprette en side med to spalter eller en side med et søkeskjema. Du kan også velge et av temaene hvis du vil lage flere sider med lik utforming. Et tema består av felles utformingselementer med samme fargevalg, herunder skrift, grafikk, bakgrunner, navigasjonsfelt, vannrette linjer og andre sideelementer.

Hvis du foretrekker å utforme og sette opp sidene selv, kan du starte med en tom side:

 

1.1       Opprette en sidemal

En mal er en forhåndsutformet side som kan inneholde sideinnstillinger, formatering og sideelementer. Du kan opprette dine egne sidemaler slik at du raskt kan lage sider med likt oppsett på Web-området. Maler er svært nyttige i miljøer hvor det er flere redigerere, fordi de gjør det enklere for redigerere å utforme sidene på samme måte.

Hvis alle sidene for eksempel skal ha en firmalogo og beskrivelse øverst på siden, kan du lage en mal som inneholder disse elementene. Når du bruker denne malen til å opprette en ny side, plasseres logoen og beskrivelsen automatisk på siden.

Når du oppretter en sidemal, oppretter du en side med innstillingene og sidelementene du vil ha, og lagrer deretter siden som mal. Malen vises sammen med de andre malene i FrontPage. Når du vil bruke malen til å opprette en ny side, velger du den ganske enkelt i listen.

Obs!  En side hvor det er brukt et tema, kan lagres som mal. Sider som baseres på denne malen, bruker enten standardinnstillingen på tema for Web-området, eller et bestemt tema, avhengig av hvordan temaet er angitt på den opprinnelige siden. Si for eksempel at du lager en mal basert på en side hvor det er brukt et tema, og deretter oppretter sider i et Web-område som har standardtemaet Kunst. Hvis standardtemaet for Web-området er brukt i sidemalen, brukes temaet Kunst på nye sider. Hvis det er angitt et spesifikt tema i sidemalen, brukes dette temaet på nye sider.

  1. Lag en side med de sideinnstillingene og -elementene du vil bruke i malen, i sidevisning. Lag for eksempel en side som inneholder generell tekst, kommentarer og så videre.
  2. Velg Lagre somFil-menyen.
  3. Velg Frontpage-mal (*.tem) i boksen Filtype.
  4. Velg Lagre.
  5. Skriv inn en tittel for malen, i boksen Tittel. Tittelen vises sammen med standardmalene i kategorien Generelt i dialogboksen Ny.
  6. Skriv inn filnavnet på malen i boksen Navn. Riktig filtype settes automatisk inn.
  7. Skriv inn en beskrivelse av malen i boksen Beskrivelse, for eksempel hvilken type sider den oppretter. Når du oppretter en ny side, vises beskrivelsen i dialogboksen Ny når du velger denne malen.

1.2         Angi bakgrunnsfarge for en side

Du kan angi bakgrunnsfarge for en side.

Obs!  Hvis det er angitt et tema for siden, endrer du bakgrunnsfargen ved å endre fargene som brukes i temaet.

  1. Høyreklikk siden i sidevisning, velg Egenskaper for side på hurtigmenyen, og deretter kategorien Bakgrunn.
  2. Velg en bakgrunnsfarge i boksen Bakgrunn.

1.3         Overføre bakgrunn og farger fra én side til en annen

Hvis du har angitt bakgrunnsbilde, bakgrunnsfarger, hyperkoblingsfarger og tekstfarger for én side, kan du bruke disse innstillingene på andre sider på samme Web-område.

Obs!  Hvis det er angitt et tema for gjeldende side, deaktiveres denne funksjonen.

  1. Åpne siden som du vil overføre bakgrunnen og fargene til, i sidevisning.
  2. Høyreklikk siden, og velg Egenskaper for side på hurtigmenyen.
  3. Velg kategorien Bakgrunn.
  4. Merk av for Hent bakgrunnsinformasjon fra en annen side.
  5. Velg Bla gjennom.
  6. Merk siden som inneholder bakgrunnen og fargene du vil bruke.

1.4         Angi sidemarger

Du kan angi størrelsen på topp- og venstremargen på en side.

  1. Høyreklikk siden i sidevisning, og velg Egenskaper for side på hurtigmenyen.
  2. Velg kategorien Marger.
  3. Hvis du vil angi en toppmarg, merker du av for Angi toppmarg, og skriver inn en verdi for marghøyden i piksler.
  4. Hvis du vil angi en venstremarg, merker du av for Angi venstre marg, og skriver inn en verdi for margbredden i piksler.

1.5         Formatere tekst

Du kan formatere tekst i Microsoft FrontPage på samme måte som du gjør i et tekstbehandlingsprogram, for å legge til visuell organisasjon, utheving og struktur. Du kan endre skrifttype, skriftstørrelse, skriftstil, skriftfarge, tegnavstand og vertikal plassering av teksten samt legge til effekter, for eksempel understreking. Du kan også styre avstand og innrykk, sette inn punktmerking og nummerering eller angi justeringsverdier. Du kan for eksempel formatere vanlig brødtekst med skrifttypen Times New Roman, størrelse 10, og overskrifter slik at de midtstilles, får skrifttypen Arial, størrelse 16, og fet skrifttype.

Tekst og avsnitt

Formateringen du bruker, gjelder enten for merkede ord eller for hele avsnitt. En generell regel er at du kan bruke skriftegenskaper på merket tekst, og avsnittsegenskaper (inkludert punktmerking, nummerering, kantlinjer og skygge) på hele avsnitt. Du kan for eksempel kursivere ett enkelt ord i et avsnitt, men hvis du prøver å høyrejustere ordet, justeres hele avsnittet.

Et avsnitt er en tekstblokk som er skilt fra en annen ved hjelp av et avsnittsmerke
 (        ). Hvis tekstlinjer skilles av linjeskift (), regnes teksten som et avsnitt. Du kan vise avsnittsmerkene og linjeskiftene ved å klikke Vis alle .

Stiler

En stil er en samling skrifts- og avsnittsinnstillinger. Å bruke en stil på en tekst er en ettrinnsprosedyre og en mye raskere måte å formatere tekst på enn å formatere hvert enkelt tekstavsnitt for seg. Teksten blir også formatert mer ensartet når du bruker stiler. Hvis du for eksempel ønsker at hovedoverskriftene skal skille seg fra annen tekst, kan du bruke stilen Overskrift 1 og la brødteksten stå i stilen Normal (standard), som bruker en mindre skrifttype. Du kan fremdeles bruke ekstra formatering på tekst som har en bestemt stil, for eksempel for å understreke et ord. Du kan opprette og endre stiler og lage dine egne stilark.

Du kan også bruke tema til å formatere tekst automatisk fordi hvert enkelt tema inneholder forhåndsdefinerte stiler. Hvis du vil endre utseendet til tekst som har et bestemt tema, kan du enten endre stilene til temaet eller formatere merket tekst.

2         Bilder i Fontpage

2.1         Hvordan grafikk påvirker Web-området

Økt størrelse på Web-områder

Når du legger til grafikk, som for eksempel bilder, animasjoner og videoklipp, på et Web-område, øker størrelsen på området raskt. Størrelsen og kvaliteten på grafikken, samt type og antall grafiske elementer er ting du bør tenke på hvis Internett-leverandøren du bruker, har begrenset plassen du kan bruke på Web-området. Her er noen forslag til måter å gjøre bildefilene mindre på:

Når du skalerer et bilde, endres bare måten det vises på i de besøkendes Web-lesere. Derfor blir ikke filstørrelsen mindre hvis du bare skalerer et stort bilde slik at det vises på mindre plass. Hvis du vil redusere filstørrelsen, må du ta et nytt utsnitt av bildet etter at du har skalert det .

Sider som tar lang tid å laste ned

Det kan ta lang tid å laste ned grafikk, spesielt for besøkende med treg Internett-tilkobling. Prøv en av metodene nedenfor for å gjøre grafikken enklere å laste ned:

En miniatyr er en liten versjon av bildet, og lastes ned svært raskt. Når besøkende ser miniatyren, kan de selv bestemme om de vil laste ned hele bildet. Med funksjonen Autominiatyrbilde lages en miniatyr automatisk med hyperkobling til det opprinnelige bildet .

Lag en lavoppløsningsversjon av bildet, videoen eller det animerte GIF-bildet i et grafikkprogram. Angi deretter at Microsoft FrontPage skal vise denne versjonen mens originalen lastes ned. Selv om dette alternativet ikke reduserer tiden det tar å laste ned grafikken, gir du i det minste besøkende noe å se på mens nedlastingen pågår.

ALT-tekst er tekst som vises i stedet for grafikk mens den lastes ned, slik at besøkende på Web-området vet hva de venter på.

Hvis du vil finne ut hvilke sider på Web-området som tar lang tid å laste ned, velger du RapporterVis-menyen, og deretter velger du Langsomme sider.

2.2         Legge til et bilde fra en fil

Du kan legge til et bilde fra det lokale filsystemet. Bilder kan ha disse filformatene: GIF (standard og animert), JPEG (standard og progressiv), BMP (Windows og OS/2), TIFF, TGA, RAS, EPS, PCX, PNG, PCD (Kodak Photo CD) og WMF.

Når du lagrer siden, får du spørsmål om du vil lagre bildet på Web-området. Hvis bildet ikke er i GIF- eller JPEG-format, vil bilder med 256 eller færre farger automatisk konverteres til GIF, og alle andre bilder konverteres til JPEG.

  1. Bruk sidevisning, og plasser innsettingspunktet der du vil sette inn et bilde.
  2. Klikk Sett inn bilde Sett inn bilde.
  3. Klikk Fil Fil.
  4. Bla deg frem til bildet du vil sette inn fra det lokale filsystemet, og merk filen. Du kan angi hvilken type filer du vil vise, i boksen Filtype.

 

2.3         Legg til et bilde fra Internett

  1. Finn frem et det bilde du vil bruke på en Internettside.
  2. Plasser musepekeren oppe på bilde du ønsker å kopiere
  3. Klikk på høyre museknapp
  4. Du vil da få frem meny på skjermen, klikk på kopier med venstre musknapp.
  5. Gå til Frontpage
  6. Plasser innsettingspunktet der du ønsker å sett inn bilde
  7. velg Lim inn (CTRL+V)

 

Tips! Klikk på bilde å velg hvor på siden bild skal være sentrert!

2.4         Lage en miniatyr av et bilde (THUMBNAIL)

Du kan bruke FrontPage til å lage en miniatyr, det vil si en liten versjon, av et bilde. Besøkende på Web-området kan da klikke miniatyren for å følge en hyperkobling til det opprinnelige bildet i full størrelse.

Miniatyrer er nyttige når du har store bilder som det kan ta lang tid å laste ned, avhengig av den besøkendes system. I stedet for å tvinge besøkende til å laste ned et stort bilde, kan du legge inn en miniatyr, slik at de besøkende kan velge om de vil vise bildet i full størrelse eller ikke.

Klikk denne miniatyren, og klikk deretter Tilbake for å komme tilbake til dette emnet:

Klikk denne miniatyren

  1. Klikk bildet i sidevisning.
  2. Klikk Autominiatyrbildebildeverktøylinjen . Eller CTRL+T

FrontPage lager miniatyren og oppretter en hyperkobling til det opprinnelige bildet i full størrelse.

Obs!  Knappen Autominiatyrbilde vil være utilgjengelig hvis bildet du har merket, allerede er mindre enn en miniatyr, hvis bildet er satt opp med en hyperkobling eller aktiveringspunkt, eller hvis bildet er animert.

Tips!  Du kan endre innstillingene for miniatyrer, for eksempel endre størrelsen eller kantlinjene på dem.

 

2.5         Skalere grafikk

Du kan skalere grafikk som for eksempel bilder, animerte GIF-bilder og videoklipp. Du kan skalere grafikk ved å endre egenskapene for høyde og bredde, eller du kan skalere den direkte på siden.

Når du skalerer grafikk, endres HTML-kodene som forteller Web-lesere hvordan den skal vises. Selve grafikkfilen endres ikke. Sett at du for eksempel vil redusere nedlastingstiden for en side med et stort bilde. Hvis du bare skalerer bildet, vil det vises på et mindre område av skjermen i de besøkendes Web-lesere, men filstørrelsen og nedlastingstiden forblir uendret. Hvis du vil redusere filstørrelsen og nedlastingstiden, må du ta et nytt utsnitt av bildet etter at du har skalert det.

  1. Bruk sidevisning, høyreklikk grafikken, velg Bildeegenskaper på hurtigmenyen, og velg deretter kategorien Utseende.
  2. Merk av for Angi størrelse.
  3. Hvis du vil beholde forholdet mellom bredde og høyde, merker du av for Behold sideforhold. Hvis du merker av for dette alternativet og deretter skriver inn en pikselverdi for enten Bredde eller Høyde, endrer Microsoft FrontPage automatisk verdien i den andre boksen slik at sideforholdet beholdes.
  4. Angi om du vil endre størrelsen i piksler eller prosent, og skriv deretter inn verdier i boksene Bredde og Høyde.

Tips!  Du kan også skalere grafikk direkte. Klikk grafikken, og skaler den ved å klikke og dra håndtakene på den. Hvis du vil skalere grafikken og beholde forholdet mellom lengde og bredde (sideforholdet), drar du hjørnehåndtaket. Når du drar sidehåndtakene, vil sideforholdet endres slik at bildet blir forvrengt.

2.6         Ta et nytt utsnitt av et bilde

Når du tar nytt utsnitt av et bilde, tilpasses pikselstørrelsen i det etter gjeldende visningsstørrelse. Hvis du for eksempel skalerer et bilde til 50 % av den opprinnelige størrelsen, vises bildet i halve størrelsen på siden, men filstørrelsen er uendret – skaleringen av bildet endrer bare de HTML-kodene som forteller Web-leseren hvordan bildet skal vises. Hvis du derimot tar et nytt utsnitt av bildet, reduseres filstørrelsen slik at den tilsvarer den nye bildestørrelsen.

Før du kan ta et nytt utsnitt av et bilde, må du skalere det.

  1. Klikk bildet du har skalert, i sidevisning.
  2. Klikk Ta nytt utsnittbildeverktøylinjen .

 

2.7         Angi tekst som skal vises i stedet for grafikk

Du kan angi en ALT-tekst, det vil si tekst som vises i stedet for grafikk når grafikken ikke kan vises i den besøkendes Web-leser. Enkelte Web-lesere viser også ALT-teksten mens grafikken lastes ned, eller når besøkende plasserer musepekeren over grafikken.

Plasser musepekeren over dette bildet for å vise ALT-teksten for det:

Bruk sidevisning, høyreklikk grafikken, velg Bildeegenskaper på hurtigmenyen, og velg deretter kategorien Generelt.

  1. Bruk sidevisning, høyreklikk grafikken, velg Bildeegenskaper på hurtigmenyen, og velg deretter kategorien Generelt.
  2. Skriv inn ALT-teksten for grafikken i boksen Tekst under Alternative visninger.

 

 

 

2.8         Bilde Typer og formater

2.8.1        Animerte GIF-bilder og videoklipp

Du kan legge til animerte GIF-bilder og videoklipp på Web-sidene dine. Animerte GIF-bilder, det vil si en sekvensiell visning av GIF-bilder, kan lages i et grafikkprogram, og du finner animerte GIF-bilder på World Wide Web.

Du kan legge til alle videoklipp som kan spilles av Windows Media Player, for eksempel i AVI-format, på en Web-side. Du kan også angi alternativer for avspilling av video, for eksempel at videoen skal spilles av én gang når siden lastes ned, at videoen skal spilles i løkke uten stans, eller at videoen skal spilles av når musepekeren plasseres over den. Animasjonen i dette eksemplet spilles av én gang når siden åpnes.

2.8.2        Bilder

Du kan legge til bilder i disse filformatene: GIF (standard og animert), JPEG (standard og progressiv), BMP (Windows og OS/2), TIFF, TGA, RAS, EPS, PCX, PNG, PCD (Kodak Photo CD) og WMF. GIF, JPEG og PNG er de formatene som vanligvis brukes på Web-sider.

Bilder i GIF-format kan inneholde opptil 256 farger. En nyttig side ved GIF-bilder er at du kan velge at én av fargene skal være gjennomsiktig.

Formatet JPEG brukes vanligvis til fotorealistiskebilder med tusenvis eller millioner av farger. JPEG-bilder er nyttige fordi du kan styre filkomprimeringen ved å endre bildekvaliteten. Jo lavere kvalitet du velger, jo høyere blir filkomprimeringen, noe som igjen medfører at filstørrelsen blir mindre.

PNG-formatet er et alternativ til GIF som støtter gjennomsiktige farger for bilder som inneholder tusenvis eller millioner av farger. Web-lesere kan imidlertid ikke vise PNG-bilder uten et spesielt tillegg.

Når du legger til et bilde med et annet format enn GIF, JPEG eller PNG på en side og deretter lagrer den, konverterer Microsoft FrontPage bildet automatisk til GIF hvis det har 8 biter farge eller mindre, eller til JPEG hvis det inneholder mer enn 8 biter farge.

2.9         Konvertere et bilde til GIF-, JPEG- eller PNG-format

Du kan konvertere et bilde til GIF-, JPEG- eller PNG-format. Sett at du for eksempel vil angi en gjennomsiktig farge i et JPEG-bilde. Da må du først konvertere bildet til GIF-format.

  1. Bruk sidevisning, høyreklikk bildet, og velg deretter Bildeegenskaper på hurtigmenyen.
  2. Velg kategorien Generelt, og gjør ett av følgende:

Obs!  Du kan ikke angi den gjennomsiktige fargen i denne dialogboksen, men du kan fjerne merket for Gjennomsiktig hvis du ikke vil ha noen gjennomsiktig farge i det merkede bildet.

Obs!  Enkelte Web-lesere støtter ikke beregningsomganger.

 

 

2.10     Angi bakgrunnsbilde for en side

Du kan sette inn et bakgrunnsbilde på en side. Alle sideelementer, som tekst og grafikk, vil vises oppå bakgrunnsbildet. Du kan bruke bilder fra et Web-område, et filsystem, World Wide Web, eller utklippsbilder. Du kan også angi at bakgrunnsbildet skal være et vannmerke, det vil si at bildet ikke ruller med når siden gjør det. Det er imidlertid ikke alle Web-lesere som støtter vannmerker.

Obs!  Hvis det er angitt et tema for siden, endrer du bakgrunnsbildet ved å endre grafikken som brukes i temaet.

  1. Høyreklikk siden i sidevisning, og velg Egenskaper for side på hurtigmenyen.
  2. Velg kategorien Bakgrunn.
  3. Merk av for Bakgrunnsbilde, og velg Bla gjennom.
  4. Merk bakgrunnsbildet:

2.11     Farger

Du kan angi farge for mange elementer på en side, for eksempel:

Hvis du vil angi farge for ett enkelt element, endrer du egenskapene for elementet. Tekstfarge er for eksempel en skriftegenskap, og bakgrunnsfargen på gjeldende side er en sideegenskap. Du kan også angi farge for flere elementer på en side (tekststiler, bakgrunner, hyperkoblinger og tabellkantlinjer) samtidig ved hjelp av temaer eller gjennomgripende stilark. Du kan bruke disse funksjonene til å angi fargeegenskaper for stiler og sideelementer på samme sted. Disse innstillingene blir så brukt på alle sidene hvor dette temaet eller stilarket er brukt. Hvis du for eksempel endrer fargen på hyperkoblinger i et tema, oppdateres fargen på hyperkoblinger automatisk på alle sidene hvor dette temaet er brukt.

Velge farger

Når du skal velge farger, vises de palettene som hører til siden:

Definere egne farger

Du har mange muligheter når du skal definere en farge selv:

Farger du selv definerer, lagres, og blir tilgjengelige neste gang du bruker Microsoft FrontPage.

2.12     Tabeller


3         Navigasjonsstrukturer

3.1         Hva er et navigasjonsfelt?

Et navigasjonsfelt er et sett med hyperkoblinger som du bruker til å navigere på et Web-område. Et typisk navigasjonsfelt kan for eksempel inneholde hyperkoblinger til Web-områdets hjemmeside og hovedsider:

Du kan ha et navigasjonsfelt på alle sidene i Web-området slik at besøkende på Web-området alltid kan komme seg til Web-områdets hovedsider på en enkel og rask måte.

Navigasjonsfelt kan inneholde knapper eller hyperkoblinger med tekst. Navigasjonsfeltet over kan for eksempel også vises som tekst:

Startside     Nyheter      Innhold      Søk

Du kan selv opprette et sett hyperkoblinger for bruk til navigering. Det vil si at du kan lage ditt eget sett med knapper og koble dem til de relevante sidene på Web-området og gjenta dette på alle sider der du vil ha et navigasjonsfelt. Du kan også opprette en navigasjonsstruktur for Web-området og deretter la FrontPage lage navigasjonsfeltene for deg. Navigasjonsfeltene som lages i FrontPage, vedlikeholdes også i Frontpage. Hvis du flytter eller legger til en side, oppdateres navigasjonsfeltet i samsvar med dette, det vil si at alle hyperkoblinger i navigasjonsfeltet beregnes på nytt i FrontPage.

Obs!   Navigasjonsfelt kan bare genereres i FrontPage når du arbeider med et Web-område, og ikke når du arbeider med enkeltsider.

 

3.2         Navigasjonsstruktur

Du kan lage en navigasjonsstruktur for gjeldende Web-område ved å ordne sidene i navigasjonsvisningen. Denne navigasjonsstrukturen viser hvordan sidene på Web-området henger sammen, noe som er nødvendig for at FrontPage skal kunne opprette navigasjonsfelt. Navigasjonsstrukturen angir for eksempel hvilke sider som er toppnivåsider, og denne informasjonen brukes til å bestemme hvilke hyperkoblinger et navigasjonsfelt skal inneholde. Etikettene til hyperkoblingene angis av titlene på Web-sidene.

I eksemplet under vises strukturen til et Web-område:

Under følger en forklaring på hvordan disse sidene er tilknyttet hverandre:

Hjemmesiden er den første siden som legges til i en navigasjonsstruktur. Den heter vanligvis Default.htm eller Index.htm og angis av Hjemmeside-ikonet. I dette eksemplet er Velkommen hjemmesiden.

Toppnivåsider ligger på samme nivå som hjemmesiden, men omfatter ikke denne. I dette eksemplet er toppnivåsidene Beskrivelse og Kontakt oss.

Overordnede sider omfatter den overordnede siden til en annen side samt sider som er direkte tilknyttet den overordnede siden på samme nivå. I dette eksemplet ser du at de overordnede sidene til Hva er nytt er Velkommen (den overordnede siden), Beskrivelse og Kontakt oss. På samme måte ser du at de overordnede sidene til Nedlastinger er Produkter (den overordnede siden), Hva er nytt og Tjenester. Ansettelse er imidlertid ikke med fordi den ikke er koblet til Produkter.

Underordnede sider er sider som ligger direkte under en annen side. I dette eksemplet har Velkommen tre underordnede sider (Hva er nytt, Produkter og Tjenester), Kontakt oss har én underordnet side (Ansettelse) og Produkter har to underordnede sider (Nedlastinger og Bestilling).

Sideordnede sider er sider som ligger på samme nivå i strukturen, og som har samme overordnede side. I dette eksemplet er Hva er nytt, Produkter og Tjenester sideordnede sider, men ikke Ansettelse fordi den har en annen overordnet side. Nedlastinger og Bestilling er også sideordnede sider.

3.3         Hyperkoblinger for navigasjon

 

3.4         Plassere navigasjonsfelt på sider

Du kan plassere navigasjonsfelt vannrett eller loddrett på en side. Du kan også legge til flere navigasjonsfelt på hver side, for eksempel hvis du vil navigere mellom ulike sidenivåer.

Legg merke til at Tjenester og Nyheter i navigasjonsvisningen under er sider på samme nivå, og at Tjenester har fire underordnede sider:

Ved hjelp av navigasjon på samme nivå og en hyperkobling til startsiden får besøkende muligheten til å navigere til hovedsidene på Web-området via det vannrette navigasjonsfeltet, slik eksemplet nedenfor viser. Ved hjelp av underordnet sidenavigasjon på det loddrette navigasjonsfeltet får besøkende muligheten til å navigere til de underordnede sidene til Tjenester.

3.5         Navigasjonsfelt i delte kantlinjer

En delt kantlinje er et område som er felles for en eller flere sider på et Web-område. Bruk delte kantlinjer når du skal plassere det samme innholdet på flere sider i én operasjon, og unngå på den måten å måtte redigere hver enkelt side. Hvis du for eksempel raskt vil legge inn en logo øverst på hver side, kan du legge til et grafisk element i en delt kantlinje øverst på siden.

Du kan også bruke navigasjonsfelt i delte kantlinjer. Et navigasjonsfelt står imidlertid i forhold til hver side. Et navigasjonsfelt kan være hensiktsmessig når du ser det fra én Web-side, men det er ikke sikkert du vil være tilfreds med utvalget av hyperkoblinger når du ser navigasjonsfeltet fra en annen side. Ettersom et navigasjonsfelt inne i en delt kantlinje har de samme innstillingene for alle sidene som inneholder den delte kantlinjen, må du tenke nøye gjennom hvordan du skal opprette navigasjonsfeltet.

Se for eksempel på Web-områdestrukturen nedenfor. Legg til et navigasjonsfelt på samme nivå i en delt kantlinje slik at de besøkende kan navigere hovedsidene. På produktsiden ser navigasjonsfeltet hensiktsmessig ut ettersom det viser hyperkoblinger til hovedsidene. Hvis du imidlertid ser på navigasjonsfeltet på nedlastingssiden, vises det koblinger til nedlastinger og bestillinger og ikke til hovedsidene.

Du kan løse dette problemet for eksempel ved å bruke navigasjonsfeltet som inneholder hyperkoblinger til hjemmesidens underordnede sider. Navigasjonsfeltet viser alltid hyperkoblinger til Hva er nytt, Produkter og Tjenester, uansett hvilken side du ser på. Du kan forbedre dette navigasjonsfeltet ved å opprette en hyperkobling til hjemmesiden.

Du kan legge til mer enn ett navigasjonsfelt på en side. I eksemplet ovenfor kan du ikke navigere til sidene Nedlastinger og Bestillinger. Du kan løse dette problemet ved å legge til et underordnet navigasjonsfelt på produktsiden.

Du kan legge til det underordnede navigasjonsfeltet bare på produktsiden eller inne i en delt kantlinje til venstre. Selv om andre sider deler den venstre kantlinjen, vises dette navigasjonsfeltet bare på produktsiden ettersom ingen andre sider har underordnede sider. Hvis et navigasjonsfelt ikke er aktuelt for en bestemt side, vises det ikke.

3.6