Como usar comportamentos com caixas em adobe dreamweaver cs6

Video: Criando site básico com Dreamweaver CS6

Para adicionar efeitos frescos e interatividade, você pode usar o built-in Adobe Dreamweaver CS6 comportamentos, uma coleção de scripts prontos para uso que você pode aplicar a praticamente qualquer elemento de uma página. Quando usado com DIVs ou outros recipientes, os comportamentos podem melhorá-los com efeitos especiais ou interação do mouse (como cliques e capotamentos) para tornar a página mais emocionante.

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.

Você pode adicionar comportamentos, seguindo estes passos:

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

    Video: curso photoshop cs6 b clase 1 (reconociendo herramientas)

  2. Selecione um DIV usando o painel Elementos PA ou selecionar um elemento diretamente na página.

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

    Video: Tutorial Illustrator CS 6 (Español) INICIO Interfaz,Mapa de bits,Vector,RGB, CMYK, Dibujo. liclonny

    O menu de comportamentos disponíveis aparece.

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

    Video: Adobe Illustrator cs6: TUTORIAL BÁSICO "Primeros pasos"

    Por exemplo, para aplicar um efeito de desbotamento, escolher Efeitos → Aparecer / desvanece.



    A caixa de diálogo aparecem / desvanece-se abre.

  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!

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.


Publicações relacionadas