Hola Ramon,

O conselho é sempre para não abusar dela, mas, se for bem desenvolvidas e bem integradas, animações podem tornar mais atraente as páginas de um website.
Com WebAnimator podemos criar, de forma simples e rápida, animações para ser incluidas em nossos sites e lojas on-line, sem utilizar Flash, mas usando, em vez disso, HTML5, CSS e JavaScript, que são de fato mais leves e compatíveis com qualquer navegador ou dispositivo móvel, incluidos iPhone e iPad.
As animações em HTML5 criadas com WebAnimator pode ser facilmente integradas em sites criados com o WebSite X5. Se você deseja inserir uma animaçao como conteúdo de uma página, pode usar o objeto HTML (veja a FAQ “Come inserire un’animazione HTML5 di WebAnimator in WebSite X5” [ https://helpcenter.websitex5.com/post/107026 ] ), ou usar o Objeto opcional WebAnimator (veja a FAQ “Come inserire un’animazione HTML5 di WebAnimator in WebSite X5 grazie all'Oggetto WebAnimator Animation” [ https://helpcenter.websitex5.com/post/108784 ]).
Outra possibilidade é usar as animações criadas com WebAnimator para personalizar o cabeçalho ou o rodapé do modelo gráfico do site. Para obter este resultado é necessário proceder da seguinte forma:
1. Crie uma animação usando WebAnimator e salve com um nome (por exemplo: WA_Animation).
2. Exporte a animação do WebAnimator em uma pasta vazia (por exemplo C: \ WA_Project).
3. Abra, no WebSite X5, o projeto no qual quer trabalhar e acesse a janela Personalizaçao do Modelo, no Passo 1.
4. Clique no botão:
Inserir código HTML e insira o seguinte código HTML:
<div id="WA_AnimationStage" class="wascript"> <script type="text/javascript" charset="utf-8" src="WA_Animation_resources/WA_SCRIPT.js"></script></div>
Se utilizou um nome diferente para a animação, no código acima é necessário substituir o nome "WA_Animation" com o utilizado.
No objeto Código HTML é tambem necessário definir a mesma altura da animação inserida no WebAnimator. Você pode alterar essas configurações no WebAnimator nas propriedades do projeto.
5. No Passo 4 - Configurações Avançadas clique no item Estatísticas, SEO e código. Abra a aba Avançadas e clique no botão Adicionar para importar todos os arquivos localizados na pasta C: \ WA_Project \ WA_Animation_resources para anexá-los.
Verifique de ter definido WA_Animation_resources como Endereço relativo no servidor.
Apenas para o arquivo jquery-1.7.min.js, selecione o arquivo opção Vincular arquivo (somente para .js arquivos e .css). Desta forma, anexamos todos os arquivos necessários para o bom funcionamento da animação.
Feito isso, clique no botão de visualização para verificar se tudo está funcionando corretamente.
Bom trabalho!