Facebook Design

484 views
430 views

Published on

Published in: Devices & Hardware
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
484
On SlideShare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Facebook Design

  1. 1. 17/04/2012 JMFacebook Design - Jefferson Morelli WWW.JEFFERSONMORELLI.COM.BR http://facebook.com/JeffersonMorelliDev 1
  2. 2. 17/04/2012 Sobre mim Introdução ao Facebook Design Tipos de Facebook Design FBML Static Facebook App Meus Trabalhos Referências Bibliográficas ObrigadoFacebook Design - Jefferson Morelli http://facebook.com/JeffersonMorelliDev 2
  3. 3. 17/04/2012 http://facebook.com/jefferson.morelliFacebook Design - Jefferson Morelli http://facebook.com/JeffersonMorelliDev 3
  4. 4. 17/04/2012 Técnico em Informática para Internet ( Etec Votuporanga) Cursando Produção Multimídia (Unifev Votuporanga) Web Designer - Freelancer Desenvolvedor Fbml Tab, Iframe Tab, Facebook App Estudante AutodidataFacebook Design - Jefferson Morelli http://facebook.com/JeffersonMorelliDev 4
  5. 5. 17/04/2012 Facebook Design – Consiste na criação de uma aba (Tab) personalizada dentro de uma Fan PageFacebook Design - Jefferson Morelli http://facebook.com/JeffersonMorelliDev 5
  6. 6. 17/04/2012 Existem 2 formas de se construir uma Aba (Tab) personalizada: Fbml Static – Facebook Markup Language; Facebook App – Forma mais complexa, porém pode-se atribuir mais recursos.Facebook Design - Jefferson Morelli http://facebook.com/JeffersonMorelliDev 6
  7. 7. 17/04/2012 FBML Static – Facebook Markup Language. Utiliza a linguagem FBML, que é a linguagem prórpia do Facebook; É uma linguagem capaz de substituir o tradicional HTML, dando a oportunidade de construir uma Landing Page dentro da página do Facebook.Facebook Design - Jefferson Morelli http://facebook.com/JeffersonMorelliDev 7
  8. 8. 17/04/2012 FBML Static – Facebook Markup Language. Tags aceitas do HTML br, div, li, p, span, etc. Tags específicas fb:create-button, fb:dashboard, fb:error, fb:message, fb:name, etc.Facebook Design - Jefferson Morelli http://facebook.com/JeffersonMorelliDev 8
  9. 9. 17/04/2012 Facebook App – Tecnicamente mais complexo de se desenvolver por utilizar FTP para carregar arquivos para um servidor, que precisam estar em um ambiente seguro (HTTPS). Após 1/06/212 vai ser a única forma de se desenvolver, dentro do Facebook, pois o FBML será banido, restando apenas as opções gratuitas ou desenvolvidas de Facebook App.Facebook Design - Jefferson Morelli http://facebook.com/JeffersonMorelliDev 9
  10. 10. 17/04/2012 ://Facebook Design - Jefferson Morelli http://facebook.com/JeffersonMorelliDev 10
  11. 11. 17/04/2012 OBRIGADO ! Mais conteúdo em minha Fan Page : https://www.facebook.com/JeffersonMorelliDev Perfil Facebook : https://www.facebook.com/jefferson.morelli Twitter : @jeffersobsmFacebook Design - Jefferson Morelli http://facebook.com/JeffersonMorelliDev 11

×