Introdução à Internet, Http e HTML
-
Upload
eduardo-mendes-de-oliveira -
Category
Technology
-
view
215 -
download
0
description
Transcript of Introdução à Internet, Http e HTML
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 de documentos de
pesquisa n Hipertexto + Internet
n Internet se populariza nos 90’s
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
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ção
click
Mas como cliente e
servidor se comunicam?
Clientes e servidores devem entender
HTTP e os navegadores devem conhecer HTML
HTTP e HTML
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
HTTP n HyperText Transfer Protocol
n Protocolo stateless: uma requisição executada não tem conhecimento das requisições anteriores
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 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
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
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
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
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 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
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)
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 servidor n E se precisarmos de algo dinâmico???
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
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
Tecn
olog
ias
lado
-se
rvid
or
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
Internet everywhere!
Tecnologias dinâmicas