Como usar arquivos edge animate adobe em 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 se recusou a apoiar Flash, Adobe tem vindo a trabalhar no fornecimento de alternativas para web designers.

Video: Adobe muse & Adobe Edge Animate - Exportar animação do Edge animate para usar no Adobe muse

o .OAM arquivos contêm as imagens e o javascript, HTML5 e código CSS que o Dreamweaver usa para exibir a animação na sua página web. Para adicionar o .OAM arquivos para uma página em 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 → Inserir. 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 Inserir → Mídia → 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.

   

6. Clique no botão Exibição ao vivo no topo do espaço de trabalho para ver a animação inserido.

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

   

Video: Integrating with Dreamweaver CC with Adobe Edge Animate Advanced

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 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.