EchoEcho.Com
KOMPLETTE WEBKURSER

HJEM KURSER HTML LINKS     
EchoEcho.Com
TOOLS & RESSOURCER
 HJEM 
 
 KURSER 
 
 RESSOURCER 
 
 REDSKABER 
 
 DOKUMENTATION 
   
 OVERSIGT 
  
  SØG PÅ DETTE SITE

FORESLÅ DETTE SITE
FORESLÅ DETTE SITE      

HTML LINKS

INTRODUKTION


ET SIMPELT LINK


FARVE PÅ TEKSTLINK


LINK TARGETS


UDEN UNDERLINIE


AVANCEREDE TEKSTLINKS


BILLED LINKS


IMAGE MAPPING


LINK PÅ SAMME SIDE


LINKS I FRAMESET


LINK TIL NYT VINDUE

HTML Links :
IMAGE MAPPING

Det er muligt at lave et billed-link til flere sider afhængig af, hvor på billedet der klikkes.

Teknikken, der bruges hertil, kaldes billed-mapping.

Du specificerer ganske enkelt, hvilke områder af billedet der skal linkes hvorhen.

Hvis du i eksemplet nedenfor placerer musen i øverste venstre hjørne, linker det til Yahoo .... og i det nederste højre hjørne .... linker det til hotbot:



<img src="rainbow.gif" usemap = #example border=0>
<map name=example>
<area shape=Rect Coords=0,0,29,29 Href="http://www.yahoo.dk">
<area shape=Rect Coords=30,30,59,59 Href="http://www.hotbot.com">
</map>


I eksemplerne ovenfor brugte vi kun retangulær billed-mapping. Der er følgende former:
  • <area shape=rect coords= x1,y1, x2,y2 Href="http://www.domain.com">


  • <area shape=circle coords= x1,y1, x2,y2 Href="http://www.domain.com">


  • <area shape=polygon coords= x1,y1, x2,y2, .., xn,yn Href="http://www.domain.com">

Der er fortrinlige værktøjer på nettet, der kan hjælpe dig med at lave billed-maps. Ingen udregner koordinaterne i hånden.

Hvis du vil bruge billed-maps på din side, har du brug for et program, som gør det muligt for dig blot at trække musen over de områder, du vil have skal fungere som links.

De fleste HTML-editorer har denne indbyggede funktion.

Bruger du ikke en HTML-editor, kan du stadig få programmer, der vil gøre dette kedelige stykke arbejde for dig, og det bedste er - du kan få det gratis!

Nedenfor er links til websider, som kan hjælpe dig med at lave dine billede-maps hurtigt.

Du skal blot være sikker på, at billedet er uploadet til webbet, før du bruger værktøjerne.




<< TILBAGE
LÆS MERE >>

HTML TUTORIAL

HTML INTRO


HTML TEKST


HTML LISTER


HTML BILLEDER


HTML LINKS


HTML BAGGRUNDE


HTML TABELLER


HTML FRAMES


HTML FORMS


HTML METATAGS


HTML HEXFARVER








EchoEcho.Com
KOMPLETTE WEBKURSER
 HJEM 
 
 KURSER 
 
 RESSOURCER 
 
 REDSKABER 
 
 DOKUMENTATION 
   
 OVERSIGT 
EchoEcho.Com
TOOLS & RESSOURCER

(c) Copyright 1998-1999 NetKontoret - All Rights Reserved