Como criar rollovers em adobe dreamweaver cs6

1Criar as imagens para ser usado como o capotamento

Você pode gerar estas imagens no Fireworks, Illustrator, Photoshop, ou qualquer outra aplicação capaz de salvar imagens otimizadas para a web. Para melhores resultados, criar imagens que são a mesma largura e altura exata.

2Coloque o cursor na página onde você deseja que o rollover para aparecer e escolha Inserir → Objetos de imagem → Imagem cambiável ou clique no botão Imagem cambiável no painel Inserir

A caixa de diálogo Inserir imagem cambiável aparece.

3Digite um nome de imagem sem espaços no campo de texto Nome da imagem

Este nome é usado no script criando o rollover.

4Clique nos botões Procurar à direita da imagem original e capotamento campos de texto de imagem para localizar a imagem que você quer que apareça como um padrão na página

A imagem aparece apenas quando alguém passa o ponteiro do mouse sobre a imagem.

5Deixe a caixa de seleção Imagem Preload Rollover selecionado

Esta opção transfere a imagem em movimento quando a página é baixado para evitar atrasos na capotamentos.

6Digite o texto alt adequadamente descritivo

Claro, você digitá-lo no campo de texto Alt.

Video: Dreamweaver Tutorial: How To Create Rollover Buttons

7No Quando clicado, vá ao campo de texto URL, diga Dreamweaver onde os espectadores são direcionados quando clicam em seu capotamento imagem

Você também pode clicar no botão Procurar para localizar outra página no seu site ou digite um URL.

Se você está ligando para um site diferente, você precisa incluir o http: // prefixo no início do URL. Se você deixar este campo em branco, o Dreamweaver irá adicionar um link morto (#) automaticamente.

8Clique em OK

A imagem em movimento é criada na página.

9Para visualizar a imagem rollover novo, escolha Arquivo → Visualizar no navegador ou clique no botão Exibição ao vivo na barra de ferramentas Documento

Se você ainda não tem uma ligação real para usar um botão ou hyperlink, você pode inserir um sinal de libra (#) para criar um link morto. O link ou botão aparece clicável, mas não ir a qualquer lugar quando clicado. Esta opção é melhor do que pressionar a barra de espaço para criar um espaço vazio como um link, porque essa ligação irá exibir uma página não encontrada erro quando clicado.