 |
 |
 |
 |
 |
Anime o seu site!Para animar sua festa, você pode chamar desde o palhaço barbudo que vende balão de gás na esquina até o Mister M. Conheça aqui algumas opções para tornar seu site mais interessante e funcional É manhã na terra das flores e, ao acordar do seu sono repousante, você percebe alguma coisa estranha no seu site. As pessoas pararam de vir, tudo anda jogado meio às moscas, e entre uma pilha e outra de informação antiga e gráficos jurássicos, você ainda consegue achar alguma coisa interessante, mas é bem pouco. Chegou a hora de mudar o site, usar novas tecnologias, editar o conteúdo, enfim, jogar quase tudo no lixo e começar de novo.
Quanto mais particular for a função do seu site, mais complexa poderá ser a sua realização. Afinal, um grupo específico de pessoas provavelmente tem um interesse grande em ver esse conteúdo. Mas, se o seu site de venda de sapatos for inacessível para a maioria dos usuários, eles simplesmente comprarão sapatos em outro site. Da mesma forma, caso seu site de web-arte-protesto contra a destruição do habitat natural do besouro batateiro precise do Netscape 5 beta 9 com 47 plug-ins para ser visto, todas as duas pessoas interessadas em vê-lo vão procurar instalar o software necessário. Depois de pensar muito, estamos todos felizes e contentes, decididos a fazer um sitezinho batuta, cheio de firulas, animações e tudo a que se tem direito. Entre o descomunal leque de opções que se abre frente à nossa decisão, mais questões se apresentam. Mas, como já dizia algum monge chinês de nome incompreensível: "Se o problema é achar a resposta, simplesmente não pergunte." A seguir, analisaremos algumas das soluções mais conhecidas e acessíveis ao público. GIF animado
O bom e velho GIF animado é a lanterna mágica da animação na Web (animação em ASCII é café com leite), e apareceu como uma evolução do formato GIF (Graphic Image File), desenvolvido pela Compuserve. O GIF animado não passa de uma seqüência de imagens (frames), que podem ser colocadas na ordem e na velocidade desejadas. Sua principal vantagem é a facilidade de realização: a maioria dos programas de animação de GIFs é simples de usar, e salvar as imagens no formato final também não é complicado. Você pode pegar uma seqüência desenhada à mão e animá-la com poucas mudanças. Além disso, este é um dos poucostipos de animação que pode ser visto com a maioria dos browsers antigos sem variação. Por outro lado, seu resultado é limitado. Os arquivos finais geralmente são grandes e a limitação do número de cores (máximo de 256 ou 216 se houver a preocupação de produzir um arquivo web safe) pode ter um efeito desagradável na arte original. Uma saída para criar arquivos pequenos e visualmente complexos é animar somente a parte da imagem que se move de um frame para o outro. Isso pode ser feito dividindo a imagem original em várias imagens menores e colocá-las em uma tabela, sendo alguma delas GIFs animados e outras GIFs estáticos. Outra possibilidade é, no próprio GIF animado, colocar somente o estritamente necessário em cada frame que se sobrepõe. Em ambos os casos, é importante que todas as imagens tenham a mesma paleta de cores, o que evita pequenas variações que podem tornar sua animação uma colcha de retalhos. Shockwave Flash
O Flash é uma ferramenta da Macromedia para animação que trabalha principalmente com imagens vetoriais, o que traz uma quantidade enorme de vantagens para a utilização na Web. A primeira, e mais evidente, é o tamanho reduzido do arquivo final, muito menor do que as animações padrão bitmap como o GIF animado. Isso acontece por diversos fatores, entre eles o fato de que a animação não é construída como uma seqüência de imagens que se sobrepõem, e sim como a movimentação de objetos geométricos em uma linha de tempo. Outra razão é a simplicidade do formato vetorial, que costuma ser menor do que o bitmap.
Para que seu arquivo em Flash fique pequeno e ágil, preste atenção a duas regrinhas simples:
Mesmo com tantas vantagens, o Flash também oferece algumas limitações. A primeira delas é a dificuldade em criar uma animação "tradicional". Suas ferramentas são um pouco desajeitadas, e muitas vezes não oferecem a liberdade de um programa como o Macromedia Director. Outro problema é a dificuldade de utilização de imagens bitmap em uma animação gerada pelo Flash. Como a animação é gerada no computador da pessoa que está vendo, muitas vezes imagens grandes e formas muitos complexas tornam esse processo muito lento. De qualquer forma, o Flash é uma das melhores soluções para a animação na Web, principalmente porque, depois de sua popularização, o plug-in passou a ser distribuído com o Netscape e com aquele outro browser. Além disso, o Flash está bem integrado com o Director, permitindo que animações sejam utilizadas em formato vetorial em conjunto com programação mais complexa. Outra novidade são os plug-ins que exportam animações 3D para Flash, que estão entrando com força no mercado nesta segunda metade do ano. Macromedia Director
Velho conhecido dos desenvolvedores de software, o Director chegou à sua sétima versão com várias modificações que o deixaram mais apto a funcionar na Web. Uma das mais importantes é a integração com o Flash, trazendo novos comandos em Lingo e fazendo com que o Flash Xtra seja default no download do plug-in, o que permite diminuir consideravelmente o tamanho dos arquivos finais e melhorar bastante a qualidade dos recortes das imagens. O Director tem ferramentas de programação avançadas que utilizam o Lingo, uma linguagem de programação literal que consegue resultados surpreendentes. A única desvantagem do Lingo é que, embora simples para quem trabalha com programação, ele é razoavelmente complicado de aprender para quem não tem familiaridade com o meio. O tutorial que acompanha o programa é bom e a maioria das funções simples, como mouseovers, links e actions, são fáceis de se realizar ou vêm prontas em behaviors. Como ferramenta de animação, o Director costumava ser completo mas muitas vezes deixava a desejar no que se refere à qualidade das imagens, principalmente se for levado em conta o fato de que os arquivos preparados para a Web devem ser compactos e relativamente simples. A nova versão permite importar GIFs, JPGs e fazer transparências (seja com máscara ou alpha channel), o que melhorou muito esse aspecto. Algumas funções simples de animação também são mais complicadas de realizar que em outros programas, e por essas razões o Director não é uma boa opção para criar animações ou interações simples, sendo mais indicado para criar jogos e outras funções mais elaboradas. Há outro fator que pesa na equação: o plug-in do Director é bem grandinho, mais de 1,5 MB. Comparado aos 300 K do Flash, é muita coisa. DHTML
DHTML é a versão bombada do bom e velho HTML. Sua sigla significa Dynamic Hypertext Markup Language. Como o próprio termo indica, a diferença entre as duas linguagens é o fato da segunda ser dinâmica, o que na prática significa permitir o uso de layers, animações e funções complexas de programação. Do ponto de vista técnico, o DHTML é um pacotão que contém HTML, layers, posicionamento com Style Sheets, JavaScript e VBscript (somente no Explorer). Apesar das maravilhas que promete, essa linguagem ainda tem muitos problemas. Os principais são que ela funciona somente em browsers versão 4 e tem muitas variações de padrão, o que causa todos os tipos de erros possíveis e imagináveis quando uma versão desenvolvida para um browser é visualizada em outro.
Se você estiver trabalhando com uma plataforma fechada, um público muito conhecido e puder usar o DTHML, as vantagens são muitas. A primeira delas é a economia, pois suas animações podem ser construídas com poucas imagens e scripts que já estão presentes no próprio browser. A complexidade das animações acompanha a complexidade da programação, que se distancia cada vez mais do HTML clássico e se aproxima de uma mistureba medonha e muitas vezes incompreensível para quem não tenha uma boa familiaridade com a linguagem. Sempre resta a opção de utilizar um editor WYSIWYG, que utiliza uma interface gráfica similar à de programas de diagramação para construir sua página. O maior problema desse tipo de programa é a incongruência do projeto com o resultado final: na maioria das vezes, o que você vê na tela do programa não tem nada a ver com o que aparece no browser. De qualquer forma, alguns programas como o Macromedia Dreamweaver ou o Adobe GoLive realizam várias funções DHTML de forma fácil. Você tem a vantagem de poder utilizar tanto GIF quanto JPEG para animar. Mas ainda há uma relativa falta de recursos: troca de imagens, movimentação de imagens por um path (caminho) preestabelecido e interações simples exigem pouco esforço, mas fazer mais do que isso é complicado. É sempre bom lembrar que, dependendo da complexidade do que você quiser realizar, as soluções mais simples podem ser as mais indicadas. Outros métodos Existem centenas de outras formas de criar movimento em seu site: algumas conhecidas, como o JavaScript ou Java applets, e outras mais obscuras, como plug-ins que permitem colocar animações fora do browser do usuário ou animar um texto palavra por palavra. O JavaScript é um código inspirado pela sintaxe da linguagem Java, desenvolvida pela Sun. Ele lida com objetos dos browsers, sendo interpretado à medida que é executado. Faz parte de todos os browsers modernos e tem a vantagem de não depender de plug-ins (apesar das diferenças de padrão entre o Netscape e aquele outro browser), mas não permite realizar nada muito complexo. Mouseovers, troca de imagens e interação entre conteúdo de frames são alguns de seus usos mais comuns. O Java applet funciona como uma espécie de aplicativo que roda no browser. Ele utiliza objetos externos e pode realizar funções mais complicadas que o script; você tem a liberdade de construir seus objetos. O applet é uma solução complicada pois, embora seja versátil, costuma ocupar muita memória para o processamento, o que muitas vezes resulta em redraws lentos e até na não vizualização do que você produziu. Thiago Boud'Hors (Tibo)
|
 |
Uma das maiores dúvidas que se apresentam nesse momento decisivo na vida de qualquer pessoa é que tecnologia usar. Essa questão era simples de ser respondida há quatro anos, mas hoje em dia está razoavelmente complicada. Entre layers DHTML, Flash, Shockwave, Java e outros milhares de plug-ins desconhecidos e obscuros, é preciso pensar muito bem em como o site será construído, para não criar algo totalmente inacessível ou simples demais.
O Flash também permite alguns tipos de programação simples, como links e mouseovers, mas não se aproxima da sofisticação do Director. Dessa forma, um site inteiro pode ser construído em Flash, utilizando-se o HTML somente como suporte.
O fato do DHTML não precisar de plug-in é uma vantagem que também tem seu lado negativo, pois quem não tiver a última versão de um browser não consegue ver nada, e nesse caso a versão mais nova do browser é como um plug-in de 20 megas que o infeliz tem que baixar.