EchoEcho.Com
CORSI COMPLETI

HOME

CORSI

HTML

LINKS

EchoEcho.Com
STRUMENTI & RISORSE

HOME

CORSI

RISORSE

STRUMENTI

DOCUMENTAZIONE

MAPPA

CERCA QUESTO SITO

SUGGERISCI QUESTO SITO




HTML LINKS




	INTRODUZIONE

	COME FARE UN LINK

	COLORI PER I LINK DI TESTO

	METE DEL LINK

	SENZA SOTTOLINEATURA

	LINK DI TESTO AVANZATI

	LINK DI IMMAGINE

	MAPPATURA DELL'IMMAGINE

	LINK ALL'INTERNO DI UNA PAGINA

	I LINK NEL FRAMESET

	LINK A UNA NUOVA FINESTRA

Links HTML :
MAPPATURA DELL'IMMAGINE

E' possibile fare sì che un'immagine serva da link per diverse pagine, a seconda del punto in cui l'immagine viene cliccata.

Questa tecnica è chiamata imagemapping ("mappatura dell'immagine").

Devi solamente specificare i collegamenti tra le aree dell'immagine e le mete del link.

Nell'esempio qui sotto, se posizioni il mouse sull'angolo in alto a sinistra ti colleghi con yahoo... e se vai sull'angolo in basso a destra... vai su hotbot.

Nell'esempio qui sopra abbiamo usato soltanto mappature rettangolari. Le forme possibili sono:

<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">

Esistono degli strumenti eccellenti che possono aiutarti a creare mappature di immagini. Nessuno calcola le coordinate a mano.

Se per il tuo sito vuoi adoperare le immagini in questa maniera, avrai bisogno di un programma che ti permetta semplicemente di far scorrere il mouse sulle aree che vuoi far funzionare come link.

La maggior parte dei programmi per l'uso di HTML ha questa funzione già inserita.

Se non usi un programma per l'uso di HTML, puoi sempre prendere dei programmi che possono fare questo noioso lavoretto al tuo posto - e il bello è che sono gratis!

Qui sotto c'è una lista di siti che potranno aiutarti in modo veloce nella creazione di imagemap.

Assicurati comunque che l'immagine sia caricata sulla rete prima di usare questi strumenti.

ImageMap Helper Java Application
Poor Person's Image Mapper

<< PRECEDENTE

CONTINUA >>




CORSO HTML




	HTML FONDAMENTALI

	HTML TESTO

	HTML LISTE

	HTML IMMAGINI

	HTML LINKS

	HTML SFONDI

	HTML TAVOLE

	HTML FRAMES

	HTML FORMS

	HTML METATAGS

	HTML COLORI HEX