SlideShare uma empresa Scribd logo
+

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

PPTX
PPTX
PPTX
Design de Interfaces - Aula 02 (Manipulando bitmaps no Fireworks)
PPTX
Design de Interfaces - Aula 03 (Desenhando com vetores no Fireworks)
PPTX
Design de Interfaces - Aula 01 (Introdução a gráficos e ao Fireworks)
PPTX
Landing Page
PDF
Curso básico HTML5
PPTX
I.h aula 6 7 8 9 10 11 12
Design de Interfaces - Aula 02 (Manipulando bitmaps no Fireworks)
Design de Interfaces - Aula 03 (Desenhando com vetores no Fireworks)
Design de Interfaces - Aula 01 (Introdução a gráficos e ao Fireworks)
Landing Page
Curso básico HTML5
I.h aula 6 7 8 9 10 11 12

Semelhante a HTML5 + CSS3 - Aula01 (20)

PDF
HTML e CSS - O que é?
PDF
1 si introdução ao desenvolvimento web - estrutura básica
ODP
1 - Introdução Ao Desenvolvimento Web - Estrutura Básica
PDF
Curso HTML Módulo 1
PDF
Apresentacao 091017061004-phpapp02
PDF
Javascript, HTML5 e CSS3
PPTX
Curso de html - Introdução ao HTML
PDF
1a5614c679b23c018654639f6b57ecf1.pdf
PPTX
Introducao-a-Linguagem-de-Marcacao-HTML.pptx
PPTX
HTML5.pptx
PPT
Html E Websemantica Trabalho
PPTX
Seminario html5
PPTX
Introducao_HTML - PT02 Uma abordagem mais dinamica
PDF
HTML5 e o futuro da Web - Senac Consolação 2012
PDF
PDF
Criação de Sites - David Arty - SENAC
PPT
Desenvolvimento para a Internet - Aula 01
PDF
Html web denise_lima
PPTX
Introdução a HTML5
HTML e CSS - O que é?
1 si introdução ao desenvolvimento web - estrutura básica
1 - Introdução Ao Desenvolvimento Web - Estrutura Básica
Curso HTML Módulo 1
Apresentacao 091017061004-phpapp02
Javascript, HTML5 e CSS3
Curso de html - Introdução ao HTML
1a5614c679b23c018654639f6b57ecf1.pdf
Introducao-a-Linguagem-de-Marcacao-HTML.pptx
HTML5.pptx
Html E Websemantica Trabalho
Seminario html5
Introducao_HTML - PT02 Uma abordagem mais dinamica
HTML5 e o futuro da Web - Senac Consolação 2012
Criação de Sites - David Arty - SENAC
Desenvolvimento para a Internet - Aula 01
Html web denise_lima
Introdução a HTML5
Anúncio

Último (19)

PDF
Apple Pippin Uma breve introdução. - David Glotz
PPTX
BANCO DE DADOS - AULAS INICIAIS-sgbd.pptx
PDF
Mergulho profundo técnico para gestão de transportes no SAP S/4HANA, S4TM6 Col14
PPTX
Gestao-de-Bugs-em-Software-Introducao.pptxxxxxxxx
PDF
Otimizador de planejamento e execução no SAP Transportation Management, TM120...
PDF
20250805_ServiceNow e a Arquitetura Orientada a Serviços (SOA) A Base para Ap...
PDF
Custos e liquidação no SAP Transportation Management, TM130 Col18
PPTX
Programação - Linguagem C - Variáveis, Palavras Reservadas, tipos de dados, c...
PPTX
Aula16ManipulaçãoDadosssssssssssssssssssssssssssss
PDF
COBITxITIL-Entenda as diferença em uso governança TI
PPTX
Como-se-implementa-um-softwareeeeeeeeeeeeeeeeeeeeeeeee.pptx
PDF
Processos na gestão de transportes, TM100 Col18
PDF
Aula04-Academia Heri- Tecnologia Geral 2025
PPTX
Informática Aplicada Informática Aplicada Plano de Ensino - estudo de caso NR...
PDF
Fullfilment AI - Forum ecommerce 2025 // Distrito e Total Express
PDF
Custos e faturamento no SAP S/4HANA Transportation Management, S4TM3 Col26
PPTX
Aula 18 - Manipulacao De Arquivos python
PDF
Gestão de transportes básica no SAP S/4HANA, S4611 Col20
PDF
Fundamentos de gerenciamento de ordens e planejamento no SAP TransportationMa...
Apple Pippin Uma breve introdução. - David Glotz
BANCO DE DADOS - AULAS INICIAIS-sgbd.pptx
Mergulho profundo técnico para gestão de transportes no SAP S/4HANA, S4TM6 Col14
Gestao-de-Bugs-em-Software-Introducao.pptxxxxxxxx
Otimizador de planejamento e execução no SAP Transportation Management, TM120...
20250805_ServiceNow e a Arquitetura Orientada a Serviços (SOA) A Base para Ap...
Custos e liquidação no SAP Transportation Management, TM130 Col18
Programação - Linguagem C - Variáveis, Palavras Reservadas, tipos de dados, c...
Aula16ManipulaçãoDadosssssssssssssssssssssssssssss
COBITxITIL-Entenda as diferença em uso governança TI
Como-se-implementa-um-softwareeeeeeeeeeeeeeeeeeeeeeeee.pptx
Processos na gestão de transportes, TM100 Col18
Aula04-Academia Heri- Tecnologia Geral 2025
Informática Aplicada Informática Aplicada Plano de Ensino - estudo de caso NR...
Fullfilment AI - Forum ecommerce 2025 // Distrito e Total Express
Custos e faturamento no SAP S/4HANA Transportation Management, S4TM3 Col26
Aula 18 - Manipulacao De Arquivos python
Gestão de transportes básica no SAP S/4HANA, S4611 Col20
Fundamentos de gerenciamento de ordens e planejamento no SAP TransportationMa...
Anúncio

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.