SlideShare uma empresa Scribd logo
1 de 28
Baixar para ler offline
VITOR GARCIA
DESIGNER DE INTERFACE
   rino3.com.br
O que é HTML?
HTML
             =
Abreviação para a expressão
 inglesa HyperText Markup
         Language
             =
Linguagem de Marcação de
         Hipertexto
HTML
é uma linguagem para publicação de conteúdo
  (texto, imagem, vídeo, áudio e etc) na Web.
Escrito na forma de “tags” que são cercados
          por colchetes angulares.
OS BASTIDORES DE UM SITE
OS BASTIDORES DE UM SITE
Tim Berners-Lee

1989

Navegador WorldWideWeb
(Mais tarde passou a se chamar Nexus)
Foi necessário criar um padrão para que
todos os autores e navegadores pudessem
 reconhecer quaisquer versões do HTML.
Principal organização de
padronização da World Wide Web
 fundado por Tim Berners-Lee.
Versões do HTML

  HTML 2.0
  HTML 3.2
  HTML 4.0
  HTML 4.01
     ...
Promete
revolucionar a
forma como
apresentamos e
acessamos o
conteúdo na
web.
HTML5 não se trata apenas de marcação,
  mas também de um conjunto de novas
 funcionalidades encapsuladas em APIs.
HTML5 : Badges
O que vai melhorar?
Adios Plugins!
Adios Plugins!
O Facebook vem estimulando o uso do HTML5
 para desenvolvimento de aplicativos e jogos na
rede social. Assim, os apps se tornam compatíveis
            com múltiplas plataformas. 




zynga
Aplicativos universais

            Game1
http://vitorgarcia.com/html/game1
Aplicativos universais

           Game2
http://vitorgarcia.com/html/game2
Será esse o fim do Flash?
Usabilidade
Usabilidade
E muito mais...

http://diveintohtml5.com.br/

  http://html5doctor.com/

http://www.html5rocks.com/

  http://tableless.com.br/
Voltando ao FLASH...
Abril / 2010
   “Reflexões sobre o Adobe
           Flash”




“Talvez a Adobe devesse focar mais em criar grandes
ferramentas HTML5 para o futuro, e menos em criticar
      a Apple por deixar o passado para trás.”
Setembro / 2012

Adobe Edge Animate
Vitor Garcia

fb.com/vitorgarciamoreira

 hello@vitorgarcia.com

   www.rino3.com.br

Mais conteúdo relacionado

Semelhante a O Poder do HTML5

1a5614c679b23c018654639f6b57ecf1.pdf
1a5614c679b23c018654639f6b57ecf1.pdf1a5614c679b23c018654639f6b57ecf1.pdf
1a5614c679b23c018654639f6b57ecf1.pdf
NickMartinsgaspar
 

Semelhante a O Poder do HTML5 (20)

Seminario html5
Seminario html5Seminario html5
Seminario html5
 
HTML5.pptx
HTML5.pptxHTML5.pptx
HTML5.pptx
 
Benefícios dos WebStandards
Benefícios dos WebStandardsBenefícios dos WebStandards
Benefícios dos WebStandards
 
1a5614c679b23c018654639f6b57ecf1.pdf
1a5614c679b23c018654639f6b57ecf1.pdf1a5614c679b23c018654639f6b57ecf1.pdf
1a5614c679b23c018654639f6b57ecf1.pdf
 
Curso de html - Introdução ao HTML
Curso de html -  Introdução ao HTMLCurso de html -  Introdução ao HTML
Curso de html - Introdução ao HTML
 
Ferramentas Livres para Desenvolvimento Web
Ferramentas Livres para Desenvolvimento WebFerramentas Livres para Desenvolvimento Web
Ferramentas Livres para Desenvolvimento Web
 
I.h aula 6 7 8 9 10 11 12
I.h aula 6 7 8 9 10 11 12I.h aula 6 7 8 9 10 11 12
I.h aula 6 7 8 9 10 11 12
 
Html
HtmlHtml
Html
 
Montando sites com XHTML e CSS utilizando os padrões web
Montando sites com XHTML e CSS utilizando os padrões webMontando sites com XHTML e CSS utilizando os padrões web
Montando sites com XHTML e CSS utilizando os padrões web
 
HTML5 - Road Show TI Experience 2012
HTML5 - Road Show TI Experience 2012HTML5 - Road Show TI Experience 2012
HTML5 - Road Show TI Experience 2012
 
Introdução ao Desenvolvimento com Padrões Web: XHTML Essencial
Introdução ao Desenvolvimento com Padrões Web: XHTML EssencialIntrodução ao Desenvolvimento com Padrões Web: XHTML Essencial
Introdução ao Desenvolvimento com Padrões Web: XHTML Essencial
 
HTML e CSS - O que é?
HTML e CSS - O que é?HTML e CSS - O que é?
HTML e CSS - O que é?
 
Comunicação em tempo real com WebRTC e PHP
Comunicação em tempo real com WebRTC e PHPComunicação em tempo real com WebRTC e PHP
Comunicação em tempo real com WebRTC e PHP
 
Desenvolvendo aplicações RIA - Marcel Araujo
Desenvolvendo aplicações RIA - Marcel AraujoDesenvolvendo aplicações RIA - Marcel Araujo
Desenvolvendo aplicações RIA - Marcel Araujo
 
Conecte - Curso de HTML - Apresentação
Conecte - Curso de HTML - ApresentaçãoConecte - Curso de HTML - Apresentação
Conecte - Curso de HTML - Apresentação
 
O que é HTML5
O que é HTML5O que é HTML5
O que é HTML5
 
Rich Internet Applications
Rich Internet ApplicationsRich Internet Applications
Rich Internet Applications
 
HTML5
HTML5HTML5
HTML5
 
Road Show TI Senac São Paulo - Jaú
Road Show TI Senac São Paulo - JaúRoad Show TI Senac São Paulo - Jaú
Road Show TI Senac São Paulo - Jaú
 
Seminário de Desenvolvimento Mobile - Etec Cafelândia
Seminário de Desenvolvimento Mobile - Etec CafelândiaSeminário de Desenvolvimento Mobile - Etec Cafelândia
Seminário de Desenvolvimento Mobile - Etec Cafelândia
 

Último

Último (8)

Padrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploPadrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemplo
 
Luís Kitota AWS Discovery Day Ka Solution.pdf
Luís Kitota AWS Discovery Day Ka Solution.pdfLuís Kitota AWS Discovery Day Ka Solution.pdf
Luís Kitota AWS Discovery Day Ka Solution.pdf
 
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docxATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
 
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docxATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
 
Boas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsBoas práticas de programação com Object Calisthenics
Boas práticas de programação com Object Calisthenics
 
Programação Orientada a Objetos - 4 Pilares.pdf
Programação Orientada a Objetos - 4 Pilares.pdfProgramação Orientada a Objetos - 4 Pilares.pdf
Programação Orientada a Objetos - 4 Pilares.pdf
 
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docxATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
 
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docxATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
 

O Poder do HTML5