Desenvolvendo Aplicações WEB 
Introdução PHP
Estrutura
Conceitos de HTML 
HTML é composto por tag's, que são marcações 
delimitadas pelos símbolos “<” e “>”, usados para 
indicar uma formatação. 
<html> 
... página web ... 
</html>
Conceitos de HTML 
Um documento HTML é formado basicamente 
por cabeçalho e corpo. 
No cabeçalho, fornecemos informações, como o 
nome da página, autor, palavras-chave para 
pesquisa, etc. 
Essas informações não ficam expostas no 
navegador do usuário.
Conceitos de HTML 
Um documento HTML é formado basicamente 
por cabeçalho e corpo. 
No cabeçalho, fornecemos informações, como o 
nome da página, autor, palavras-chave para 
pesquisa, etc. 
Essas informações não ficam expostas no 
navegador do usuário.
Conceitos de HTML 
<html> 
<head> 
<title>Minha Página Web!!! 
</title> 
</head> ... 
</html>
Conceitos de HTML 
O corpo da página começa com a tag <body> e 
termina com </body>
Conceitos de HTML 
<html> 
<head> 
<title>Minha Página Web!!!</title> 
</head> 
<body> 
o que escrever aqui aparece 
</body> 
</html>
Conceitos de HTML 
A grande maioria das tag's HTML possuem 
atributos, que são valores passados a elas para 
que as mesmas assumam uma formatação 
diferente.
Conceitos de HTML 
<html> 
<head> 
<title>Minha Página Web!!!</title> 
</head> 
<body bgcolor=‘blue’> 
o que escrever aqui aparece 
</body> 
</html>
Principais TAGs 
• <h...></h...> 
• <br /> 
• <p>.....</p> 
• <font ....>.....</font> 
• <a ....>.....</a> 
• <img ...../> 
• <table><tr><td>....</td></tr></table>
Formulários HTML 
• Formulários são estruturas usadas para que o 
visitante possa interagir com o site, enviando 
informacõ̧es para o site. 
• O campo pertencente ao formulário é 
delimitado pelas tag's <form> e </form>
Formulários HTML 
• Os principais atributos são: 
• action: indica o script que irá processar as 
informações enviadas pelo formulário; 
• metido: indica a forma que será enviada essa 
informação
Metodo GET 
• Usado para enviar pequenas quantidades de 
informacão, visto ̧ que sua capacidade de envio 
é limitada. 
• O método GET usa a barra de endereco̧s do 
navegador para enviar informacõ̧es para o 
servidor. Possui um limite de 256 caracteres.
Metodo GET 
• http://localhost/executa.php? 
informação1=valor1&informação2=valor2
Método POST 
• O método POST envia as informações para o 
servidor internamente ao protocolo HTML. 
• A mensagem então pode ser criptografada; 
• Não possui restrição de tamanho.
Como Fazer? 
<form action=”script.php” 
method=”GET”> 
<form action=”script.php” 
method=”POST”>
Campo de Texto 
Nome: <input type=”text” 
name=”nome_do_visitante” size=”50” 
maxlenght=”50” value=”Digite aqui 
seu nome”>
Campo de Password 
Senha: <input type=”password” 
name=”senha” size=”12” 
maxlenght=”12”>
Área de Texto 
Comentário: <textarea 
name=”comentario” rows=”10” 
cols=”10”>comentário:</textarea>
Área de Texto 
Comentário: <textarea 
name=”comentario” rows=”10” 
cols=”10”>comentário:</textarea>
ListBox 
<select name=”cidade” size=”5” multiple> 
<option value=”guaira”>Guaira</option> 
<option value=”umuarama”>Umuarama</option> 
<option value=”lovat”>Lovat</option> 
<option value=”cascavel”>Cascavel</option> 
<option value=”cianorte”>Cianorte</option> 
</select>
ComboBox 
<select name=”cidade2”> 
<option value=”guaira”>Guaira</option> 
<option value=”umuarama”>Umuarama</option> 
<option value=”lovat”>Lovat</option> 
<option value=”cascavel”>Cascavel</option> 
<option value=”cianorte”>Cianorte</option> 
</select>
Checkbox 
Selecione uma cidade:<br> <p align= 
”center”> 
<input type=”checkbox” name=”pesquisa[]” 
value=”umuarama”>Umuarama<br> 
<input type=”checkbox” name=”pesquisa[]” 
value=”guaira” checked>Guaira<br> 
<input type=”checkbox” name=”pesquisa[]” 
value=”curitiba”>Curitiba<br> 
</p>
Radiobutton 
Enquete:<br> Que nota você daria ao nosso 
formulário?<br> <p align=”center”> 
<input type=”radio” name=”nota” 
value=”5”>Otimo 
<input type=”radio” name=”nota” value=”4”>Bom 
<input type=”radio” name=”nota” 
value=”3”>Regular 
<input type=”radio” name=”nota” value=”2”>Ruim 
<input type=”radio” name=”nota” 
value=”1”>Péssimo 
</p>
Botões Submit e Reset 
• <input type=”submit” name=”botao” 
value=”enviar”> 
• <input type=”reset” name=”limpar” 
value=”limpar”>
Exercício 
• Monte o layout do seu site. Use tabelas para 
organizar o conteúdo. O site deve ter um 
banner na parte superior, uma coluna para o 
conteúdo, outra coluna para o menu de 
navegacão ̧ do usuário e um rodapé contendo 
seu nome;
Exercício 
• No espaco ̧ destinado ao conteúdo, monte seu 
curriculum vitae.  Na coluna ao lado, crie uma 
tabela contendo 3 linhas e uma coluna. Abaixo 
dela, crie um formulário de enquete e peca̧ 
para que o visitante de ̂uma nota ao seu site
Exercício 
• Abaixo de seu curriculum, crie outro formulário 
para que o visitante possa adicionar 
comentários ao conteúdo do site. O visitante 
deve informar o nome, localidade, e- mail de 
contato, uma nota para o conteúdo e um 
comentário..
Referência 
• PHP e Mysql do autor Leandro Correa dos 
Santos.
Apresentação 
• Desenvolvida pelo Prof. Me. Wellington Pinto 
de Oliveira

Básico PHP: Introdução HTML

  • 1.
  • 2.
  • 3.
    Conceitos de HTML HTML é composto por tag's, que são marcações delimitadas pelos símbolos “<” e “>”, usados para indicar uma formatação. <html> ... página web ... </html>
  • 4.
    Conceitos de HTML Um documento HTML é formado basicamente por cabeçalho e corpo. No cabeçalho, fornecemos informações, como o nome da página, autor, palavras-chave para pesquisa, etc. Essas informações não ficam expostas no navegador do usuário.
  • 5.
    Conceitos de HTML Um documento HTML é formado basicamente por cabeçalho e corpo. No cabeçalho, fornecemos informações, como o nome da página, autor, palavras-chave para pesquisa, etc. Essas informações não ficam expostas no navegador do usuário.
  • 6.
    Conceitos de HTML <html> <head> <title>Minha Página Web!!! </title> </head> ... </html>
  • 7.
    Conceitos de HTML O corpo da página começa com a tag <body> e termina com </body>
  • 8.
    Conceitos de HTML <html> <head> <title>Minha Página Web!!!</title> </head> <body> o que escrever aqui aparece </body> </html>
  • 9.
    Conceitos de HTML A grande maioria das tag's HTML possuem atributos, que são valores passados a elas para que as mesmas assumam uma formatação diferente.
  • 10.
    Conceitos de HTML <html> <head> <title>Minha Página Web!!!</title> </head> <body bgcolor=‘blue’> o que escrever aqui aparece </body> </html>
  • 11.
    Principais TAGs •<h...></h...> • <br /> • <p>.....</p> • <font ....>.....</font> • <a ....>.....</a> • <img ...../> • <table><tr><td>....</td></tr></table>
  • 12.
    Formulários HTML •Formulários são estruturas usadas para que o visitante possa interagir com o site, enviando informacõ̧es para o site. • O campo pertencente ao formulário é delimitado pelas tag's <form> e </form>
  • 13.
    Formulários HTML •Os principais atributos são: • action: indica o script que irá processar as informações enviadas pelo formulário; • metido: indica a forma que será enviada essa informação
  • 14.
    Metodo GET •Usado para enviar pequenas quantidades de informacão, visto ̧ que sua capacidade de envio é limitada. • O método GET usa a barra de endereco̧s do navegador para enviar informacõ̧es para o servidor. Possui um limite de 256 caracteres.
  • 15.
    Metodo GET •http://localhost/executa.php? informação1=valor1&informação2=valor2
  • 16.
    Método POST •O método POST envia as informações para o servidor internamente ao protocolo HTML. • A mensagem então pode ser criptografada; • Não possui restrição de tamanho.
  • 17.
    Como Fazer? <formaction=”script.php” method=”GET”> <form action=”script.php” method=”POST”>
  • 18.
    Campo de Texto Nome: <input type=”text” name=”nome_do_visitante” size=”50” maxlenght=”50” value=”Digite aqui seu nome”>
  • 19.
    Campo de Password Senha: <input type=”password” name=”senha” size=”12” maxlenght=”12”>
  • 20.
    Área de Texto Comentário: <textarea name=”comentario” rows=”10” cols=”10”>comentário:</textarea>
  • 21.
    Área de Texto Comentário: <textarea name=”comentario” rows=”10” cols=”10”>comentário:</textarea>
  • 22.
    ListBox <select name=”cidade”size=”5” multiple> <option value=”guaira”>Guaira</option> <option value=”umuarama”>Umuarama</option> <option value=”lovat”>Lovat</option> <option value=”cascavel”>Cascavel</option> <option value=”cianorte”>Cianorte</option> </select>
  • 23.
    ComboBox <select name=”cidade2”> <option value=”guaira”>Guaira</option> <option value=”umuarama”>Umuarama</option> <option value=”lovat”>Lovat</option> <option value=”cascavel”>Cascavel</option> <option value=”cianorte”>Cianorte</option> </select>
  • 24.
    Checkbox Selecione umacidade:<br> <p align= ”center”> <input type=”checkbox” name=”pesquisa[]” value=”umuarama”>Umuarama<br> <input type=”checkbox” name=”pesquisa[]” value=”guaira” checked>Guaira<br> <input type=”checkbox” name=”pesquisa[]” value=”curitiba”>Curitiba<br> </p>
  • 25.
    Radiobutton Enquete:<br> Quenota você daria ao nosso formulário?<br> <p align=”center”> <input type=”radio” name=”nota” value=”5”>Otimo <input type=”radio” name=”nota” value=”4”>Bom <input type=”radio” name=”nota” value=”3”>Regular <input type=”radio” name=”nota” value=”2”>Ruim <input type=”radio” name=”nota” value=”1”>Péssimo </p>
  • 26.
    Botões Submit eReset • <input type=”submit” name=”botao” value=”enviar”> • <input type=”reset” name=”limpar” value=”limpar”>
  • 27.
    Exercício • Monteo layout do seu site. Use tabelas para organizar o conteúdo. O site deve ter um banner na parte superior, uma coluna para o conteúdo, outra coluna para o menu de navegacão ̧ do usuário e um rodapé contendo seu nome;
  • 28.
    Exercício • Noespaco ̧ destinado ao conteúdo, monte seu curriculum vitae.  Na coluna ao lado, crie uma tabela contendo 3 linhas e uma coluna. Abaixo dela, crie um formulário de enquete e peca̧ para que o visitante de ̂uma nota ao seu site
  • 29.
    Exercício • Abaixode seu curriculum, crie outro formulário para que o visitante possa adicionar comentários ao conteúdo do site. O visitante deve informar o nome, localidade, e- mail de contato, uma nota para o conteúdo e um comentário..
  • 30.
    Referência • PHPe Mysql do autor Leandro Correa dos Santos.
  • 31.
    Apresentação • Desenvolvidapelo Prof. Me. Wellington Pinto de Oliveira