Texto/Chen Xiufeng
Ao abrir uma página da web com imagens, às vezes você verá esta situação: quando o mouse aponta para diferentes partes da imagem, você pode abrir diferentes hiperlinks. Essa tecnologia é chamada de zona ativa de imagens da página da web.
Tomemos o Dreamweaver MX e o FrontPage 2003 como exemplos para ver o processo específico de estabelecimento de um ponto de acesso de imagem de página da web.
1. Crie um ponto de acesso para imagens no Dreamweaver MX
1. Inicie o Dreamweaver MX (siga as instruções para outras versões), abra o arquivo da página da web onde você precisa criar um ponto de acesso para imagens, selecione a imagem correspondente e as "Propriedades" O painel mudará automaticamente para o status "Propriedades de imagens" (Figura 1).
2. Selecione um tipo de área quente (como "elipse") e arraste-o na imagem para criar uma área quente (veja a Figura 1)
Figura 1
Nota: A zona ativa equivale a adicionar uma camada gráfica à imagem. Assim como ajustar a imagem, o tamanho e a posição da zona ativa podem ser ajustados com o mouse.
3. Insira o URL a ser vinculado na caixa à direita de "Link" (como "http://www.yesky.com"); insira alguns caracteres explicativos na caixa após "Substituição" (como "Tianji"); .com"); pressione o botão suspenso à direita de "Destino" e selecione uma forma de abrir a página vinculada na lista suspensa que aparece (se quiser que a página vinculada abra em uma nova janela, selecione a opção "_blank").
Nota: Os caracteres inseridos na caixa “Substituir” serão exibidos na página quando o mouse apontar para o hot spot ao navegar na página web (Figura 2).
Figura 2
4. Repita as etapas 2 e 3 acima para criar vários pontos de acesso em diferentes partes da imagem.
2. Crie um ponto de acesso para imagens no FrontPage2003
1. Inicie o FrontPage2003 e abra o arquivo da página da Web que precisa criar um ponto de acesso para imagens.
2. Execute o comando "View→Toolbar→Picture" para expandir a barra de ferramentas "Picture" (Figura 3)
Figura 3
3. Selecione um tipo de área quente (como "retângulo") e arraste uma área quente na imagem. Neste momento, o sistema abrirá automaticamente a caixa de diálogo "Inserir hiperlink" (Figura 4).
Figura 4
4. Insira o URL a ser vinculado na barra "Endereço" (como "www.yesky.com"); clique no botão "Dicas de tela" para abrir a caixa de diálogo "Definir dicas de hiperlink de tela" (Figura 5) , insira alguns caracteres de descrição (como "天极网").
Figura 5
Nota: As "Dicas de tela" aqui são as mesmas da função "Alternativa" do Dreamweaver MX.
4. Da mesma forma, repita as etapas 3 e 4 acima para criar vários pontos quentes em diferentes partes da imagem.