Tutorial conciso do Dreamweaver 4 (8. Adicionar efeitos interativos às páginas da web)
Autor:Eve Cole
Data da Última Atualização:2009-05-30 18:35:37
8. Adicione efeitos interativos às páginas da web
Crie efeitos interativos simples
Freqüentemente vemos esse efeito em páginas da web. Quando o mouse se move sobre uma imagem, a imagem original muda para outra imagem. Depois que o mouse é afastado, ela retorna à sua aparência original. No início mencionei que uma das vantagens do Dreamweaver sobre o Frontpage é que o Dreamweaver pode criar páginas da web interativas. Agora usaremos o Dreamweaver para criar o efeito interativo mais simples - alterar imagens.
Prepare duas imagens do mesmo tamanho, uma antes de o mouse ser movido para cima e a outra é a imagem depois que o mouse for movido para cima. Por exemplo, nas duas imagens a seguir, a imagem da esquerda é um botão em relevo e a da direita. a imagem é um botão côncavo:
Clique no painel Objetos , você verá a seguinte caixa de diálogo:
① Nome da imagem: O nome da tag do efeito de imagem transformado, o Dreamweaver irá atribuí-lo automaticamente;
② Imagem original: Especifique a imagem original (por exemplo, esta é uma imagem em relevo)
③ Imagem Rollover: Especifique a imagem após mover o mouse para cima (por exemplo, aqui está uma imagem côncava);
④ Url: URL do link da imagem;
Por exemplo, após concluir as configurações mostradas acima, pressione OK e, em seguida, pressione F12 para visualizar o efeito.