|
1
A
primeira etapa, fundamental, para a criação de
um botão "rollover" é ter as imagens
que vão montar o botão já preparadas e
colocadas na pasta adequada. É aconselhável que
as duas imagens tenham as mesmas dimensões - dessa forma
o movimento entre elas será agradável e suave.
2
Em nosso exercício vamos
criar um botão, com as imagens abaixo apresentadas, acompanhando
todos os quadros ilustrativos no Dreamweaver 4, versão
em inglês.
3
Pressione as teclas "CTRL+F2"
de seu teclado para exibir a janela "Objects" do Dream4
- deixe a janela com o ítem "Common" disponível.
 |
Note que nessa janela o ítem "Common"
vem acompanhado de uma setinha apontando para baixo. Se
clicar sobre ela, outros ítens serão apresentados.
Para o nosso atual exercício, usaremos apenas os
objetos de "Common".
Coloque o ponto de inserção do mouse no
local, em sua página, onde quer inserir o rollover
e clique no segundo ítem da janela Common.
Veja a imagem:
|
4
Ao acionar a opção
rollover, uma caixa de diálogo vai se apresentar. Preencha
todos os campos conforme mostrado no gráfico, clicando
em "Browse" para facilitar a localização
de seus arquivos. No último campo, defina o link que
será acionado ao se clicar no botão. Esse link
poderá levar a um outro documento html, outro local na
mesma página em que o botão se encontra (veja
tutorial sobre isso no ítem"Âncora"),
ou então poderá levar seu visitante a um outro
site. Veja o gráfico:
5
Deixe
ativado o campo "Preload Rollover Image" para que
as duas imagens que compôem seu botão estejam disponíveis
sempre que necessário - caso contrário, o download
das mesmas será iniciado a cada vez que se clicar no
botão, o que poderá arruinar a praticabilidade
do mesmo.
Veja
nosso botão pronto - note que ao clicar sobre ele, você
será levado ao início deste documento:
Viu
como é muito fácil criar um botão Rollover
usando o Dreamweaver4? Experimente com suas próprias
imagens. Mas lembre-se: use sempre imagens leves para não
deixar lento demais o carregamento de suas páginas, ok?
Acompanhe o próximo tutorial - você vai gostar
muito.
Divirta-se!
|
