Arquivo de July 27th, 2010

27
Jul

[Tutorial]: Flash no seu Blog/Site

Fala galera,

Vai aí um artigo mais técnico.

Tenho conversado com alguns amigos e clientes e uma dúvida bem recorrente deles é de como se colocar um flash no site ou no blog.

Mas antes quero dar uma introdução ao assunto.

O que é flash?

Flash é uma ferramenta da Adobe[bb] que permite que você crie videos, filme ou simplemente elementos de sites para que eles fiquem mais interativos e atrativos.

Você deve estar pensando: Posso fazer filmes com ele?

Sim, você pode! Os estudios de Mauricio de Souza, desenhista da Truma da Mônica[bb], faz os desenhos animados dessa turma em flash.

Como eu uso no meu site?

Talvez você, assim como eu, não tenha tanta habilidade com o flash para criar filme, animaçoes ou simplemente menus ou banners para o seu site.

Mas mesmo com essa limitação, eu sempre preciso colocar alguma coisa em flash no meu blog.

Para fazer isso é muito simples, você vai precisar:

  1. Video/Menu/Banner em FLASH (extensão .swf)
  2. Tamanho do seu FLASH, largura e altura.
  3. Um blog/site que precisa desse tipo de conteudo
  4. Algum editor do HTML do seu site/blog (blogger, wordpress, etc)

Um elemento flash se comporta quase como uma imagem no seu blog, mas ele NÃO é uma imgem, por isso vc não pode usar a mesma tag de uma imagem (<img [...] />).

O falsh é um objeto especial que precisa de um plugin, mas isso não é um problema seu.

É muito simples, veja só.

<object width=”550″ height=”400″>
<param name=”movie” value=”http://seudominio.com.br/flash.swf”>
<embed src=”http://seudominio.com.br/flash.swf” width=”550″ height=”400″>
</embed>
</object>

Aqui nesse exemplo temos basicamente 3 tags, OBJECT, PARAM, EMBED. Você precisa sempre informar essas tags com os respectivos valores do seu flash.

Na OBJECT, você precisa informar a largura (@width) e a altura (@height).

Na PARAM você vai informar o nome do parâmetro como movie (@name=’movie’) e no valor o caminho do seu flash (@value=’http://seudominio.com.br/falsh.swf’).

Na EMBED você vai precisar informar a fonte(source) o caminho do seu flash, o mesmo informado da tag PARAM (@src=’http://seudominio.com.br/falsh.swf’) e a largura (@width) e a altura (@height).

Depois é só fechar as tags.

Mas porque precisamos informar o caminho, a altura e a largura duas vezes em tags diferentes?

Porque elas são interpretadas por brownses diferentes, o Firefox vai ler apenas a tag EMBED, enquanto o IE lê a tag OBJECT + PARAM.

Acho que é isso galera.

Deixem seus comentários e suas dúvidas aqui nos comments e na medida do possível vou tentar sanar todas elas. Hehe

Abraços a todos.





July 2010
S M T W T F S
« Jun   Aug »
 123
45678910
11121314151617
18192021222324
25262728293031