27
Jul
10

[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.

Compartilhe:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • FriendFeed
  • LinkedIn
  • Live
  • MySpace
  • Netvibes
  • <acronym title='Portable Document Format'><span class='caps'>PDF</span></acronym>
  • Posterous
  • StumbleUpon
  • Tumblr
  • Twitter

3 Responses to “[Tutorial]: Flash no seu Blog/Site”


  1. Gravatar Icon 1 eGermano.com Jul 27th, 2010 at 3:31 am Citações

    Post novo no blog: #tutorial Flash no seu blog/site http://bit.ly/dr3P0d

  2. Gravatar Icon 2 No meu fone Jul 27th, 2010 at 3:31 am Citações

    RT @egermano: Post novo no blog: #tutorial Flash no seu blog/site http://bit.ly/dr3P0d

  3. Gravatar Icon 3 Conexao Jul 27th, 2010 at 3:31 am Citações

    RT @egermano: Post novo no blog: #tutorial Flash no seu blog/site http://bit.ly/dr3P0d

Leave a Reply

Texto selecionado da citação

Preview: