Mapas de imagem permitem que você designar "pontos quentes" dentro de uma imagem que se tornam links clicáveis ​​para outras páginas , sons, animações ou vídeos. Mapas de imagem pode fornecer navegação visual para os usuários que podem ter problemas com os botões de texto simples ou links. Você pode criar um mapa básico imagem usando o Adobe Photoshop, que é um programa de edição de fotos criado pela Adobe. Photoshop vem com um componente chamado Image Ready , que pode criar mapas de imagem . Instruções
1

Abra a imagem que você irá utilizar para criar seu mapa de imagem no Photoshop. A imagem já deve ser otimizado para a web.
2

Acesse o componente ImageReady do Photoshop com a tecla " Shift- Ctrl- M" ou clicando no botão " Editar no ImageReady " botão na parte inferior de sua caixa de ferramentas
3

Pressione a tecla . "P" ou selecione a opção " Mapa Imagem de " ícone da ferramenta localizada na caixa de ferramentas padrão para acessar a ferramenta Mapa Imagem . Clique e segure a ferramenta " Mapa Imagem " e você verá um retângulo , círculo ou polígono formas. Escolha a forma que melhor atender a área da imagem que você deseja usar como um hot spot.
4

Usando seu mouse, clique sobre a imagem e destacar a área de hot-spot , clicando e arrastando o mouse. Quando você soltar o mouse, ImageReady irá criar um novo hot spot em sua imagem.
5

Abra a caixa de opções de mapa de imagem , clicando no menu drop -down "Janela" e selecionar "Imagem Mapa ". Use a opção Nome para identificar o ponto quente . Use o menu drop-down "URL" para destacar uma página local ou digite o endereço de uma página da Web externo para acessar através deste hot spot. Use o menu drop-down -alvo para destacar como o seu link externo será aberta . A área Alt conterá o texto exibido quando o ponteiro do rato é colocado sobre este hot spot.
6

Use as opções de Dimensões para ajustar a posição eo tamanho do seu hot spot. X e Y designar a localização exata de seu hot spot usando pixels verticais e horizontais. W e H permitem definir o tamanho do seu ponto de acesso usando um número de pixels.
7

Repita os passos 4 , 5 e 6 para cada ponto de acesso que você deseja criar.
< Br > 8

pressione "Ctrl + Shift + Alt- S " ou selecione o menu drop-down "Arquivo" e escolha " Salvar Otimizado Como." Digite um nome de arquivo e certifique-se de que " HTML e imagens " , é mostrada na seção " Salvar como tipo" . Clique em " Salvar" para concluir o processo de salvar o arquivo . Isso cria um arquivo HTML e pasta associada para imagens .
9

Clique no arquivo HTML recém-criado para testar o funcionamento do seu novo mapa de imagem .