Como fazer um Hotspot no Dreamweaver CS4

Hotspots , as áreas dentro de uma imagem em uma página web Dreamweaver CS4 que abrem uma nova página quando clicado, são úteis para uma variedade de aplicações. Uma aplicação é zoom-in e zoom -out mapas . Quando uma região específica da imagem do mapa ( o hotspot ) é selecionada, uma visão expandida da região parece que a imagem original é . Hotspots construídos com o Dreamweaver CS4 também podem ser aninhadas, o que significa que você pode criar um mapa na web que permite que você explore países por estado, por município , por cidade, por bairro e até mesmo por rua. Instruções

1

Inicie o programa Dreamweaver CS4. Clique na opção “HTML” da coluna “New” na página de “Bem-vindo ” que aparece para criar uma nova página web Dreamweaver. Clique na opção “Salvar” no menu “File ” para salvar sua página web Dreamweaver.

2

Clique na opção “Imagem ” no menu “Inserir ” na barra de menu principal do Dreamweaver. Selecione um arquivo de imagem para importar para o Dreamweaver a partir do diretório lista de arquivos que são exibidos .

3

Clique na imagem importados para o documento Dreamweaver.

4

Clique no botão ” Propriedades” opção para exibir o painel de “Propriedades” para que você possa acessar ferramenta hotspot do Dreamweaver.

5

Digite um nome para o ponto de acesso que você vai criar no ” Map” caixa de texto no painel “Propriedades” . Clique no botão ” Rectangle HotSpot ferramenta” logo abaixo do ” Map” caixa de texto. Posicione o cursor do mouse sobre a imagem importada e , em seguida, clique e arraste o mouse para criar um hotspot retangular na imagem. Solte o mouse para finalizar dimensões retangulares do hotspot .

6

Pressione o botão “OK” na caixa de diálogo que aparece Dreamweaver . Digite a URL na caixa de texto “Link” em “Propriedades” painel que você deseja carregar em seu navegador quando o hotspot retângulo seu criado é clicado.

7

Pressione a tecla ” F12 ” tecla no teclado para visualizar a página web em seu navegador padrão. Posicione o cursor do mouse sobre o local que você desenhou seu hotspot retângulo em . Clique com o botão esquerdo do mouse quando o cursor do mouse muda de um ponteiro para um cursor de mão ( indicando que você está sobre o hotspot ) para carregar o link que você selecionou em seu navegador web.

Deixe um comentário