protocolo http e html prof. danton cavalcanti franco junior
TRANSCRIPT
![Page 1: Protocolo HTTP e HTML Prof. Danton Cavalcanti Franco Junior](https://reader036.vdocuments.pub/reader036/viewer/2022070311/552fc12b497959413d8d0221/html5/thumbnails/1.jpg)
Seminários Avançados 3
Protocolo HTTP e HTMLProf. Danton Cavalcanti Franco Junior
![Page 2: Protocolo HTTP e HTML Prof. Danton Cavalcanti Franco Junior](https://reader036.vdocuments.pub/reader036/viewer/2022070311/552fc12b497959413d8d0221/html5/thumbnails/2.jpg)
Hypertext Transfer ProtocolÉ um protocolo que trabalha na forma de pedidos e respostas (request, reponse)
Utiliza TCP/IP internamentePor padrão opera na porta 80
HTTP
![Page 3: Protocolo HTTP e HTML Prof. Danton Cavalcanti Franco Junior](https://reader036.vdocuments.pub/reader036/viewer/2022070311/552fc12b497959413d8d0221/html5/thumbnails/3.jpg)
Os parâmetros da requisição são enviados na própria URL
Exemplo:http://localhost/cadastraproduto?cod=1&nome=livro&ano=2008
Método GET
![Page 4: Protocolo HTTP e HTML Prof. Danton Cavalcanti Franco Junior](https://reader036.vdocuments.pub/reader036/viewer/2022070311/552fc12b497959413d8d0221/html5/thumbnails/4.jpg)
Onde:? => utilizado para separar o endereço dos parâmetros
& => utilizado para separar um parâmetro do outro
Método GET
![Page 5: Protocolo HTTP e HTML Prof. Danton Cavalcanti Franco Junior](https://reader036.vdocuments.pub/reader036/viewer/2022070311/552fc12b497959413d8d0221/html5/thumbnails/5.jpg)
http://localhost/cadastraproduto?cod=1&nome=livro&ano=2008
Endereço: http://localhost/cadastraproduto
Parâmetros:cod = 1nome = livroano = 2008
Método GET
![Page 6: Protocolo HTTP e HTML Prof. Danton Cavalcanti Franco Junior](https://reader036.vdocuments.pub/reader036/viewer/2022070311/552fc12b497959413d8d0221/html5/thumbnails/6.jpg)
Os parâmetros são enviados no corpo da requisição, invisíveis ao usuário.
Geralmente utilizado através de formulários para enviar dados ao servidor
Método POST
![Page 7: Protocolo HTTP e HTML Prof. Danton Cavalcanti Franco Junior](https://reader036.vdocuments.pub/reader036/viewer/2022070311/552fc12b497959413d8d0221/html5/thumbnails/7.jpg)
Endereço: http://localhost/cadastraproduto
Parâmetros:cod = 1nome = livroano = 2008Os parâmetros não ficam visíveis na URL
Método POST
![Page 8: Protocolo HTTP e HTML Prof. Danton Cavalcanti Franco Junior](https://reader036.vdocuments.pub/reader036/viewer/2022070311/552fc12b497959413d8d0221/html5/thumbnails/8.jpg)
Formada por:◦Status◦Cabeçalho◦Corpo
Resposta HTTP
![Page 9: Protocolo HTTP e HTML Prof. Danton Cavalcanti Franco Junior](https://reader036.vdocuments.pub/reader036/viewer/2022070311/552fc12b497959413d8d0221/html5/thumbnails/9.jpg)
HTTP/1.1 200 OKDate: Sat, 15 Apr 2006 18:21:25 GMT
Content-Type: text/htmlContent-Length: 200<html><head> <title> Resposta http </title> ....
Resposta HTTP - Exemplo
![Page 10: Protocolo HTTP e HTML Prof. Danton Cavalcanti Franco Junior](https://reader036.vdocuments.pub/reader036/viewer/2022070311/552fc12b497959413d8d0221/html5/thumbnails/10.jpg)
Códigos de resposta mais comuns:
200 - OK304 - NOT MODIFIED401 - UNAUTHORIZED403 - FORBIDDEN404 - NOT FOUND
Resposta HTTP - Códigos
![Page 11: Protocolo HTTP e HTML Prof. Danton Cavalcanti Franco Junior](https://reader036.vdocuments.pub/reader036/viewer/2022070311/552fc12b497959413d8d0221/html5/thumbnails/11.jpg)
Indica o tipo do conteúdo no corpo da resposta.
Utiliza o formato “tipo/subtipo”Exemplos:
◦Content-Type: text/html◦Content-Type: image/jpeg◦Content-Type: application/pdf
Resposta HTTP – Content-Type
![Page 12: Protocolo HTTP e HTML Prof. Danton Cavalcanti Franco Junior](https://reader036.vdocuments.pub/reader036/viewer/2022070311/552fc12b497959413d8d0221/html5/thumbnails/12.jpg)
Hypertext Markup LanguageÉ uma linguagem de marcação utilizada para produzir páginas na Web
É interpretada pelos navegadores Web, que exibem o conteúdo das páginas
HTML
![Page 13: Protocolo HTTP e HTML Prof. Danton Cavalcanti Franco Junior](https://reader036.vdocuments.pub/reader036/viewer/2022070311/552fc12b497959413d8d0221/html5/thumbnails/13.jpg)
HTML
As marcações são feitas através de tags (etiquetas) incorporadas ao texto da página
Atenção: HTML não é uma linguagem de programação, é uma linguagem de formatação
![Page 14: Protocolo HTTP e HTML Prof. Danton Cavalcanti Franco Junior](https://reader036.vdocuments.pub/reader036/viewer/2022070311/552fc12b497959413d8d0221/html5/thumbnails/14.jpg)
Definem a formatação de uma parte do texto
Representadas entre sinais de maior e menor (<tag>)
A grande maioria das tags devem ser fechadas, através da representação </tag>
Tags HTML
![Page 15: Protocolo HTTP e HTML Prof. Danton Cavalcanti Franco Junior](https://reader036.vdocuments.pub/reader036/viewer/2022070311/552fc12b497959413d8d0221/html5/thumbnails/15.jpg)
Formada pelo próprio comando, atributos e valores.
Exemplos: ◦<HR color=“blue”>◦<H1> Título do documento </H1>
Tags HTML
![Page 16: Protocolo HTTP e HTML Prof. Danton Cavalcanti Franco Junior](https://reader036.vdocuments.pub/reader036/viewer/2022070311/552fc12b497959413d8d0221/html5/thumbnails/16.jpg)
<HTML> <HEAD>
◦<TITLE> Título do documento </TITLE> </HEAD> <BODY>
◦Este é o corpo do documento HTML </BODY> </HTML>
Estrutura de uma página HTML
![Page 17: Protocolo HTTP e HTML Prof. Danton Cavalcanti Franco Junior](https://reader036.vdocuments.pub/reader036/viewer/2022070311/552fc12b497959413d8d0221/html5/thumbnails/17.jpg)
<BR> => quebra de linha<P> => novo parágrafo<H1>...<H6> =>títulos<HR> => desenha uma linha<OL> => lista numerada<UL> => lista não numerada<LI> => item de uma lista
Algumas Tags HTML
![Page 18: Protocolo HTTP e HTML Prof. Danton Cavalcanti Franco Junior](https://reader036.vdocuments.pub/reader036/viewer/2022070311/552fc12b497959413d8d0221/html5/thumbnails/18.jpg)
<TABLE> => define uma tabela<TH> => cabeçalho de coluna<TR> => linha da tabela<TD> => célula da tabela
Algumas Tags HTML
![Page 19: Protocolo HTTP e HTML Prof. Danton Cavalcanti Franco Junior](https://reader036.vdocuments.pub/reader036/viewer/2022070311/552fc12b497959413d8d0221/html5/thumbnails/19.jpg)
<TABLE border=1><TH> Nome </TH><TH> Idade </TH><TR> <TD align="center"> Joãozinho </TD> <TD align="right"> 13 </TD></TR><TR> <TD align="center"> Mariazinha </TD> <TD align="right"> 11 </TD></TR></TABLE>
Exemplo tabela
![Page 20: Protocolo HTTP e HTML Prof. Danton Cavalcanti Franco Junior](https://reader036.vdocuments.pub/reader036/viewer/2022070311/552fc12b497959413d8d0221/html5/thumbnails/20.jpg)
<IMG> => imagem<FONT> => formatação de fonte (fonte, cor e tamanho>
<B> => negrito<I> => itálico<U> => sublinhado<S> => riscado
Algumas Tags HTML
![Page 21: Protocolo HTTP e HTML Prof. Danton Cavalcanti Franco Junior](https://reader036.vdocuments.pub/reader036/viewer/2022070311/552fc12b497959413d8d0221/html5/thumbnails/21.jpg)
<A> => linkAtributos:◦href => destino do link◦name => âncora de destino (link para mesma página)
Algumas Tags HTML
![Page 22: Protocolo HTTP e HTML Prof. Danton Cavalcanti Franco Junior](https://reader036.vdocuments.pub/reader036/viewer/2022070311/552fc12b497959413d8d0221/html5/thumbnails/22.jpg)
Exemplo:Clique <A HREF=“http://www.globo.com> aqui </A> para ir ao site da Globo.com
Algumas Tags HTML
![Page 23: Protocolo HTTP e HTML Prof. Danton Cavalcanti Franco Junior](https://reader036.vdocuments.pub/reader036/viewer/2022070311/552fc12b497959413d8d0221/html5/thumbnails/23.jpg)
<form>◦atributo action => ação do formulário
◦atributo method => método de envio
<input>◦atributo type => tipo da entrada◦Atributo name => nome da entrada◦atributo value => valor padrão da entrada
Formulários em HTML
![Page 24: Protocolo HTTP e HTML Prof. Danton Cavalcanti Franco Junior](https://reader036.vdocuments.pub/reader036/viewer/2022070311/552fc12b497959413d8d0221/html5/thumbnails/24.jpg)
Tipos de input:
Formulários em HTML
button checkboxfile hiddenimage passwordradio resetsubmit text
![Page 25: Protocolo HTTP e HTML Prof. Danton Cavalcanti Franco Junior](https://reader036.vdocuments.pub/reader036/viewer/2022070311/552fc12b497959413d8d0221/html5/thumbnails/25.jpg)
<HTML> <HEAD> <TITLE> Exemplo de HTML </TITLE> <BODY> <FORM action=validausuario.jsp method=“get”> Login: <INPUT type=“text” name=“login”> <BR> Senha: <INPUT type="password" name="passw">
<BR> <INPUT type="submit" value="Enviar"> <INPUT type="reset" value="Limpar"> </FORM> </BODY> </HTML>
Exemplo de HTML
![Page 26: Protocolo HTTP e HTML Prof. Danton Cavalcanti Franco Junior](https://reader036.vdocuments.pub/reader036/viewer/2022070311/552fc12b497959413d8d0221/html5/thumbnails/26.jpg)
http://www.w3schools.com/TAGS/
Referências HTML
![Page 27: Protocolo HTTP e HTML Prof. Danton Cavalcanti Franco Junior](https://reader036.vdocuments.pub/reader036/viewer/2022070311/552fc12b497959413d8d0221/html5/thumbnails/27.jpg)
Criar um formulário de cadastro com os seguintes campos:◦ Código◦ Nome◦ Senha◦ Confirmação da senha◦ Data nascimento◦ Sexo (Masculino/Feminino)◦ Email◦ Autoriza o recebimento de email◦ Tipo da pessoa (Física/Jurídica)
Exercício
![Page 28: Protocolo HTTP e HTML Prof. Danton Cavalcanti Franco Junior](https://reader036.vdocuments.pub/reader036/viewer/2022070311/552fc12b497959413d8d0221/html5/thumbnails/28.jpg)
Deve-se criar uma tabela para fazer o alinhamento◦ A descrição do campo deve ser alinhada a direita◦ O componente do formulário deve ser alinhado a
esquerda A ação do formulário deve ser “cadastro” Utilizar o método “post” Deve-se disponibilizar um botão para limpar
o formulário Todos os componentes do formulário devem
ser nomeados
Exercício