Licao 13 - Usando ISMAP/IMAGEMAP

<1> <2> <3> <4> <5> <6> <7> <8> <9> <10> <11> <12> <13> <14> <15> <16>

Li��o 13 - Usando ISMAP/IMAGEMAP

Este recurso permite que o usu�rio crie figuras "sens�veis ao toque do mouse". Desta forma podemos definir regi�es dentro da figura, �s quais associaremos uma URL. No momento que algu�m "clicar" sobre as regi�es, o documento associado ser� mostrado. Podemos definir v�rias regi�es dentro de uma mesma figura, referenciando assim, v�rias URLs.

Objetivos

Ap�s esta li��o, voc� ser� capaz de:

	Criar imagens sens�veis ao toque.
	Definir regi�es dentro da imagem.
	Associar URLs �s regi�es definidas.
	Criar p�ginas WWW usando imagens sens�veis ao toque.

Li��o

Criando uma imagem sens�vel ao toque

Carregue o programa MAPEDIT.

Carrege a imagem desejada.

Usando o editor e seus recursos (ret�ngulos, c�rculos, pol�gonos) defina as regi�es.

A cada regi�o associe uma URL ou um arquivo local (local file) que esteja no mesmo diret�rio de seus arquivos de trabalho

Defina uma URL (ou local file) para a op��o default. Esta URL (ou local file) ser� acessada quando o usu�rio selecionar qualquer regi�o que n�o tenha sido definida anteriormente.

Salve o arquivo com o nome jv2N.map (se tiver um servidor dispon�vel) ou jv2.html (se n�o tiver um servidor).
O N deve ser o n�mero do usu�rio.

Caso tenha um servidor dispon�vel edite o arquivo imagemap.conf e insira uma linha que descreva o novo mapa criado, seguindo a seguinte sintaxe:
```
    nome1: caminho_completo/nome2.map 
```
1. nome1 ser� usado para referenciar o arquivo nome2.map quando a imagem sensivel ao toque definida for usada para compor um documento WWW.
2. caminho_completo/ � o caminho (na �rvore de diret�rios) onde se encontra o arquivo nome2.map.
3. nome2.map � o nome do arquivo que cont�m a descri��o das URLs associadas �s respectivas �reas definidas na imagem. Este arquivo poderia ter sido gerado manualmente, dispensando o uso do MAPEDIT, mas neste caso ter�amos que descobrir as coordenadas das regi�es a serem definidas de outra maneira.

Usando a imagem sens�vel ao toque criada para construir uma p�gina WWW

Do mesmo modo que voc� criou o arquivo jv1.html, vamos criar um outro documento (chame de jv2.html) para trabalhar com a imagem sens�vel ao toque que acabamos de definir. L� vamos n�s:

Digite o seguinte texto:

<h2> Joinville II </h2> 

<p> 

Vamos localizar neste mapa algumas cidades na regi�o de Joinville. Atrav�s dele voc� 

pode obter informa��es sobre estes munic�pios. Clique sobre a cidade ou regi�o 

desejada e conecte-se com a p�gina que cont�m as informa��es referentes. 

<p>

Caso voc� possa fazer uso do servidor para fazer o tratamento do ISMAP, digite o seguinte texto:
```
<center>

<A HREF ="http://www.udesc.br/cgi-bin/imagemap/jv2N">

<img src="mapa1.gif" ismap></A>

</center>

<p>

<hr>
```
Note que o N deve ser o n�mero do usu�rio, pois para cada usuario temos uma entrada no arquivo imagemap.conf que descreve o arquivo jv2N.map de cada um.
Se voc� n�o tiver um servidor � disposi��o utilize apenas os recursos de tratamento direto no Cliente (seu Browser) do seu mapa clic�vel. Crie ent�o o arquivo jv2.html antes de trabalhar com o MAPEDIT e insira, ap�s o texto inicial, o seguinte:
```
<center>

<img src="mapa1.gif">

</center>
```

Carregue seu arquivo no browser para visualizar a p�gina WWW que voc� acabou de construir.

Revis�o

Como criar uma imagem sens�vel ao toque?
Como definir as regi�es dentro da imagem?
Como associar URLs �s regi�es?
Altera��es no arquivo imagemap.conf.
R�tulo usado para invocar o servidor de imagemaps.
R�tulo usado para definir que uma imagem � um mapa.

Pr�tica Independente

Como voc� fez no exemplo, modifique sua pr�pria p�gina HTML quevoc� iniciou na li��o anterior. Adicione algumas senten�as a mais e veja se consegue recarregar o documento modificado no browser.

A seguir...

Criando tabelas.