Tecnologia

Como criar um mapa de imagem clicável utilizando o Dreamweaver

Escrito por ehow contributor | Traduzido por victor rodrigues
Como criar um mapa de imagem clicável utilizando o Dreamweaver

Os mapas de imagem são imagens com áreas clicáveis

Comstock/Comstock/Getty Images

Os mapas de imagem são imagens com regiões clicáveis, ​​também conhecidas como "hotspots". Quando os usuários clicarem em um dos "hotspots", eles serão direcionados à página que você designar. O Dreamweaver 3.0 permite que você crie facilmente mapas de imagem para adicionar diversão a uma página da web.

Nível de dificuldade:
Moderado

Outras pessoas estão lendo

O que você precisa?

  • Macromedia Dreamweaver

Lista completaMinimizar

Instruções

  1. 1

    Execute o Dreamweaver e abra a página onde o mapa de imagem aparecerá.

  2. 2

    Insira uma imagem para usar como mapa ou clique em uma imagem existente.

  3. 3

    Abra o menu "File" (Arquivo) e selecione "Window" (Janela), em seguida, "Property Inspector" (Verificador de propriedades).

  4. 4

    Clique na seta no canto inferior esquerdo de "Property Inspector" para expandir as opções.

  5. 5

    No campo "Map Name" (Nome do mapa), digite o nome do mapa de imagem. Isso ajudará o navegador a saber que mapa está sendo referenciado quando forem setados os "hotspots".

  6. 6

    Escolha o formato do "hotspot": circular, retangular ou poligonal.

  7. 7

    Arraste o formato para a imagem até que cubra a área desejada.

  8. 8

    No campo "Hotspot Inspector" (Verificador de Hotspot), digite a URL ou selecione o arquivo para onde será levado o usuário.

  9. 9

    Digite textos alternativos que aparecerão em navegadores do tipo "somente texto" no campo "ALT" (Alternativo). Por exemplo, se um "hotspot" aponta para a página Produtos, então digite "Produtos" no campo "ALT".

  10. 10

    Repita o procedimento para adicionar novos "hotspots".

  11. 11

    Salve a página quando estiver pronta e veja o resultado selecionando "Preview" (Pré-visualizar) em "Browser", no menu "File".

Dicas & Advertências

  • Se você copiar um mapa de imagem para outra página após ter salvo a página original, os "hotspots" também serão copiados.
  • Em alguns navegadores, o texto digitado no campo "ALT" aparecerá quando o mouse estiver sobre o "hotspot".
  • Nem todos os navegadores oferecem suporte a mapas de imagem e alguns deles são apenas em texto, então certifique-se de usar o campo "ALT" para especificar links para os usuários desses navegadores.

Mais galerias de fotos

Comentários

Filtro:
  • Geral
  • Artigos
  • Slides
  • Vídeos
Mostrar:
  • Mais relevantes
  • Mais lidos
  • Mais recentes

Nenhum artigo disponível

Nenhum slide disponível

Nenhum vídeo disponível

Direitos autorais © 1999-2014 Demand Media, Inc.

O uso deste site constitui plena aceitação dos Termos de Uso e Política de privacidade de eHow. Ad Choices pt-BR

Demand Media