Facebook Design

17/04/2012

1

Facebook Design - Jefferson Morelli http://facebook.com/JeffersonMorelliDev

JM

WWW.JEFFERSONMORELLI.COM.BR

17/04/2012

2


Sobre mim

Introdução ao Facebook Design

Tipos de Facebook Design

FBML Static

Facebook App

Meus Trabalhos

Referências Bibliográficas

Obrigado

17/04/2012

3


http://facebook.com/jefferson.morelli

17/04/2012

4


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

17/04/2012

5


Facebook Design – Consiste na criação de

uma aba (Tab) personalizada dentro de uma Fan Page

17/04/2012

6


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.

17/04/2012

7


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.

17/04/2012

8


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.

17/04/2012

9


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.

17/04/2012

10


://

17/04/2012

11


OBRIGADO !

Mais conteúdo em minha Fan Page :

https://www.facebook.com/JeffersonMorelliDev

Perfil Facebook :

https://www.facebook.com/jefferson.morelli

Twitter :

@jeffersobsm

Facebook Design

Devices & Hardware

Transcript of Facebook Design