Hotspots, áreas dentro de uma imagem em uma página da Web Dreamweaver CS4 que abrir uma nova página da web 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 (hotspot) está selecionado, uma visão expandida da região aparece onde a imagem original. Hotspots construídos com Dreamweaver CS4 também podem ser aninhadas, o que significa que você pode criar um mapa da web que permite que você explore países por estado, por município, por cidade, por bairro e até mesmo por rua.
Inicie o programa Dreamweaver CS4. Clique na opção "HTML" na coluna "Novo" na página de "Bem-vindo" que aparece para criar uma nova página Dreamweaver web. Clique na opção "Salvar" no menu "Arquivo" para salvar sua página web Dreamweaver.
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 da listagem de diretório arquivo que é exibido.
Clique na imagem importados para o documento Dreamweaver.
Clique na opção "Propriedades" para exibir o painel "Propriedades" para que você possa acessar ferramenta de hotspot do Dreamweaver.
Digite um nome para o ponto de acesso que você está indo para criar no "Mapa" caixa de texto no painel "Propriedades". Clique no botão "Ferramenta HotSpot Retângulo" diretamente abaixo do "Mapa" caixa de texto. Posicione o cursor do mouse sobre a imagem importada e, em seguida, clique e arraste o mouse para criar um ponto de acesso retangular na imagem. Solte o mouse para finalizar dimensões retangulares do hotspot.
Pressione o botão "OK" na caixa de diálogo que aparece Dreamweaver. Digite a URL na caixa de texto "Link" no "Propriedades" painel que você deseja carregar no seu navegador web quando o hotspot rectângulo seu criado é clicado.
Pressione a tecla "F12" no teclado para visualizar a página web no navegador padrão. Posicione o cursor do mouse sobre o local que você desenhou seu hotspot retângulo no. 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.
dicas avisos
- Faça as páginas que apontam para a partir do seu ponto de acesso com o mesmo layout. Isso fará com que as páginas ligadas aparecem como se fossem carregados diretamente na página web. Para aplicações de mapas, você terá de criar um ponto quente para cada local que deseja ampliar de ou para em cada uma das imagens de mapa que você usa. Para um mapa que contém várias cidades, você terá que fazer um hot spot para cada cidade.
- Dreamweaver não permitirá que você importar uma imagem, se você ainda não tiver guardado o ficheiro Dreamweaver.
Como criar botões em cs5 dreamweaver
Como mudar as cores dos links no dreamweaver