|
1
O objeto "Âncora" é visível apenas
no modo de visualização de edição
do documento - quando o documento estiver na web, a âncora
estará ativa, porém invisível. E qual é
o fundamento de uma "âncora"? Simplesmente um
'condutor' invisível de um link entre pontos específicos
em um documento, ou entre documentos. Cada uma dessas 'âncoras'
deverá ter um nome que a identifique, e deve ser postada
no local exato que você vai querer mostrar ao seu visitante,
toda vez em que ele acionar o link ao qual ela está ligada.
2
Como no exercício anterior, e se ainda não
estiver visível, pressione as teclas CTRL+F2 para abrir
a janela Objects. Com essa janela aberta, clique na seta escura
ao lado do título "Common" e escolha o ítem
"Invisibles".
Veja os gráficos:
3
Ao observar os gráficos acima você poderá
facilmente identificar a "âncora" de que estamos
falando. O próximo passo será abrir o documento
que contém o trecho onde queremos colocar nossa "âncora"
e colocar bem próximo a ele o ponto de inserção
do mouse. Em nosso exercício faremos isso nesta mesma
página para que você tenha um idéia de como
é que isso funciona na prática. Vamos colocar
uma "âncora" no ítem "1" deste
tutorial.
Acompanhe: vamos até o ítem "1" e bem
na frente do número vamos colocar o ponto de inserção
do mouse. Veja o layout do ítem "1":
|
|
|
com
o ponto de inserção do mouse
|
4
Agora, na paleta "Invisibles" vamos clicar
no ítem Âncora e, na caixa de diálogo que
se abrir, vamos digitar um nome para identificá-la (sem
espaços). Para este nosso exercício, escolhi o
nome "ancora".
Veja o gráfico:
5
Pronto!
Sua âncora agora já está criada, tem um
nome, e foi automaticamente postada no local indicado por você.
Veja como ficou o ítem "1" de nosso tutorial,
com a âncora inserida (lembre-se que só você
poderá ver essa imagem, quando estiver editando seu documento
- a âncora estará invisível para seu visitante,
embora ativa):
|
|
|
com
o objeto "âncora" já posicionado
|
6
Nosso próximo passo será ativar
a âncora para que funcione como um imã para seu
link. Ela poderá ser chamada de qualquer parte de seu
website, desde que identificada pelo nome e exata localização.
Faremos isso da forma mais simples e direta possível,
chamando esse link diretamente do ponto em que estamos, ou seja,
vamos criar um link dentro deste próprio documento. Para
isso digitaremos a palavra VEJA e a manteremos selecionada,
para que possa conter o link. Na janela de encaixe "Properties"
(se ela não estiver visível, pressione as teclas
CTRL+F3) clique no símbolo "point to file",
ao lado do campo "Link" e arraste a seta que vai surgir
até colocá-la exatamente sobre a âncora
postada diante do ítem "1" de seu documento.
Para facilitar esse procedimento, selecione a palavra VEJA,
role o documento para cima até visualizar a âncora,
e só então arraste a seta "point to file".
Veja o gráfico:
|
|
|
note
que ao arrastar a seta sobre a âncora, o nome que
você designou para ela foi automaticamente postado
no campo "Link", em "Properties" com
uma 'cerquilha' na frente
|
7
Teste
a âncora clicando em "VEJA"
e depois role a página para voltar até este ponto
- note que ao clicar sobre o link, você será levado
ao ítem "1" deste documento.
8
Muito
fácil, não? Mas pode ficar mais fácil ainda:
se você quiser, poderá simplesmente digitar o nome
da âncora no campo "Link" da janela de encaixe
"Properties" exatamente como pode ser notado no gráfico
do ítem "6", logo acima. Lembrando que para
isso funcionar basta que selecione a palavra, ou mesmo a imagem
que vai acionar o link, e no campo adequado, chamar a âncora
pelo nome, sempre seguindo o símbolo da "cerquilha".
Se quiser chamar essa mesma âncora, estando em um outro
documento que não aquele em que ela se encontra, basta
digitar o caminho que o levará ao documento, acompanhado
do nome da âncora. Exemplo: se você estiver em "index"
e quiser chamar a âncora "#comida" que está
no documento "casa.html" , a sintaxe de seu link ficará
assim: casa.html#comida
Viu
só? Você nem imaginava que fosse tão simples
assim, não é? E você nem precisa de muito
tempo para ficar "fera" no Dreamweaver4. Basta ter
um pouquinho de vontade e disposição para aprender.
Divirta-se!
|
