Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Introdução ao PHP Parte 1

Apresentação baseada no material: http://www.scribd.com/doc/16050514/Apostila-Programacao-PHP-e-MySQL-ExatasWeb

  • Login to see the comments

  • Be the first to like this

Introdução ao PHP Parte 1

  1. 1. Desenvolvendo Aplicações WEB Introdução PHP
  2. 2. Estrutura
  3. 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. 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. 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. 6. Conceitos de HTML <html> <head> <title>Minha Página Web!!! </title> </head> ... </html>
  7. 7. Conceitos de HTML O corpo da página começa com a tag <body> e termina com </body>
  8. 8. Conceitos de HTML <html> <head> <title>Minha Página Web!!!</title> </head> <body> o que escrever aqui aparece </body> </html>
  9. 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. 10. Conceitos de HTML <html> <head> <title>Minha Página Web!!!</title> </head> <body bgcolor=‘blue’> o que escrever aqui aparece </body> </html>
  11. 11. Principais TAGs • <h...></h...> • <br /> • <p>.....</p> • <font ....>.....</font> • <a ....>.....</a> • <img ...../> • <table><tr><td>....</td></tr></table>
  12. 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. 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. 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. 15. Metodo GET • http://localhost/executa.php? informação1=valor1&informação2=valor2
  16. 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. 17. Como Fazer? <form action=”script.php” method=”GET”> <form action=”script.php” method=”POST”>
  18. 18. Campo de Texto Nome: <input type=”text” name=”nome_do_visitante” size=”50” maxlenght=”50” value=”Digite aqui seu nome”>
  19. 19. Campo de Password Senha: <input type=”password” name=”senha” size=”12” maxlenght=”12”>
  20. 20. Área de Texto Comentário: <textarea name=”comentario” rows=”10” cols=”10”>comentário:</textarea>
  21. 21. Área de Texto Comentário: <textarea name=”comentario” rows=”10” cols=”10”>comentário:</textarea>
  22. 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. 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. 24. 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>
  25. 25. 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>
  26. 26. Botões Submit e Reset • <input type=”submit” name=”botao” value=”enviar”> • <input type=”reset” name=”limpar” value=”limpar”>
  27. 27. 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;
  28. 28. 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
  29. 29. 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..
  30. 30. Referência • PHP e Mysql do autor Leandro Correa dos Santos.
  31. 31. Apresentação • Desenvolvida pelo Prof. Me. Wellington Pinto de Oliveira

×