Vídeo: Dreamweaver CS5 Spry, AP Divs Swap Image Mapping Behaviors 2024
Para adicionar efeitos legais e interatividade séria, você pode usar o Adobe Creative Suite 5 integrado (Adobe CS5) Dreamweaver beh a viors, uma coleção de scripts prontos para usar que você pode aplicar para caixas, elementos de formulário, texto e imagens em uma página. Usado com caixas (AP Divs), os comportamentos podem melhorá-los com efeitos especiais ou interação com o mouse (como cliques e rollovers) para tornar a página mais excitante.
O painel Behaviors possui um novo conjunto de efeitos, como Fade / Appear, Shrink, Highlight, Slide e mais - tudo o que você pode aplicar às divisões AP que você criou.
-
Escolha Janela → Comportamentos para abrir o painel Comportamentos.
-
Selecione um caixa usando o painel de elementos AP ou selecione uma caixa diretamente no palco.
-
No painel Comportamentos, clique no sinal de mais.
Aparece o menu de comportamentos disponíveis.
-
Do menu, escolha o comportamento que deseja aplicar.
Por exemplo, para aplicar um efeito de desvanecimento, escolha Efeitos → Aparecer / Fade. A caixa de diálogo Aparecer / Deslizar é aberta.
Adicione um efeito de aparência / Fade legal a um DIV na sua página. "> Adicione um efeito de aparência / fade legal a um DIV na sua página.
-
Certifique-se de que o efeito está definido como Fade e selecione a caixa de seleção Toggle Effect para verificar se a caixa reaparece quando é clicada uma segunda vez. Em seguida, clique em OK.
O comportamento é adicionado à lista. A frase onClick para a esquerda indica que esta ação ocorre quando a caixa é clicada.
-
Escolha Arquivo → Salvar para salvar a página.
Para ver o efeito em ação, visualize a página em um navegador.
-
Escolha Arquivo → Visualizar no navegador e escolha um navegador para iniciar a página.
Quando você testar a página, clicar na caixa faz desaparecer ou reaparecer - muita diversão para você e altamente interativo para os usuários!
Se o seu navegador estiver restringindo a página da Web executando scripts ou controles ActiveX, clique na mensagem na parte superior da janela do navegador e selecione Permitir conteúdo bloqueado para testar corretamente os novos comportamentos.
Quando os comportamentos de efeitos são usados, o Dreamweaver precisa copiar para seu site local vários arquivos que tornam possíveis os efeitos.
