SlideShare ist ein Scribd-Unternehmen logo
1 von 12
Escola de Governança da Internet no Brasil
São Paulo, SP | 19/08/15
As tecnologias
fundamentais da Web
Newton Calegari
WORLD WIDE WEB
VAGUE BUT EXCITING
http://info.cern.ch/Proposal.html
WORLD WIDE WEB
TECNOLOGIAS FUNDAMENTAIS
• Páginas web (documentos de hipertexto)
• Protocolo HTTP
• Linguagem HTML
• Identificador de recursos (URI)
WWW
PROTOCOLO HTTP
• HTTP 0.9 [Tim Berners-Lee 1991]
• HTTP/1.0 [RFC 1945, Maio 1996]
• HTTP/1.1 [RFC 2068, Janeiro 1997]
• HTTP/2 [RFC 7540, Maio 2015]
HTTP
REQUEST
HTTP
RESPONSE
WWW
LINGUAGEM HTML
• Linguagem de hipertexto para documentos (páginas web)
• Baseada em SGML [ISO 8879:1986]
• Formada por tags (<html> <head> <body> ...)
• Possui link hipertexto (<a href=)
• Interpretada pelos navegadores
• Lista WWW-talk criada em 1991
• Atual versão HTML5
WWW
LINGUAGEM HTML
WWW
URI, URL, DOMÍNIOS
• Nomes de domínios *
• DNS [RFC 882, Novembro 1983]
• URIs na WWW [RFC 1630, Junho 1994]
• URL: localizador de recursos na Web
• Importância para Web semântica
• Identificar recursos e conceitos
* Mais sobre TLDs em https://www.iana.org/domains/root/db
WWW
URL
http://ceweb.br/contato/index.html
esquema://domínio:porta/caminho/recurso?query_string#fragmento
esquema: http
domínio: ceweb.br
porta: 80
caminho: /contato
recurso: index.html
WORLD WIDE WEB
TECNOLOGIAS FUNDAMENTAIS
• Páginas web (documentos de hipertexto)
• Protocolo HTTP
• Linguagem HTML
• Identificador de recursos (URI)

Weitere ähnliche Inhalte

Was ist angesagt?

Atec cursowebdesign aula02
Atec cursowebdesign aula02Atec cursowebdesign aula02
Atec cursowebdesign aula02Wcre8tive
 
Introdução a web
Introdução a webIntrodução a web
Introdução a webFilipe Boldo
 
1 - Introdução Ao Desenvolvimento Web - Estrutura Básica
1 - Introdução Ao Desenvolvimento Web - Estrutura Básica1 - Introdução Ao Desenvolvimento Web - Estrutura Básica
1 - Introdução Ao Desenvolvimento Web - Estrutura BásicaMauro Duarte
 

Was ist angesagt? (7)

Atec cursowebdesign aula02
Atec cursowebdesign aula02Atec cursowebdesign aula02
Atec cursowebdesign aula02
 
Introdução a web
Introdução a webIntrodução a web
Introdução a web
 
1 - Introdução Ao Desenvolvimento Web - Estrutura Básica
1 - Introdução Ao Desenvolvimento Web - Estrutura Básica1 - Introdução Ao Desenvolvimento Web - Estrutura Básica
1 - Introdução Ao Desenvolvimento Web - Estrutura Básica
 
Minicurso PHP + MySQL (Release Candidate)
Minicurso PHP + MySQL (Release Candidate)Minicurso PHP + MySQL (Release Candidate)
Minicurso PHP + MySQL (Release Candidate)
 
WWW - World Wide Web
WWW - World Wide WebWWW - World Wide Web
WWW - World Wide Web
 
FTP SSL
FTP SSLFTP SSL
FTP SSL
 
Internet
InternetInternet
Internet
 

Ähnlich wie Tecnologias da Web: HTTP, HTML e URIs

Desvendando padrões para desenvolvimento web, base para o sucesso
Desvendando padrões para desenvolvimento web, base para o sucessoDesvendando padrões para desenvolvimento web, base para o sucesso
Desvendando padrões para desenvolvimento web, base para o sucessoUbiratan Z. do Nascimento
 
Ebook Apache Server: Guia Introdutório
Ebook Apache Server: Guia IntrodutórioEbook Apache Server: Guia Introdutório
Ebook Apache Server: Guia IntrodutórioFernando Palma
 
Desenvolvimento de Sistemas Web - HTML5 - Introdução
Desenvolvimento de Sistemas Web - HTML5 - IntroduçãoDesenvolvimento de Sistemas Web - HTML5 - Introdução
Desenvolvimento de Sistemas Web - HTML5 - IntroduçãoFabio Moura Pereira
 
Conecte - Curso de HTML - Apresentação
Conecte - Curso de HTML - ApresentaçãoConecte - Curso de HTML - Apresentação
Conecte - Curso de HTML - ApresentaçãoAntonio Silva
 
Html web denise_lima
Html web denise_limaHtml web denise_lima
Html web denise_limaDenise Lima
 
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 2012Reinaldo Ferraz
 
Desenvolvemos para web?
Desenvolvemos para web?Desenvolvemos para web?
Desenvolvemos para web?Luis Vendrame
 
Benef&iacute;cios dos WebStandards
Benef&iacute;cios dos WebStandardsBenef&iacute;cios dos WebStandards
Benef&iacute;cios dos WebStandardsNáiron Jcg
 
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 2011Reinaldo Ferraz
 

Ähnlich wie Tecnologias da Web: HTTP, HTML e URIs (20)

Como funciona a internet
Como funciona a internetComo funciona a internet
Como funciona a internet
 
Semântica web - HTML
Semântica web - HTMLSemântica web - HTML
Semântica web - HTML
 
Desvendando padrões para desenvolvimento web, base para o sucesso
Desvendando padrões para desenvolvimento web, base para o sucessoDesvendando padrões para desenvolvimento web, base para o sucesso
Desvendando padrões para desenvolvimento web, base para o sucesso
 
Ebook Apache Server: Guia Introdutório
Ebook Apache Server: Guia IntrodutórioEbook Apache Server: Guia Introdutório
Ebook Apache Server: Guia Introdutório
 
HTML 5 & JavaScript
HTML 5 & JavaScriptHTML 5 & JavaScript
HTML 5 & JavaScript
 
HTML5
HTML5HTML5
HTML5
 
Palestra html5 e CSS3
Palestra html5 e CSS3Palestra html5 e CSS3
Palestra html5 e CSS3
 
Curso html basico_aula-001
Curso html basico_aula-001Curso html basico_aula-001
Curso html basico_aula-001
 
HTTP 2
HTTP 2HTTP 2
HTTP 2
 
Desenvolvimento de Sistemas Web - HTML5 - Introdução
Desenvolvimento de Sistemas Web - HTML5 - IntroduçãoDesenvolvimento de Sistemas Web - HTML5 - Introdução
Desenvolvimento de Sistemas Web - HTML5 - Introdução
 
Conecte - Curso de HTML - Apresentação
Conecte - Curso de HTML - ApresentaçãoConecte - Curso de HTML - Apresentação
Conecte - Curso de HTML - Apresentação
 
Http 2
Http 2Http 2
Http 2
 
Html web denise_lima
Html web denise_limaHtml web denise_lima
Html web denise_lima
 
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
 
Tema 1 | Introdução a PHP
Tema 1 | Introdução a PHPTema 1 | Introdução a PHP
Tema 1 | Introdução a PHP
 
Desenvolvemos para web?
Desenvolvemos para web?Desenvolvemos para web?
Desenvolvemos para web?
 
HTML/HTTP e a Web
HTML/HTTP e a WebHTML/HTTP e a Web
HTML/HTTP e a Web
 
HTML5
HTML5HTML5
HTML5
 
Benef&iacute;cios dos WebStandards
Benef&iacute;cios dos WebStandardsBenef&iacute;cios dos WebStandards
Benef&iacute;cios dos WebStandards
 
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
 

Mehr von Newton Calegari

Descomplicando Web Semântica
Descomplicando Web SemânticaDescomplicando Web Semântica
Descomplicando Web SemânticaNewton Calegari
 
Datos Abiertos y Datos en la Web - Costa Rica - Licencias y BPs
Datos Abiertos y Datos en la Web - Costa Rica - Licencias y BPsDatos Abiertos y Datos en la Web - Costa Rica - Licencias y BPs
Datos Abiertos y Datos en la Web - Costa Rica - Licencias y BPsNewton Calegari
 
Mini Curso - Open Refine - Instalación y Publicación
Mini Curso - Open Refine - Instalación y PublicaciónMini Curso - Open Refine - Instalación y Publicación
Mini Curso - Open Refine - Instalación y PublicaciónNewton Calegari
 
Melhores práticas para dados na Web - Workshop
Melhores práticas para dados na Web - WorkshopMelhores práticas para dados na Web - Workshop
Melhores práticas para dados na Web - WorkshopNewton Calegari
 
Datos Abiertos y Datos en la Web
Datos Abiertos y Datos en la WebDatos Abiertos y Datos en la Web
Datos Abiertos y Datos en la WebNewton Calegari
 
Mini Curso - Open Refine - Español
Mini Curso - Open Refine - EspañolMini Curso - Open Refine - Español
Mini Curso - Open Refine - EspañolNewton Calegari
 
Conteúdos com DRM na Web e a especificação EME do W3C
Conteúdos com DRM na Web e a especificação EME do W3CConteúdos com DRM na Web e a especificação EME do W3C
Conteúdos com DRM na Web e a especificação EME do W3CNewton Calegari
 
Web Semântica: utilizando dados estruturados na prática
Web Semântica: utilizando dados estruturados na práticaWeb Semântica: utilizando dados estruturados na prática
Web Semântica: utilizando dados estruturados na práticaNewton Calegari
 
O histórico das CSS - Palestra no cssday{} - Maceió 2016
O histórico das CSS - Palestra no cssday{} - Maceió 2016O histórico das CSS - Palestra no cssday{} - Maceió 2016
O histórico das CSS - Palestra no cssday{} - Maceió 2016Newton Calegari
 
Boas práticas para publicação de dados na Web
Boas práticas para publicação de dados na WebBoas práticas para publicação de dados na Web
Boas práticas para publicação de dados na WebNewton Calegari
 
Web Semântica para desenvolvedores: RDFa, JSON-LD e schema.org
Web Semântica para desenvolvedores: RDFa, JSON-LD e schema.orgWeb Semântica para desenvolvedores: RDFa, JSON-LD e schema.org
Web Semântica para desenvolvedores: RDFa, JSON-LD e schema.orgNewton Calegari
 
Semantic Annotation - Ontobras 2015
Semantic Annotation - Ontobras 2015Semantic Annotation - Ontobras 2015
Semantic Annotation - Ontobras 2015Newton Calegari
 
Documento de Iniciação Científica - Estudo utilizando big data, twitter e gephi
Documento de Iniciação Científica - Estudo utilizando big data, twitter e gephiDocumento de Iniciação Científica - Estudo utilizando big data, twitter e gephi
Documento de Iniciação Científica - Estudo utilizando big data, twitter e gephiNewton Calegari
 
Projeto - Conversor A/D com Arduino
Projeto - Conversor A/D com ArduinoProjeto - Conversor A/D com Arduino
Projeto - Conversor A/D com ArduinoNewton Calegari
 

Mehr von Newton Calegari (15)

Fake News na Web
Fake News na WebFake News na Web
Fake News na Web
 
Descomplicando Web Semântica
Descomplicando Web SemânticaDescomplicando Web Semântica
Descomplicando Web Semântica
 
Datos Abiertos y Datos en la Web - Costa Rica - Licencias y BPs
Datos Abiertos y Datos en la Web - Costa Rica - Licencias y BPsDatos Abiertos y Datos en la Web - Costa Rica - Licencias y BPs
Datos Abiertos y Datos en la Web - Costa Rica - Licencias y BPs
 
Mini Curso - Open Refine - Instalación y Publicación
Mini Curso - Open Refine - Instalación y PublicaciónMini Curso - Open Refine - Instalación y Publicación
Mini Curso - Open Refine - Instalación y Publicación
 
Melhores práticas para dados na Web - Workshop
Melhores práticas para dados na Web - WorkshopMelhores práticas para dados na Web - Workshop
Melhores práticas para dados na Web - Workshop
 
Datos Abiertos y Datos en la Web
Datos Abiertos y Datos en la WebDatos Abiertos y Datos en la Web
Datos Abiertos y Datos en la Web
 
Mini Curso - Open Refine - Español
Mini Curso - Open Refine - EspañolMini Curso - Open Refine - Español
Mini Curso - Open Refine - Español
 
Conteúdos com DRM na Web e a especificação EME do W3C
Conteúdos com DRM na Web e a especificação EME do W3CConteúdos com DRM na Web e a especificação EME do W3C
Conteúdos com DRM na Web e a especificação EME do W3C
 
Web Semântica: utilizando dados estruturados na prática
Web Semântica: utilizando dados estruturados na práticaWeb Semântica: utilizando dados estruturados na prática
Web Semântica: utilizando dados estruturados na prática
 
O histórico das CSS - Palestra no cssday{} - Maceió 2016
O histórico das CSS - Palestra no cssday{} - Maceió 2016O histórico das CSS - Palestra no cssday{} - Maceió 2016
O histórico das CSS - Palestra no cssday{} - Maceió 2016
 
Boas práticas para publicação de dados na Web
Boas práticas para publicação de dados na WebBoas práticas para publicação de dados na Web
Boas práticas para publicação de dados na Web
 
Web Semântica para desenvolvedores: RDFa, JSON-LD e schema.org
Web Semântica para desenvolvedores: RDFa, JSON-LD e schema.orgWeb Semântica para desenvolvedores: RDFa, JSON-LD e schema.org
Web Semântica para desenvolvedores: RDFa, JSON-LD e schema.org
 
Semantic Annotation - Ontobras 2015
Semantic Annotation - Ontobras 2015Semantic Annotation - Ontobras 2015
Semantic Annotation - Ontobras 2015
 
Documento de Iniciação Científica - Estudo utilizando big data, twitter e gephi
Documento de Iniciação Científica - Estudo utilizando big data, twitter e gephiDocumento de Iniciação Científica - Estudo utilizando big data, twitter e gephi
Documento de Iniciação Científica - Estudo utilizando big data, twitter e gephi
 
Projeto - Conversor A/D com Arduino
Projeto - Conversor A/D com ArduinoProjeto - Conversor A/D com Arduino
Projeto - Conversor A/D com Arduino
 

Tecnologias da Web: HTTP, HTML e URIs

Hinweis der Redaktion

  1. Slide do título da apresentação Use este slide para adicionar o título de sua apresentação. A fonte que deverá ser usada é a Arial com tamanho máximo de 44pt. (Para títulos de 4 linhas ou mais, a fonte poderá ser reduzida) Na ausência desta fonte, poderá ser usada a fonte Helvetica. Sugestão para diagramação desse slide: Usar as fontes do título da apresentação em negrito e em caixa alta como mostra no exemplo (alterar apenas para casos específicos como “IoT”, “IPv6” entre outros )
  2. Proposta no CERN, 1989 Chefe Mike Sendall diz “vague, but exciting”, e permite Tim BL seguir com o projeto Chamava “Mesh” na intenção de mostrar que um sistema global de hipertexto estava nos interesses do CERN Passou a chamar Web em 1990, quando Tim BL estava escrevendo código
  3. Web, é um sistema de hipertexto Hipertexto é um termo criado por Ted Nelson em 1965 Os elementos básicos, no ponto de vista técnico / “implementação” HTTP: HyperText Transfer Protocol HTML: HyperText Markup Language URI: Identificador Universal de Recursos
  4. HTTP define como os clientes solicitam um documento para o servidor, e como o servidor transfere esse documento para o cliente São duas aplicações implementando o protocolo HTTP Um no cliente (implementado no navegador web – “firefox”) Outro no servidor (implementado no web server – “apache”) Eles se comunicam, geralmente, pelas portas 80 e 443 (ssl) HTTP 1.0 foi publicado como RFC em 96, mas já vinha sendo utilizado desde o início dos anos 90 em uma implementação do Tim BL Primeira publicação do HTTP 1.1, o qual usamos atualmente, foi em Janeiro de 97 HTTP/2 é uma alternativa para o HTTP 1.1, que não está obsoleto. Possui compressão dos campos do cabeçalho Melhor uso dos recursos da rede, diminuindo latência
  5. Este é um cabeçalho de uma requisição HTTP O host indicado é o site do nic.br
  6. A resposta é formada por: um cabeçalho com dados sobre o documento e servidor e conteúdo, neste caso HTML
  7. HyperText Markup Language Baseada no padrão internacional da época, SGML (Standard Generalized Markup Language) Certamente alguém teria inventado uma linguagem similar, mas... A decisão de basear em SGML foi boa, pois conseguiu dar certa “credibilidade” para uma linguagem nova O que tornou a linguagem efetivamente de hipertexto foi a tag &amp;lt;a&amp;gt; Foi o que tornou a ideia e invenção de Tim BL um sucesso A linguagem é utilizada para escrever documentos web Renderizada nos navegadores WWW-talk: o inicio da evolução e padronização Criacao de novos browsers Deu frutos para as posteriores discussões de padronização
  8. Não sei se todos participaram ontem do Curso de HTML que o Reinaldo ministrou Para os que não participaram, esse é trecho de documento escrito em HTML Lembrando então, este é o documento hipertexto escrito na linguagem de marcação HTML transferido de um servidor para um cliente por meio do protocolo HTTP e renderizado/exibido em um navegador web.
  9. Embora já existisse um forma de mapear os endereços IP em nomes, com DNS A proposta de Tim BL precisava de uma string como “alvo” de um hiperlink, por isso a necessidade de identificador na web (URL) Utilizando a ideia de um nome de dominio, Tim BL adota o prefixo www. nos identificadores de recursos na Web Por isso sempre acessámos os sites iniciando com www.
  10. Embora já existisse um forma de mapear os endereços IP em nomes, com DNS A proposta de Tim BL precisava de uma string como “alvo” de um hiperlink, por isso a necessidade de identificador na web (URL) Utilizando a ideia de um nome de dominio, Tim BL adota o prefixo www. nos identificadores de recursos na Web Por isso sempre acessámos os sites iniciando com www.
  11. Para finalizar, mostramos as relações entre as três tecnologias fundamentais Protocolo HTTP: para transferência de documentos web Linguagem HTML: para escrever os documentos de hipertexto Identificador de recursos (URI): para identificar os recursos e documentos