Links (lænker, ankre)

1. Eksterne, absolutte links

Både tekst, billeder eller udsnit af billeder (imagemaps) kan laves om til links dvs. referencer til andre HTML-dokumenter.Man skelner mellem flere typer links:

Eksterne links Henviser til et dokument udenfor hjemmesiden.

Henvisning til Miljø- og energiministeriets side med udgivelser:

Eksempel: http://www.mem.dk/publikationer/index.htm

 

2. Interne, relative links

Interne links Henviser til et andet dokument på egen hjemmside, som ligger i et andet bibliotek Eksempel: Henvisning fra www.minhjemmeside/bilen/motoren/olieskift.htm til www.minhjemmeside/huset/loftet/julepynt.htm

Dokument-relative links Henviser til et dokument på egen hjemmeside. I dette tilfælde behøver man ikke indsætte den absolutte reference, men kan nøjes med at beskrive hvor referencefilen er placeret i forhold til filen med linket.

Hvis man indsætter et link på siden lasagne.htm til siden pizza.htm og pizza.htm ligger i samme bibliotek (opskrifter) som lasagne.htm behøver man kun skrive pizza.htm som link.

Relative links:

Bibliotek: http://www.minhjemmeside/opskrifter/
Filer i mappen opskrifter: lasagne.htm., pizza.htm, pasta.htm, m.m.

Link fra filen lasagne.htm til pizza.htm:

<a href="pizza.htm">pizza</a>

(koden i filen lasagne.htm)

 

I Dreamweaver gennemser man som regel sine mapper og vælger filerne efter 'peg klik'-princippet.

 

3. Navngivet link - named anchor

Navngivet sted i et dokument henviser til et navngivet sted (named anchor) på et bestemt sted på samme side, eller til et bestemt sted på en anden hjemmeside.

Eksempel: http://www.minhjemmeside.dk/mig/hunde/.htm#minhund eller http://www.minhjemmeside.dk/soester/søster.htm#soestershund

Navngivet link- named anchor

Et sted på samme side
http://www.minhjemmeside.dk/ommig.htm#minhund

 

Et bestemt sted på en side i et andet dokument

Fra:
http://www.minhjemmeside.dk/ommig.htm

Til:
http://www.minhjemmeside.dk/omsoester.htm#hund

 

Target

Ved indsættelse af links bestemmer man, hvordan referecen skal vises ved hjælp af 'target'-funktionen. Man kan vælge om siden skal vises i et nyt browservindue eller om det skal åbnes i det samme browservindue som hjemmesiden. Når man indfører et link skal man først markere den tekst eller det billede, der skal fungere som link. Derefter indsætter man linket i properties-vinduet. Imagemaps er en mulighed for at lave et lille udsnit af et billede om til et link. Man markerer billedet og trykker på map i properties-vinduet.

Placering og navngivning af anker i Dreamweaver: Markøren placeres i dokumentvinduet på det sted man vil indføre sit navngivne anker. I menuen vælges Insert -> Named Anchor. I vinduet skriver man navnet anker. Hvis et tekststykke længere oppe i teksten skal henvise til dette sted i dokumentet, markeres teksten, hvorefter man indsætter en havelåge (#) og navnet på ankeret i properties-vinduets 'Link'-felt.

Obs! Et billede kan også henvise til et navngivet anker længere nede i dokumentvinduet.

Ved indsættelse af links bestemmer man, hvordan referecen skal vises ved hjælp af TARGET-attributten. Man kan f.eks. vælge om siden skal vises i et nyt browservindue (_blank) eller om det skal åbnes i det samme vindue som som det foregående (_self).

Når man indfører et link skal man først markere den tekst eller det billede, der skal fungere som link. Derefter indsætter man linket i properties-vinduet.