O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.

Introdução à Internet, Http e HTML

1.133 visualizações

Publicada em

Introdução à Internet e ao protocolo HTTP

Publicada em: Tecnologia
  • Seja o primeiro a comentar

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

×