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.
Menu
- Criar as imagens para ser utilizado como a capotagem.
- Coloque o cursor na página onde você deseja que o rollover a aparecer.
- Nome da imagem.
- Clique nos botões procurar.
- Deixe a caixa de seleção imagem preload rollover selecionado.
- Descrever a imagem.
- Complete o quando clicado, vá ao campo de texto url.
- Clique em ok.
- Visualizar a imagem.
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.
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.
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.
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.
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.
Descrever a imagem.
Digite o texto alt adequadamente descritivo no campo de texto Alt.
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.
Clique em OK.
A imagem de sobreposição é criado na página.
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.