Introdução 
à Internet, HTTP e HTML 
Eduardo Mendes
Internet 
Breve histórico
História 
n No final de 60’s surge a ARPANet com propósito militar.
História 
n Acesso cresce principalmente entre acadêmicos
História 
Entretanto, 
o conteúdo... 
..textos 
acadêmicos 
em ASCII
História 
n Cientistas do CERN lançam uma proposta para a 
World Wide Web (HTML), 1989 
n Facilitar o compartilhamento d...
História 
Hipertexto 
• Extensão para textos 
• HTML (Hypertext Markup Language) 
HTML na Internet 
• Antes: coleção fragm...
Servidores
O quê 
um SERVIDOR web faz? 
n Um servidor web recebe uma solicitação do 
cliente e devolve algo para ele
O que 
um CLIENTE web faz? 
n Permite o usuário requisitar algo no servidor 
n Mostra ao usuário o resultado da requisiç...
Mas como 
cliente e 
servidor se 
comunicam? 
Clientes e servidores 
devem entender 
HTTP e os navegadores 
devem conhecer...
HTTP e HTML
Como clientes e servidores 
se comunicam? 
• é a forma usada pelo 
navegador para mostrar 
o conteúdo ao usuário 
HTML 
• ...
HTTP 
n HyperText Transfer Protocol 
n Protocolo stateless: uma requisição executada 
não tem conhecimento das requisiçõ...
HTTP 
n HyperText Transfer Protocol 
n Dois tipos de mensagem: request e response
Estrutura da 
conversação HTTP? 
Principais Elementos Request 
n Método http (ação a ser 
executada) 
n Página a ser ace...
HTTP Request 
n Uma requisição HTTP é composta por: 
n Linha inicial 
n Zero ou mais linhas de cabeçalho 
n Um linha e...
HTTP Request 
n O cabeçalho de um request é formado por pares 
atributos valores separados por dois pontos. 
Alguns exemp...
Método Request??? 
n O método HTTP 
n Tipo de requisição que está sendo feita 
n Diversos tipos 
n Mais usados: GET e ...
GET x POST 
GET 
POST 
Nova Página 
Envia dados
HTTP Response 
n Uma resposta HTTP é composta por: 
n Linha inicial 
n Zero ou mais linhas de cabeçalho 
n Um linha em...
HTTP Response 
n Alguns exemplos de status de resposta: 
200 OK - A requisição foi bem sucedida 
400 Bad Request - O serv...
HTML 
Parte da resposta HTTP 
n Uma resposta HTTP contém HTML
Servidores web 
n Distribuem páginas estáticas 
n Acha a página procurada 
e a devolve examente 
como ela está no servid...
Páginas dinâmicas e estáticas 
n Conteúdo 
n Estático: não se altera 
n Dinâmico: mudanças de acordo 
com a interação c...
Quando usar páginas 
dinâmicas? 
A página web deve 
ser baseada nos 
dados informados 
pelo usuário 
A página usa 
informa...
Tecnologias lado-servidor 
Estendem as funções 
básicas de servidor HTTP: 
• CGI - Common Gateway Interface 
• APIs: ISAPI...
Internet everywhere!
Tecnologias dinâmicas
Introdução à Internet, Http e HTML
Introdução à Internet, Http e HTML
Próximos SlideShares
Carregando em…5
×

Introdução à Internet, Http e HTML

833 visualizações

Publicada em

Introdução à Internet e ao protocolo HTTP

Publicada em: Tecnologia
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
833
No SlideShare
0
A partir de incorporações
0
Número de incorporações
2
Ações
Compartilhamentos
0
Downloads
55
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Introdução à Internet, Http e HTML

  1. 1. Introdução à Internet, HTTP e HTML Eduardo Mendes
  2. 2. Internet Breve histórico
  3. 3. História n No final de 60’s surge a ARPANet com propósito militar.
  4. 4. História n Acesso cresce principalmente entre acadêmicos
  5. 5. História Entretanto, o conteúdo... ..textos acadêmicos em ASCII
  6. 6. História n Cientistas do CERN lançam uma proposta para a World Wide Web (HTML), 1989 n Facilitar o compartilhamento de documentos de pesquisa n Hipertexto + Internet n Internet se populariza nos 90’s
  7. 7. História Hipertexto • Extensão para textos • HTML (Hypertext Markup Language) HTML na Internet • Antes: coleção fragmentada de imagens e textos. • Depois: Rede interligada através de hipertextos com links Navegador Mosaic • índices clicáveis, tabelas de conteúdo, busca de texto, bookmark, etc
  8. 8. Servidores
  9. 9. O quê um SERVIDOR web faz? n Um servidor web recebe uma solicitação do cliente e devolve algo para ele
  10. 10. O que um CLIENTE web faz? n Permite o usuário requisitar algo no servidor n Mostra ao usuário o resultado da requisição click
  11. 11. Mas como cliente e servidor se comunicam? Clientes e servidores devem entender HTTP e os navegadores devem conhecer HTML
  12. 12. HTTP e HTML
  13. 13. Como clientes e servidores se comunicam? • é a forma usada pelo navegador para mostrar o conteúdo ao usuário HTML • é o protocolo que os clientes e servidores usam para se comunicar HTTP • para enviar HTML ao cliente O servidor usa HTTP
  14. 14. HTTP n HyperText Transfer Protocol n Protocolo stateless: uma requisição executada não tem conhecimento das requisições anteriores
  15. 15. HTTP n HyperText Transfer Protocol n Dois tipos de mensagem: request e response
  16. 16. Estrutura da conversação HTTP? Principais Elementos Request n Método http (ação a ser executada) n Página a ser acessada n Parâmetros de formulários (como argumentos para métodos) Principais Elementos Response n Código de Status n Tipo de conteúdo (content-type: texto, imagem...) n O conteúdo
  17. 17. HTTP Request n Uma requisição HTTP é composta por: n Linha inicial n Zero ou mais linhas de cabeçalho n Um linha em branco seguida pelo conteúdo n A linha inicial possui os dados: n Método de requisição (em geral GET ou POST) n URI do recurso solicitado n Versão do protocolo usada
  18. 18. HTTP Request n O cabeçalho de um request é formado por pares atributos valores separados por dois pontos. Alguns exemplos: n Accept:image/gif,image/jpeg n indica tipos aceitos como resposta n User-Agent:Mozilla/4.0 n indica o tipo de browser usado pelo cliente n Accept-Language:pt-br,en-us n indica a linguagem de preferência do cliente n O corpo da requisição é usado para levar ao servidor dados associados à requisição
  19. 19. Método Request??? n O método HTTP n Tipo de requisição que está sendo feita n Diversos tipos n Mais usados: GET e POST
  20. 20. GET x POST GET POST Nova Página Envia dados
  21. 21. HTTP Response n Uma resposta HTTP é composta por: n Linha inicial n Zero ou mais linhas de cabeçalho n Um linha em branco seguida pelo conteúdo n A linha inicial possui o status da resposta: n A versão do protocolo usada n Código do status n Texto de explicação do status
  22. 22. HTTP Response n Alguns exemplos de status de resposta: 200 OK - A requisição foi bem sucedida 400 Bad Request - O servidor não pode entender a requisição 401 Unauthorized – O dado requisitado não foi autorizado 404 Not Found – Servidor não encontrou o dado requisitado n O cabeçalho da resposta possui informações extra sobre o resultado e o servidor n O corpo possui os dados da requisição (ex: arquivo HTML)
  23. 23. HTML Parte da resposta HTTP n Uma resposta HTTP contém HTML
  24. 24. Servidores web n Distribuem páginas estáticas n Acha a página procurada e a devolve examente como ela está no servidor n E se precisarmos de algo dinâmico???
  25. 25. Páginas dinâmicas e estáticas n Conteúdo n Estático: não se altera n Dinâmico: mudanças de acordo com a interação com o usuário
  26. 26. Quando usar páginas dinâmicas? A página web deve ser baseada nos dados informados pelo usuário A página usa informações de banco de dados ou de outras fontes Utilização de modelos quando os dados mudam frequentemente
  27. 27. Tecnologias lado-servidor Estendem as funções básicas de servidor HTTP: • CGI - Common Gateway Interface • APIs: ISAPI, NSAPI, Apache API, Servlet API • Scripts: ASP, JSP, Cold Fusion, PHP Rodam do lado do servidor, portanto, não dependem de suporte por parte dos navegadores • Navegadores fornecem apenas a interface do usuário Interceptam o curso normal da comunicação • Recebem dados via requisições HTTP (GET e POST) • Devolvem dados através de respostas HTTP
  28. 28. Internet everywhere!
  29. 29. Tecnologias dinâmicas

×