facebook design
TRANSCRIPT
![Page 1: Facebook Design](https://reader037.vdocuments.com.br/reader037/viewer/2022100605/559ba5d61a28abdf658b45bb/html5/thumbnails/1.jpg)
17/04/2012
1
Facebook Design - Jefferson Morelli http://facebook.com/JeffersonMorelliDev
JM
WWW.JEFFERSONMORELLI.COM.BR
![Page 2: Facebook Design](https://reader037.vdocuments.com.br/reader037/viewer/2022100605/559ba5d61a28abdf658b45bb/html5/thumbnails/2.jpg)
17/04/2012
2
Facebook Design - Jefferson Morelli http://facebook.com/JeffersonMorelliDev
Sobre mim
Introdução ao Facebook Design
Tipos de Facebook Design
FBML Static
Facebook App
Meus Trabalhos
Referências Bibliográficas
Obrigado
![Page 3: Facebook Design](https://reader037.vdocuments.com.br/reader037/viewer/2022100605/559ba5d61a28abdf658b45bb/html5/thumbnails/3.jpg)
17/04/2012
3
Facebook Design - Jefferson Morelli http://facebook.com/JeffersonMorelliDev
http://facebook.com/jefferson.morelli
![Page 4: Facebook Design](https://reader037.vdocuments.com.br/reader037/viewer/2022100605/559ba5d61a28abdf658b45bb/html5/thumbnails/4.jpg)
17/04/2012
4
Facebook Design - Jefferson Morelli http://facebook.com/JeffersonMorelliDev
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 Autodidata
![Page 5: Facebook Design](https://reader037.vdocuments.com.br/reader037/viewer/2022100605/559ba5d61a28abdf658b45bb/html5/thumbnails/5.jpg)
17/04/2012
5
Facebook Design - Jefferson Morelli http://facebook.com/JeffersonMorelliDev
Facebook Design – Consiste na criação de
uma aba (Tab) personalizada dentro de uma Fan Page
![Page 6: Facebook Design](https://reader037.vdocuments.com.br/reader037/viewer/2022100605/559ba5d61a28abdf658b45bb/html5/thumbnails/6.jpg)
17/04/2012
6
Facebook Design - Jefferson Morelli http://facebook.com/JeffersonMorelliDev
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.
![Page 7: Facebook Design](https://reader037.vdocuments.com.br/reader037/viewer/2022100605/559ba5d61a28abdf658b45bb/html5/thumbnails/7.jpg)
17/04/2012
7
Facebook Design - Jefferson Morelli http://facebook.com/JeffersonMorelliDev
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.
![Page 8: Facebook Design](https://reader037.vdocuments.com.br/reader037/viewer/2022100605/559ba5d61a28abdf658b45bb/html5/thumbnails/8.jpg)
17/04/2012
8
Facebook Design - Jefferson Morelli http://facebook.com/JeffersonMorelliDev
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.
![Page 9: Facebook Design](https://reader037.vdocuments.com.br/reader037/viewer/2022100605/559ba5d61a28abdf658b45bb/html5/thumbnails/9.jpg)
17/04/2012
9
Facebook Design - Jefferson Morelli http://facebook.com/JeffersonMorelliDev
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.
![Page 10: Facebook Design](https://reader037.vdocuments.com.br/reader037/viewer/2022100605/559ba5d61a28abdf658b45bb/html5/thumbnails/10.jpg)
17/04/2012
10
Facebook Design - Jefferson Morelli http://facebook.com/JeffersonMorelliDev
://
![Page 11: Facebook Design](https://reader037.vdocuments.com.br/reader037/viewer/2022100605/559ba5d61a28abdf658b45bb/html5/thumbnails/11.jpg)
17/04/2012
11
Facebook Design - Jefferson Morelli http://facebook.com/JeffersonMorelliDev
OBRIGADO !
Mais conteúdo em minha Fan Page :
https://www.facebook.com/JeffersonMorelliDev
Perfil Facebook :
https://www.facebook.com/jefferson.morelli
Twitter :
@jeffersobsm