Rollovers imagem em Adobe CS5 Dreamweaver

Em Adobe Creative Suite 5 (Adobe CS5) Dreamweaver, você pode inserir objetos de imagem, incluindo espaços reservados de imagem, imagens de sobreposição (imagens que mudam quando um espectador passa o mouse sobre a imagem), barras de navegação e HTML do Fireworks. Você acessar esses objetos imagem, escolhendo objetos Insert-imagem.

1

Criar as imagens para ser utilizado como a capotagem.

Você pode gerar estas imagens no Fireworks, Illustrator, Photoshop, ou qualquer outra aplicação capaz de salvar imagens otimizadas para a web.

2

Coloque o cursor na página onde você deseja que o rollover a aparecer.

Escolha Inserir-imagem Objetos-imagem de sobreposição ou clique no botão Imagem de sobreposição no painel Inserir. A caixa de diálogo Inserir imagem cambiável.

3

Nome da imagem.

Digite um nome de imagem sem espaços no campo de texto Nome da imagem. Este nome é usado no script criando o capotamento.

4

Clique nos botões Procurar.

O botão Procurar está à direita da imagem original e capotamento campos de texto da imagem. Localize a imagem que você quer que apareça como um padrão na página e a imagem que aparece apenas quando alguém passa o mouse sobre a imagem.

5

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

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

6

Descrever a imagem.

Digite o texto alt adequadamente descritivo no campo de texto Alt.

7

Complete o Quando clicado, vá ao campo de texto URL.

Isso direciona Dreamweaver onde os espectadores são direcionados quando clicam a imagem de sobreposição. Você também pode clicar no botão Procurar para localizar outra página no seu site ou entrar em um URL. Nota: Se você está ligando para um site diferente, você precisa incluir o prefixo http: // no início da URL.

Se você ainda não tem uma ligação real para usar um botão ou link, 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 bater a barra de espaço para criar um espaço vazio como um link, enquanto que irá exibir uma página não encontrada erro quando clicado.

8

Clique em OK.

A imagem de sobreposição é criado na página.

9

Visualizar a imagem.

Para visualizar a imagem em movimento novo, escolha Arquivo-Visualizar no navegador ou clique no botão Exibição ao vivo na barra de ferramentas Documento.

menu