Como usar o Adobe Edge Animate arquivos no Dreamweaver

Adobe Edge Animate é um programa de software que você pode usar com as novas funções CC do Dreamweaver que permite aos designers que estão familiarizados com a interface do Flash para criar animações e, em seguida, exportá-los como empacotado .OAM arquivos que são fáceis de inserir em suas páginas web. Desde que o iPhone popular da Apple e iPad famosa recusou a apoiar o Flash, a Adobe tem vindo a trabalhar no fornecimento de alternativas para web designers.

o .OAM arquivos contêm as imagens eo javascript, HTML5 e CSS código que o Dreamweaver usa para exibir a animação na sua página web. Para adicionar o .OAM arquivos para uma página no Dreamweaver, utilize os seguintes passos:

  1. Clique onde você deseja que o arquivo Animate Borda para aparecer na sua página web.

  2. Se o painel de inserção ainda não estiver aberto, escolha Janela-Insert. Em seguida, use a lista drop-down para selecionar o painel de mídia.

  3. Na lista suspensa Mídia, escolha a opção Composição Edge Animate.

    Você também pode escolher Insert-Media-Edge Animate Composição, ou pressione Ctrl + Alt + Shift + E. A caixa de diálogo Select Edge Animate Package aparece.

  4. Procure para localizar o arquivo do pacote Edge Animate que você deseja inserir na sua página, selecione o arquivo e clique em OK.

  5. Se você tem as opções de acessibilidade ativada, você será solicitado para adicionar texto alternativo para descrever o arquivo Edge Animate. Digite uma descrição do arquivo e clique em OK.

    A caixa de diálogo é fechada eo arquivo Animate Borda é inserido em seu documento. O Dreamweaver também copia o requisito jQuery, CSS, HTML e arquivos de imagem para a pasta raiz do seu site.

    image0.jpg
  6. Clique no botão Exibição ao vivo na parte superior do espaço de trabalho para ver a animação inserido.

    (Ao contrário do Flash, não há nenhum botão para reproduzir a animação para ver se funciona.) Observe a extensa lista de arquivos listados ao lado do botão Source Code acima do design da página.

    image1.jpg

Dreamweaver inclui apenas algumas opções no Inspetor de propriedades para modificar animações Borda em suas páginas web. Você pode atribuir um estilo de classe para o arquivo Animate Edge, mas você não deve ajustar a altura ou a largura da animação com as caixas de diálogo no Inspetor de propriedades, a menos que você é especialista em edição de arquivos manualmente o CSS, jQuery e HTML.

menu