Vídeo: Adobe Animate CC: Add to HTML web page 2025
Adobe Edge Animate é um programa de software que você pode usar com as novas funções do Dreamweaver CC que permitem aos designers que estão familiarizados com a interface do Flash para criar animações e, em seguida, Exporte-os como empacotados. arquivos oam que são fáceis de inserir em suas páginas da web. Desde que o iPhone e iPad extremamente popular da Apple se recusaram a suportar o Flash, a Adobe trabalhou no fornecimento de alternativas aos web designers.
O. Os arquivos oam contêm as imagens eo código JavaScript, HTML5 e CSS que o Dreamweaver usa para exibir a animação em sua página da Web. Para adicionar o. arquivos de oam para uma página no Dreamweaver, use as seguintes etapas:
-
Clique onde deseja que o arquivo Edge Animate apareça em sua página da Web.
-
Se o painel Inserir ainda não estiver aberto, escolha Janela → Inserir. Em seguida, use a lista suspensa para selecionar o painel de mídia.
-
Na lista suspensa Mídia, escolha a opção Edge Animate Composition.
Você também pode escolher Inserir → Mídia → Bordar composição animada, ou pressione Ctrl + Alt + Shift + E. A caixa de diálogo Select Edge Animate Package é exibida.
-
Navegue para localizar o arquivo de pacote Edge Animate que deseja inserir em sua página, selecione o arquivo e clique em OK.
-
Se você tiver opções de acessibilidade ativadas, você será solicitado a adicionar texto alternativo para descrever o arquivo Edge Animate. Digite uma descrição do arquivo e clique em OK.
A caixa de diálogo fecha e o arquivo Edge Animate é inserido em seu documento. O Dreamweaver também copia os arquivos jQuery, CSS, HTML e imagem necessários para a pasta raiz do seu site.
-
Clique no botão de exibição Live na parte superior do espaço de trabalho para visualizar a animação inserida.
(Ao contrário do Flash, não há nenhum botão para reproduzir a animação para ver se isso funciona.) Observe a extensa lista de arquivos listados ao lado do botão Código Fonte acima do design da página.
O Dreamweaver inclui apenas algumas opções no Inspetor de propriedades para modificar as animações do Edge em suas páginas da web. Você pode atribuir um estilo de classe ao arquivo Edge Animate, mas 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ê seja especialista em editar manualmente os arquivos CSS, jQuery e HTML.
