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
![Page 1: Introdução à Internet, Http e HTML](https://reader034.fdocumentos.tips/reader034/viewer/2022052316/558cfd32d8b42a6c4b8b457f/html5/thumbnails/1.jpg)
Introdução à Internet, HTTP e HTML
Eduardo Mendes
![Page 2: Introdução à Internet, Http e HTML](https://reader034.fdocumentos.tips/reader034/viewer/2022052316/558cfd32d8b42a6c4b8b457f/html5/thumbnails/2.jpg)
Internet Breve histórico
![Page 3: Introdução à Internet, Http e HTML](https://reader034.fdocumentos.tips/reader034/viewer/2022052316/558cfd32d8b42a6c4b8b457f/html5/thumbnails/3.jpg)
História n No final de 60’s surge a ARPANet com propósito militar.
![Page 4: Introdução à Internet, Http e HTML](https://reader034.fdocumentos.tips/reader034/viewer/2022052316/558cfd32d8b42a6c4b8b457f/html5/thumbnails/4.jpg)
História n Acesso cresce principalmente entre acadêmicos
![Page 5: Introdução à Internet, Http e HTML](https://reader034.fdocumentos.tips/reader034/viewer/2022052316/558cfd32d8b42a6c4b8b457f/html5/thumbnails/5.jpg)
História Entretanto, o conteúdo...
..textos acadêmicos em ASCII
![Page 6: Introdução à Internet, Http e HTML](https://reader034.fdocumentos.tips/reader034/viewer/2022052316/558cfd32d8b42a6c4b8b457f/html5/thumbnails/6.jpg)
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
![Page 7: Introdução à Internet, Http e HTML](https://reader034.fdocumentos.tips/reader034/viewer/2022052316/558cfd32d8b42a6c4b8b457f/html5/thumbnails/7.jpg)
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
![Page 8: Introdução à Internet, Http e HTML](https://reader034.fdocumentos.tips/reader034/viewer/2022052316/558cfd32d8b42a6c4b8b457f/html5/thumbnails/8.jpg)
Servidores
![Page 9: Introdução à Internet, Http e HTML](https://reader034.fdocumentos.tips/reader034/viewer/2022052316/558cfd32d8b42a6c4b8b457f/html5/thumbnails/9.jpg)
O quê um SERVIDOR web faz?
n Um servidor web recebe uma solicitação do cliente e devolve algo para ele
![Page 10: Introdução à Internet, Http e HTML](https://reader034.fdocumentos.tips/reader034/viewer/2022052316/558cfd32d8b42a6c4b8b457f/html5/thumbnails/10.jpg)
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
![Page 11: Introdução à Internet, Http e HTML](https://reader034.fdocumentos.tips/reader034/viewer/2022052316/558cfd32d8b42a6c4b8b457f/html5/thumbnails/11.jpg)
Mas como cliente e
servidor se comunicam?
Clientes e servidores devem entender
HTTP e os navegadores devem conhecer HTML
![Page 12: Introdução à Internet, Http e HTML](https://reader034.fdocumentos.tips/reader034/viewer/2022052316/558cfd32d8b42a6c4b8b457f/html5/thumbnails/12.jpg)
HTTP e HTML
![Page 13: Introdução à Internet, Http e HTML](https://reader034.fdocumentos.tips/reader034/viewer/2022052316/558cfd32d8b42a6c4b8b457f/html5/thumbnails/13.jpg)
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
![Page 14: Introdução à Internet, Http e HTML](https://reader034.fdocumentos.tips/reader034/viewer/2022052316/558cfd32d8b42a6c4b8b457f/html5/thumbnails/14.jpg)
HTTP n HyperText Transfer Protocol
n Protocolo stateless: uma requisição executada não tem conhecimento das requisições anteriores
![Page 15: Introdução à Internet, Http e HTML](https://reader034.fdocumentos.tips/reader034/viewer/2022052316/558cfd32d8b42a6c4b8b457f/html5/thumbnails/15.jpg)
HTTP n HyperText Transfer Protocol
n Dois tipos de mensagem: request e response
![Page 16: Introdução à Internet, Http e HTML](https://reader034.fdocumentos.tips/reader034/viewer/2022052316/558cfd32d8b42a6c4b8b457f/html5/thumbnails/16.jpg)
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
![Page 17: Introdução à Internet, Http e HTML](https://reader034.fdocumentos.tips/reader034/viewer/2022052316/558cfd32d8b42a6c4b8b457f/html5/thumbnails/17.jpg)
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
![Page 18: Introdução à Internet, Http e HTML](https://reader034.fdocumentos.tips/reader034/viewer/2022052316/558cfd32d8b42a6c4b8b457f/html5/thumbnails/18.jpg)
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
![Page 19: Introdução à Internet, Http e HTML](https://reader034.fdocumentos.tips/reader034/viewer/2022052316/558cfd32d8b42a6c4b8b457f/html5/thumbnails/19.jpg)
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
![Page 20: Introdução à Internet, Http e HTML](https://reader034.fdocumentos.tips/reader034/viewer/2022052316/558cfd32d8b42a6c4b8b457f/html5/thumbnails/20.jpg)
GET x POST
GET
POST
Nova Página
Envia dados
![Page 21: Introdução à Internet, Http e HTML](https://reader034.fdocumentos.tips/reader034/viewer/2022052316/558cfd32d8b42a6c4b8b457f/html5/thumbnails/21.jpg)
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
![Page 22: Introdução à Internet, Http e HTML](https://reader034.fdocumentos.tips/reader034/viewer/2022052316/558cfd32d8b42a6c4b8b457f/html5/thumbnails/22.jpg)
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)
![Page 23: Introdução à Internet, Http e HTML](https://reader034.fdocumentos.tips/reader034/viewer/2022052316/558cfd32d8b42a6c4b8b457f/html5/thumbnails/23.jpg)
HTML Parte da resposta HTTP
n Uma resposta HTTP contém HTML
![Page 24: Introdução à Internet, Http e HTML](https://reader034.fdocumentos.tips/reader034/viewer/2022052316/558cfd32d8b42a6c4b8b457f/html5/thumbnails/24.jpg)
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???
![Page 25: Introdução à Internet, Http e HTML](https://reader034.fdocumentos.tips/reader034/viewer/2022052316/558cfd32d8b42a6c4b8b457f/html5/thumbnails/25.jpg)
![Page 26: Introdução à Internet, Http e HTML](https://reader034.fdocumentos.tips/reader034/viewer/2022052316/558cfd32d8b42a6c4b8b457f/html5/thumbnails/26.jpg)
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
![Page 27: Introdução à Internet, Http e HTML](https://reader034.fdocumentos.tips/reader034/viewer/2022052316/558cfd32d8b42a6c4b8b457f/html5/thumbnails/27.jpg)
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
![Page 28: Introdução à Internet, Http e HTML](https://reader034.fdocumentos.tips/reader034/viewer/2022052316/558cfd32d8b42a6c4b8b457f/html5/thumbnails/28.jpg)
![Page 29: Introdução à Internet, Http e HTML](https://reader034.fdocumentos.tips/reader034/viewer/2022052316/558cfd32d8b42a6c4b8b457f/html5/thumbnails/29.jpg)
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
![Page 30: Introdução à Internet, Http e HTML](https://reader034.fdocumentos.tips/reader034/viewer/2022052316/558cfd32d8b42a6c4b8b457f/html5/thumbnails/30.jpg)
Internet everywhere!
![Page 31: Introdução à Internet, Http e HTML](https://reader034.fdocumentos.tips/reader034/viewer/2022052316/558cfd32d8b42a6c4b8b457f/html5/thumbnails/31.jpg)
Tecnologias dinâmicas