Como criar Rollovers em Adobe Dreamweaver CS6
Em Adobe Dreamweaver CS6, você pode inserir objetos de imagem, incluindo espaços reservados de imagem, rolar
Menu
- Criar as imagens para ser utilizado como a capotagem.
- Coloque o cursor na página onde você deseja que o rollover para aparecer e escolha inserir-imagem objetos-imagem de sobreposição ou clique no botão imagem de sobreposição no painel inserir.
- Digite um nome de imagem sem espaços no campo de texto nome da imagem.
- Clique 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.
- Deixe a caixa de seleção imagem preload rollover selecionado.
- Digite o texto alt adequadamente descritivo.
- No quando clicado, vá ao campo de texto url, diga dreamweaver onde os espectadores são direcionados quando clicarem no seu capotamento imagem.
- Clique em ok.
- 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.
Para criar uma imagem de sobreposição, siga estes passos:
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. Para melhores resultados, criar imagens que são a mesma largura e altura exata.
Coloque o cursor na página onde você deseja que o rollover para aparecer e 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 aparece.
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 à 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.
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.
Digite o texto alt adequadamente descritivo.
Claro, você escrevê-la no campo de texto Alt.
No Quando clicado, vá ao campo de texto URL, diga Dreamweaver onde os espectadores são direcionados quando clicarem no seu capotamento imagem.
Você também pode clicar no botão Procurar para localizar outra página no seu site ou entrar em 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.
Clique em OK.
A imagem de sobreposição é criado na página.
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.
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 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.