SlideShare uma empresa Scribd logo
1 de 11
+

Profa. Heloisa Biagi
> Heloisa Biagi
Designer e front-end developer no jornal Valor Econômico
Email: heloisa.biagi@gmail.com
Blog: www.heloisabiagi.com
Slideshare (materiais):
http://www.slideshare.net/HeloisaBiagi
Facebook: Heloisa Biagi
Linkedin: http://www.linkedin.com/pub/heloisabiagi/1b/572/90a
< história do HTML />
HTML: linguagem da web. Sigla para HyperText
Mark Up Language (linguagem de marcação de
hipertexto)
Desenvolvido pelo pesquisador britânico sir Tim
Berns-Lee. Surgiu da necessidade de se
padronizar a troca de informações e documentos
entre os membros do CERN (Organização
Europeia para a Pesquisa Nuclear)
< história do HTML />
A ideia de Tim Berns Lee:
[título] Artigo 1224 [/título]
[parágrafo] Parágrafo 1 [/parágrafo]
[parágrafo] Parágrafo 2 que contém um link para outro texto
[/parágrafo]
[lista]
[item] – Item de uma lista [/item]
[item] – Item de uma lista [/item]
[/lista]
< história do HTML />
1990

Tim Berns Lee desenvolve o primeiro navegador, o
WorldWideWeb, e o protocolo HTTP (Hypertext
Transference Protocol), para a distribuição de dados
HTML.

1993

O programador Marc Andreesen (futuro fundador do
Netscape) lança o navegador Mosaic, capaz de exibir
imagens e gráficos.

1994

Criado o W3C (World Wide Web Consortium), cuja função
é estabelecer os padrões de desenvolvimento web. Surge
também o Nestcape, o primeiro navegador a ter
penetração no mercado.
< história do HTML />
1995

1997

1998

Surge o primeiro rascunho do HTML 3.0, que previa
suporte a tabelas e folhas de estilo. Microsoft lança o
Internet Explorer. Tem início a “Guerra dos Browsers”

Microsoft lança o Internet Explorer 4.0, que agora é parte
do Windows. Netscape perde a liderança do mercado dos
browsers, enquanto a Microsoft passa a dominá-lo.

Lançado o buscador Google, que baseia suas pesquisas na
relação entre os links que apontam para uma página e no
quão relevante ela é para o termo pesquisado. O Google
viria a revolucionar a internet.
< história do HTML />
1999

Lançado a versão 4.01 do HTML, que tentava atingir a
compatibilidade com as versões anteriores, enquanto
apresentava novas features. Seu reinado seria longo.

2000

Publicado o XHTML versão 1.0. Sua marcação é mais
rigorosa quanto à separação entre conteúdo e estilo (CSS)

2001

Lançado o navegador Internet Explorer 6.0, um dos mais
populares da História. Ele tem pleno suporte a CSS 1.0,
porém, falha em seguir alguns padrões.
< história do HTML />
Início dos
anos 2000

2004

“Estouro da bolha” das empresas pontocom. Surgimento
de vários navegadores alternativos ao Internet Explorer
(Safari em 2003, Firefox em 2004), ressucitando a “Guerra
dos Browsers”

Insatisfeitos com os estudos do W3C em relação à nova
versão do XHTML, desenvolvedores da Mozilla e do Opera
formam o WHATWG ( Web Hypertext Application
Technology Working Group), que seria apoiado pelo
Google. A primeira especificação do agora chamado
HTML5 seria publicada em 2008.
< história do HTML />

Segunda
Metade da
década de 2000
2010 - ??

- Explosão das redes sociais (Orkut, Facebook, Twitter,
Pinterest, LinkedIn, Google Plus)
- Explosão dos smartphones (iPhone lançado em 2007)

- Boom dos social games (Farmville, Candy Crush, etc)
- Boom dos mobile games
- Estamos 24 horas conectados.
< história do HTML />
O que é novo no HTML5??
-

Semântica
Novas tags de multimídia (áudio, vídeo, figuras)
Canvas para desenhos e animações
Armazenamento e cache para aplicações
offline
- Novos campos para formulários
< história do HTML />

Neste curso, aprenderemos como criar
sites utilizando o HTML5 e o CSS3 como
tecnologias de desenvolvimento, através
de exercícios de aprendizado.

Mais conteúdo relacionado

Semelhante a HTML5 + CSS3 - Aula01

Semelhante a HTML5 + CSS3 - Aula01 (20)

O Poder do HTML5
O Poder do HTML5O Poder do HTML5
O Poder do HTML5
 
Benef&iacute;cios dos WebStandards
Benef&iacute;cios dos WebStandardsBenef&iacute;cios dos WebStandards
Benef&iacute;cios dos WebStandards
 
HTML5 - (01) Visão Geral do HTML5
HTML5 - (01) Visão Geral do HTML5HTML5 - (01) Visão Geral do HTML5
HTML5 - (01) Visão Geral do HTML5
 
E-Book de estudos
E-Book de estudosE-Book de estudos
E-Book de estudos
 
1a5614c679b23c018654639f6b57ecf1.pdf
1a5614c679b23c018654639f6b57ecf1.pdf1a5614c679b23c018654639f6b57ecf1.pdf
1a5614c679b23c018654639f6b57ecf1.pdf
 
Curso básico HTML5
Curso básico HTML5Curso básico HTML5
Curso básico HTML5
 
HTML5
HTML5HTML5
HTML5
 
W3C Web Standards HTML
W3C Web Standards HTMLW3C Web Standards HTML
W3C Web Standards HTML
 
HTML 5 - A mudança da Web
HTML 5 - A mudança da WebHTML 5 - A mudança da Web
HTML 5 - A mudança da Web
 
HTML e CSS - O que é?
HTML e CSS - O que é?HTML e CSS - O que é?
HTML e CSS - O que é?
 
AULA 01 - Conceitos de HTML.pptx
AULA 01 - Conceitos de HTML.pptxAULA 01 - Conceitos de HTML.pptx
AULA 01 - Conceitos de HTML.pptx
 
HTML5, WAI-ARIA e Acessibilidade na Web - Digital acesso 2011
HTML5, WAI-ARIA e Acessibilidade na Web - Digital acesso 2011HTML5, WAI-ARIA e Acessibilidade na Web - Digital acesso 2011
HTML5, WAI-ARIA e Acessibilidade na Web - Digital acesso 2011
 
Html5
Html5Html5
Html5
 
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
 
Web 2.0 Comunicar, Colaborar E Trabalhar V2
Web 2.0   Comunicar, Colaborar E Trabalhar V2Web 2.0   Comunicar, Colaborar E Trabalhar V2
Web 2.0 Comunicar, Colaborar E Trabalhar V2
 
HTML5 e o futuro da Web - Senac Consolação 2012
HTML5 e o futuro da Web - Senac Consolação 2012HTML5 e o futuro da Web - Senac Consolação 2012
HTML5 e o futuro da Web - Senac Consolação 2012
 
Cs 02 introducao_html
Cs 02 introducao_htmlCs 02 introducao_html
Cs 02 introducao_html
 
Html
HtmlHtml
Html
 
Curso HTML Módulo 1
Curso HTML Módulo 1Curso HTML Módulo 1
Curso HTML Módulo 1
 
O que é HTML5
O que é HTML5O que é HTML5
O que é HTML5
 

HTML5 + CSS3 - Aula01

  • 2. > Heloisa Biagi Designer e front-end developer no jornal Valor Econômico Email: heloisa.biagi@gmail.com Blog: www.heloisabiagi.com Slideshare (materiais): http://www.slideshare.net/HeloisaBiagi Facebook: Heloisa Biagi Linkedin: http://www.linkedin.com/pub/heloisabiagi/1b/572/90a
  • 3. < história do HTML /> HTML: linguagem da web. Sigla para HyperText Mark Up Language (linguagem de marcação de hipertexto) Desenvolvido pelo pesquisador britânico sir Tim Berns-Lee. Surgiu da necessidade de se padronizar a troca de informações e documentos entre os membros do CERN (Organização Europeia para a Pesquisa Nuclear)
  • 4. < história do HTML /> A ideia de Tim Berns Lee: [título] Artigo 1224 [/título] [parágrafo] Parágrafo 1 [/parágrafo] [parágrafo] Parágrafo 2 que contém um link para outro texto [/parágrafo] [lista] [item] – Item de uma lista [/item] [item] – Item de uma lista [/item] [/lista]
  • 5. < história do HTML /> 1990 Tim Berns Lee desenvolve o primeiro navegador, o WorldWideWeb, e o protocolo HTTP (Hypertext Transference Protocol), para a distribuição de dados HTML. 1993 O programador Marc Andreesen (futuro fundador do Netscape) lança o navegador Mosaic, capaz de exibir imagens e gráficos. 1994 Criado o W3C (World Wide Web Consortium), cuja função é estabelecer os padrões de desenvolvimento web. Surge também o Nestcape, o primeiro navegador a ter penetração no mercado.
  • 6. < história do HTML /> 1995 1997 1998 Surge o primeiro rascunho do HTML 3.0, que previa suporte a tabelas e folhas de estilo. Microsoft lança o Internet Explorer. Tem início a “Guerra dos Browsers” Microsoft lança o Internet Explorer 4.0, que agora é parte do Windows. Netscape perde a liderança do mercado dos browsers, enquanto a Microsoft passa a dominá-lo. Lançado o buscador Google, que baseia suas pesquisas na relação entre os links que apontam para uma página e no quão relevante ela é para o termo pesquisado. O Google viria a revolucionar a internet.
  • 7. < história do HTML /> 1999 Lançado a versão 4.01 do HTML, que tentava atingir a compatibilidade com as versões anteriores, enquanto apresentava novas features. Seu reinado seria longo. 2000 Publicado o XHTML versão 1.0. Sua marcação é mais rigorosa quanto à separação entre conteúdo e estilo (CSS) 2001 Lançado o navegador Internet Explorer 6.0, um dos mais populares da História. Ele tem pleno suporte a CSS 1.0, porém, falha em seguir alguns padrões.
  • 8. < história do HTML /> Início dos anos 2000 2004 “Estouro da bolha” das empresas pontocom. Surgimento de vários navegadores alternativos ao Internet Explorer (Safari em 2003, Firefox em 2004), ressucitando a “Guerra dos Browsers” Insatisfeitos com os estudos do W3C em relação à nova versão do XHTML, desenvolvedores da Mozilla e do Opera formam o WHATWG ( Web Hypertext Application Technology Working Group), que seria apoiado pelo Google. A primeira especificação do agora chamado HTML5 seria publicada em 2008.
  • 9. < história do HTML /> Segunda Metade da década de 2000 2010 - ?? - Explosão das redes sociais (Orkut, Facebook, Twitter, Pinterest, LinkedIn, Google Plus) - Explosão dos smartphones (iPhone lançado em 2007) - Boom dos social games (Farmville, Candy Crush, etc) - Boom dos mobile games - Estamos 24 horas conectados.
  • 10. < história do HTML /> O que é novo no HTML5?? - Semântica Novas tags de multimídia (áudio, vídeo, figuras) Canvas para desenhos e animações Armazenamento e cache para aplicações offline - Novos campos para formulários
  • 11. < história do HTML /> Neste curso, aprenderemos como criar sites utilizando o HTML5 e o CSS3 como tecnologias de desenvolvimento, através de exercícios de aprendizado.