Adobe dreamweaver cs5 comportamentos ap div

Video: Dreamweaver CS5 Spry, AP Divs Swap Image Mapping Behaviors

Para adicionar efeitos frescos e interatividade sério, você pode usar o Dreamweaver built-in Adobe Creative Suite 5 (Adobe CS5) behumaviors, uma coleção de scripts prontos para uso que você pode aplicar às caixas, elementos de formulário, texto e imagens em uma página. Usado com caixas (Divs PA), comportamentos podem melhorá-los com efeitos especiais ou interação do mouse (como cliques e capotamentos) para tornar a página mais emocionante.

Video: Dreamweaver CS5 Div Tags Tutorial - About Div and AP Tags in Dreamweaver CS5

O painel Comportamentos apresenta um novo conjunto de efeitos, tais como Fusão / Aparecer, Shrink, Destaque, Slide, e mais - tudo o que você pode aplicar à AP Divs você cria.

  1. Escolha Janela → Comportamentos para abrir o painel Comportamentos.

  2. Selecione uma caixa usando o painel Elementos PA ou selecione uma caixa diretamente no palco.

  3. No painel Behaviors, clique no sinal de mais.

    O menu de comportamentos disponíveis aparece.

  4. A partir do menu, escolha o comportamento que você deseja aplicar.

    Por exemplo, para aplicar um efeito de desbotamento, escolher Efeitos → Aparecer / desvanece. A caixa de diálogo aparecem / desvanece-se abre.

    & Lt; b & gt; Adicionar um fresco Aparecer / Desaparecer efeito a uma DIV na página & lt;. / B & gt; “/ & gt; & lt; / p & gt; & lt; div class =Adicionar um fresco Aparecer / Desaparecer efeito a uma DIV em sua página.


  5. Certifique-se o efeito é definido a desvanecer-se e marque a caixa de seleção Alternar efeito para garantir que a caixa reaparece quando é clicado uma segunda vez. Em seguida, clique em OK.

    O comportamento é adicionado à lista. A frase onclick à sua esquerda indica que esta acção ocorre quando a caixa é clicado.

  6. Escolha Arquivo → Salvar para salvar a página.

    Para ver o efeito em ação, visualizar a página em um navegador.

  7. Escolha Arquivo → Visualizar no navegador e escolha um navegador para iniciar a página.

    Quando você testar a página, clicando na caixa torna desaparecer ou reaparecer - muita diversão para você e altamente interativa para os usuários!

Video: Position a div (AP Div) exactly where you want it in Adobe Dreamweaver

Se o seu navegador está restringindo a página web da execução de scripts ou controles ActiveX, clique na mensagem na parte superior da janela do navegador e selecione Permitir conteúdo bloqueado para testar adequadamente os novos comportamentos.

Quando são usados ​​efeitos comportamentos, Dreamweaver precisa copiar para seu site várias arquivos locais que fazem os efeitos possíveis.

Video: Dreamweaver CS5 Tutorial Nested AP Divs Adobe Training Lesson 9.6

">

Publicações relacionadas