Índice:
- Problemas possíveis com arquivos CSS
- As imagens aparecem no painel da Biblioteca
- O texto é importado como um elemento
Vídeo: Adobe Animate CC: Add to HTML web page 2025
Adobe Edge Animate CC é muito compatível com HTML. Se você tiver uma página da Web HTML que seja muito básica - que você deseja animar, basta clicar em Abrir Arquivo na tela de boas-vindas para começar a trabalhar com ela.
Certifique-se de que todas as imagens e arquivos associados estão na mesma pasta que o arquivo htm quando você o abre - ou em uma pasta aninhada no arquivo htm. Caso contrário, eles não aparecerão no palco.
Quando você está importando o HTML existente, lembre-se do seguinte:
-
O Edge Animate pode não gostar dos seus arquivos CSS
-
As imagens no seu arquivo htm aparecem no painel da Biblioteca.
-
O texto é importado como um elemento.
Problemas possíveis com arquivos CSS
Tenha em mente que, quanto mais simples for a página HTML que você importar, mais fácil será o Edge Animate para abri-lo.
Se você tiver problemas para abrir seu arquivo htm, tente remover todos os arquivos CSS associados. Você pode se preocupar com a perda desse trabalho anterior, mas tenha em mente que você pode substituir rapidamente todo esse trabalho de design com o Edge Animate.
Se você abrir um arquivo HTML existente com menus, pode animar os menus e os elementos, mas você não pode reformatar a cor e alguns outros aspectos.
O motivo para isso é que o Edge Animate só permite seqüências de animação para objetos HTML importados, de modo a não lutar com nenhum estilo CSS que você já tenha aplicado. Pode ficar um pouco confuso quando você aplica dois estilos a um elemento, o que pode levar a resultados inesperados.
As imagens aparecem no painel da Biblioteca
Se a página HTML que você está importando contém imagens, o Edge Animate importa essas imagens no painel da Biblioteca como um recurso (veja esta figura).
Agora você pode tratar as imagens importadas como elementos que você pode animar ou adicionar atributos interativos; Você pode fazer a imagem se mover sobre a tela e / ou tornar a imagem um link.
O texto é importado como um elemento
Quando você importa um arquivo HTML com texto, o Animate importa esse texto como um elemento. Você pode selecionar os elementos de texto e animá-los ou adicionar ações a eles; no entanto, você não pode editar o texto.
Se o arquivo HTML original usou H1 ou tags de parágrafo para texto, o Animate reconhece esses atributos e os exibe no painel Elements, como mostrado.
