|
1
Muitos webdesigners gostam de usar uma imagem comum, uma paisagem,
por exemplo, com vários elementos linkados através
do recurso 'image map'. Imaginemos uma página de um hotel,
que quer mostrar ao visitante de seu site como são os
apartamentos, os restaurantes, as piscinas... enfim, como é
esse hotel por dentro, e o que ele oferece de melhor. O recurso
'image map' presta-se perfeitamente para isso. Mas este é
apenas um exemplo... sua imaginação irá
definir outros. Assim sendo, analise a imagem abaixo - vamos
utilizá-la para o nosso exercício.
|
|
|
clique
no vestuário laranja
|
2
Como poderíamos destacar, na imagem acima, apenas
parte do vestuário, sem incluir partes indesejáveis
da paisagem? Usaremos a Hotspot Polygon tool. Clique na imagem
(como no exercício anterior) e, na palete "Properties"
(se não estiver visível pressione as teclas CTRL+F3),
clique na ferramenta Polygon (o terceiro ícone da esquerda
para a direita) - o ponteiro de seu mouse assumirá a
aparência de uma cruz. Retorne à imagem, e comece
a destacar a área irregular desejada, dando um clique
em qualquer ponto da borda da área em questão,
seguido de outro e mais outro, sempre em pequenos espaços,
até completar toda a área a ser destacada. Ao
final, e para fechar a imagem, simplesmente pare de clicar.
Não será preciso manter pressionado o botão
do mouse enquanto estiver clicando para definir a área
para o mapa, como normalmente é feito em programas gráficos.
Enquanto você estiver clicando, a imagem irá se
fechando automaticamente, como se aquele fosse o último
clique. Se tiver cuidado e paciência, poderá definir
áreas com perfeição, embora isso não
seja lá de grande utilidade para definir um link. Veja
o gráfico:
|
|
|
note
os pequenos pontos quadrados representando cada um dos
cliques
|
3
Siga os mesmos procedimentos que usou no exercício
anterior para criar um 'image map', definindo um nome para o
'mapa', e um link para o ponto em destaque. Neste caso, como
sempre acontece, um link pode levar seu visitante a qualquer
parte que você queira, seja fora ou dentro de seu site,
ou mesmo pode carregar certas qualidades tais quais "abrir
janelas do tipo pop-up", por exemplo,ou mesmo apresentar
certos comportamentos (behaviors) como mostrar esta ou aquela
"camada" (layer). Para completar este nosso exercício,
e apenas para dar a você uma amostra de nosso próximo
tutorial, vamos linkar o 'image map' que acabamos de criar para
a abertura de uma pequena janela "pop-up". Experimente
o recurso, clicando no local indicado (o tecido alaranjado sob
a moça) dentro da imagem completa, no topo da página,
veja o que acontece, e depois corra até o próximo
tutorial para ver como é que o Dreamweaver4 vai tornar
isso muito fácil para você.
Até
lá e...
Divirta-se!
|
