A apresentação está carregando. Por favor, espere

A apresentação está carregando. Por favor, espere

Protocolo HTTP e HTML Prof. Danton Cavalcanti Franco Junior

Apresentações semelhantes


Apresentação em tema: "Protocolo HTTP e HTML Prof. Danton Cavalcanti Franco Junior"— Transcrição da apresentação:

1 Protocolo HTTP e HTML Prof. Danton Cavalcanti Franco Junior
Seminários Avançados 3 Protocolo HTTP e HTML Prof. Danton Cavalcanti Franco Junior

2 HTTP Hypertext Transfer Protocol
É um protocolo que trabalha na forma de pedidos e respostas (request, reponse) Utiliza TCP/IP internamente Por padrão opera na porta 80

3 Método GET Os parâmetros da requisição são enviados na própria URL
Exemplo: cod=1&nome=livro&ano=2008

4 Método GET Onde: ? => utilizado para separar o endereço dos parâmetros & => utilizado para separar um parâmetro do outro

5 Método GET http://localhost/cadastraproduto? cod=1&nome=livro&ano=2008
Endereço: Parâmetros: cod = 1 nome = livro ano = 2008

6 Método POST 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

7 Método POST Endereço: http://localhost/cadastraproduto Parâmetros:
cod = 1 nome = livro ano = 2008 Os parâmetros não ficam visíveis na URL

8 Resposta HTTP Formada por: Status Cabeçalho Corpo

9 Resposta HTTP - Exemplo
HTTP/ OK Date: Sat, 15 Apr :21:25 GMT Content-Type: text/html Content-Length: 200 <html> <head> <title> Resposta http </title> ....

10 Resposta HTTP - Códigos
Códigos de resposta mais comuns: 200 - OK 304 - NOT MODIFIED 401 - UNAUTHORIZED 403 - FORBIDDEN 404 - NOT FOUND

11 Resposta HTTP – Content-Type
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

12 HTML 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

13 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

14 Tags HTML 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>

15 Tags HTML Formada pelo próprio comando, atributos e valores. Exemplos:
<HR color=“blue”> <H1> Título do documento </H1>

16 Estrutura de uma página HTML
<HEAD> <TITLE> Título do documento </TITLE> </HEAD> <BODY> Este é o corpo do documento HTML </BODY> </HTML>

17 Algumas Tags HTML <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

18 Algumas Tags HTML <TABLE> => define uma tabela
<TH> => cabeçalho de coluna <TR> => linha da tabela <TD> => célula da tabela

19 Exemplo tabela <TABLE border=1> <TH> Nome </TH>
<TH> Idade </TH> <TR> <TD align="center"> Joãozinho </TD> <TD align="right"> 13 </TD> </TR> <TD align="center"> Mariazinha </TD> <TD align="right"> 11 </TD> </TABLE>

20 Algumas Tags HTML <IMG> => imagem
<FONT> => formatação de fonte (fonte, cor e tamanho> <B> => negrito <I> => itálico <U> => sublinhado <S> => riscado

21 Algumas Tags HTML <A> => link Atributos:
href => destino do link name => âncora de destino (link para mesma página)

22 Algumas Tags HTML Exemplo: Clique <A HREF=“ aqui </A> para ir ao site da Globo.com

23 Formulários em HTML <form> <input>
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

24 Formulários em HTML Tipos de input: button checkbox file hidden image
password radio reset submit text

25 Exemplo de HTML <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>

26 Referências HTML

27 Exercício Criar um formulário de cadastro com os seguintes campos:
Código Nome Senha Confirmação da senha Data nascimento Sexo (Masculino/Feminino) Autoriza o recebimento de Tipo da pessoa (Física/Jurídica)

28 Exercício 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


Carregar ppt "Protocolo HTTP e HTML Prof. Danton Cavalcanti Franco Junior"

Apresentações semelhantes


Anúncios Google