Tutorial conciso do Dreamweaver 4 (6. Criando hiperlinks)
Autor:Eve Cole
Data da Última Atualização:2009-05-30 18:35:55
6. Crie hiperlinks
Hiperlink (Link), conhecido como link, é um relacionamento unilateral entre páginas. Ao clicar nos links, podemos pular de uma página para outra. Podemos criar links em texto e imagens.
1. Link de texto
Selecione o texto da página que precisa ser vinculada, conforme mostrado abaixo:
No item Link do painel de propriedades, preencha o endereço do link. Quando o visualizador clicar no link, o navegador voltará para a página. Por exemplo, o que está preenchido aqui é: http://www.goeway.com.
Se quiser que a página abra em uma nova janela, você pode selecionar "_balnk" no Target.
Se quiser vincular a um arquivo dentro do site, você pode clicar :
Na imagem acima, estamos vinculando o texto ao arquivo index2.htm. Preste atenção especial à opção Relativo a na parte inferior, que significa escolher o formato do caminho relativo. O padrão é Documento, você também pode escolher Site Root. A diferença é que Documento significa que o caminho relativo é calculado a partir desta página, enquanto a raiz do site é calculada a partir do diretório raiz (ou seja, "/"), conforme mostrado abaixo:
Além disso, se você utilizar o link feito no modo Site Root, normalmente ocorrerá um erro ao abrir a página diretamente no disco rígido local para navegação, mas não haverá problema no modo de pré-navegação do Dreamweaver e após o upload para o servidor.
2. Link da imagem
O processo de estabelecimento de um link de imagem é semelhante ao de um link de texto, por isso não vou apresentá-lo em detalhes. Mas o que é particularmente importante mencionar é que algumas imagens terão uma borda azul após adicionar links. Para remover a borda, basta definir Borda como 0.
3. Link de zona ativa
Para o link de imagem apresentado anteriormente, uma imagem pode corresponder apenas a um link. Uma imagem pode corresponder a vários links? A resposta é sim. Depois de selecionar uma imagem, você pode ver a opção Mapa no painel de propriedades:
em: Crie uma zona quente retangular, Crie protótipos de zonas quentes, Crie zonas quentes poligonais. Por exemplo, se clicarmos agora, o cursor muda para uma cruz e uma zona quente retangular azul pode ser desenhada na imagem:
O painel de propriedades correspondente neste momento é:
Da mesma forma, insira o endereço do link em Link ("#" representa um link vazio) e Alt é o texto exibido quando o mouse aponta para o ponto de acesso, semelhante ao Alt na imagem. podemos passar Selecione uma zona quente diferente e ajuste a quantidade de calor ajustando os pontos de controle nos quatro cantos da zona quente. Através da zona quente, podemos fazer um link nos olhos do orangotango e um link na boca para direcionar para diferentes páginas.
Dicas sobre links
1. Se desejar vincular a um endereço de e-mail, preencha o link: "mailto: endereço", por exemplo mailto:[email protected], então ao clicar no link, o programa de e-mail padrão será aberto Por exemplo, Outlook, envie um e-mail para o endereço [email protected].
2. Se o link for para um arquivo que não pode ser aberto pelo navegador, como exe, Zip, etc., quando o visualizador clicar no link, uma caixa de diálogo aparecerá perguntando onde salvar o arquivo no disco rígido . Isto é conseguido.