Mapeamento de Imagem

Você ja deve ter visto alguns sites com seções de perguntas e respostas onde você clica na pergunta e vai direto para a resposta, tudo isso na mesma página. Isso é um link de âncora :D! Se você não entendeu muito bem, veja o exemplo abaixo:

Perguntas
1. 2+2=? ver resposta
2. Bla bla bla bla blabla bla? ver resposta
3. Blablisbleblis? ver resposta

Bom, acho que deu pra ter uma ideia de como uma âncora funciona :D! Para fazer uma, é muito simples:

1. Abra o Dreamweaver e crie um arquivo novo ou abra o arquivo onde você quer inserir âncoras.

2. Fique no modo de design (View - Design / Ver - Design(?)). Agora clique em Window (Janela) e veja se as 2 1ªs opções (Insert/Inserir e Properties/Propriedades) estão com um certinho na frente. Se estiverem, tudo certo. Se não, clique no nome delas que as barras aparecerão! Uma das barras (insert) é assim:


3. Agora vem a parte da âncora. Pegue o seu texto e decida para onde você quer que a página vá quando a pessoa clicar no link com a âncora (como as respostas). Digamos que o texto para onde você quer que vá é o seguinte:
"Minha cor favorita é azul". Então clique na frente do texto e depois na âncora da barra de propriedades (terceiro ícone da imagem acima) que uma janela aparecerá. Onde está falando "Anchor Name/Nome da âncora" coloque um nome qualquer, de preferencia sem acentos e espaços. Quando você clicar em OK vai aparecer um desenho assim na frente do seu texto:
"Minha cor favoria é azul".

4. Agora repita os passos anteriores para todas as partes para onde você quer que o seu visitante seja levado (sempre na mesma página) quando clicar em algo como um texto. Lembre-se de sempre dar um nome diferente para cada âncora.

5. Quando você tiver acabado de por as âncoras, pegue o texto da 1ª que você quer que quando o visitante clique vá para a âncora. Ex.:"Qual é a sua cor favorita?". Selecione o texto, e na barra de propriedades (lá embaixo), em link, escreva "#nome da âncora". Sem http, sem nada, só #nome da âncora. Se você não lembrar o nome dela, é só clicar em cima do desenhinho dela na frente do seu texto que na mesma barra de propriedades vai aparecer um espaço com o nome dela!

6. Agora é só repetir o passo àcima com os outros textos/perguntas/etc que quando você clicar vão levar à ancora. Se você não quiser linkar o texto inteiro, pode por uma seta ( >, », etc ) com um link pra âncora ou um texto como "ler a resposta", se forem perguntas.

7. Para fazer um "voltar ao topo" como no meu exemplo de âncora (clique no ver resposta dos exemplos lá em cima), é o mesmo esquema do passo 3, só que coloque a âncora no topo da página!









Respostas
1. 4
voltar ao topo



2. Bla bla blablabla Blablabla, blabla bla blabll.
voltar ao topo



3. Blablis belisbluos lbaoiusdu.
voltar ao topo


Se esse tutorial te ajudar, não esqueça de linkar (:
Tutorial por Vevis - Winter-Dream.com . Não copie sem autorização Dúvidas?