SlideShare uma empresa Scribd logo
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

Mais conteúdo relacionado

PPT
HTML Básico 2
PDF
Tuturial Html
PPT
Introdução ao PHP Parte 2
PPT
PPT
Curso PHP: Básico JavaScript
PPT
Memória Interna - Arquitetura e Organização de Computadores
PPT
Capítulo 5 do CCNA
PPTX
Interação Humano Computador Capítulo 11 - Análise de Atividades
HTML Básico 2
Tuturial Html
Introdução ao PHP Parte 2
Curso PHP: Básico JavaScript
Memória Interna - Arquitetura e Organização de Computadores
Capítulo 5 do CCNA
Interação Humano Computador Capítulo 11 - Análise de Atividades

Destaque (6)

PPT
Redes Teórico - Capítulo 02 Tanenbaum
PPT
Processo Decisório - Introdução
PPT
Introdução - Arquitetura e Organização de Computadores
PPT
Básico PHP: Introdução HTML
PPT
Apresentação mestrado Versão 2
PPT
Método AHP em Processo Decisório
Redes Teórico - Capítulo 02 Tanenbaum
Processo Decisório - Introdução
Introdução - Arquitetura e Organização de Computadores
Básico PHP: Introdução HTML
Apresentação mestrado Versão 2
Método AHP em Processo Decisório
Anúncio

Semelhante a Introdução ao PHP Parte 1 (20)

PPTX
PDF
Tecnologias Web com foco na criação de Landing Pages
PPTX
Introdução de web
PDF
RCOM 11º Ano - HTML
PPTX
07 html formulários
PPT
Cobrancas online na sua aplicacao com MoIP
PPT
Aumente a performance de seu site
PPT
Aumente a performance de seu site de maneira disciplinada
PPTX
Fundamentos e Desenvolvimento de Interface Web com HTML5 & CSS3
PPT
rails_and_agile
PDF
Programação Web com HTML e CSS
PPTX
Aplicações web parte 1
PDF
Curso HTML e CSS Part1
PPTX
Aula html5
PDF
HTML - HyperText Markup Language - Review
PDF
Trabalho de HTML, CSS e JavaScript - Eduardo Bertolucci - UNOPAR 2010
PDF
Curso de Desenvolvimento Web - Módulo 01 - HTML
PPT
00 a linguagem html
PDF
Aula 1 linguagem html (1)
Tecnologias Web com foco na criação de Landing Pages
Introdução de web
RCOM 11º Ano - HTML
07 html formulários
Cobrancas online na sua aplicacao com MoIP
Aumente a performance de seu site
Aumente a performance de seu site de maneira disciplinada
Fundamentos e Desenvolvimento de Interface Web com HTML5 & CSS3
rails_and_agile
Programação Web com HTML e CSS
Aplicações web parte 1
Curso HTML e CSS Part1
Aula html5
HTML - HyperText Markup Language - Review
Trabalho de HTML, CSS e JavaScript - Eduardo Bertolucci - UNOPAR 2010
Curso de Desenvolvimento Web - Módulo 01 - HTML
00 a linguagem html
Aula 1 linguagem html (1)
Anúncio

Mais de Wellington Oliveira (19)

PPT
Usuário LInux
PPT
Configuração de Interface de Rede no Linux por comandos
PPT
CISCO CCNA WANs Prática ACL _ Lista de controle de acesso
PPT
WANs e Roteadores Cap. 11 - Lista de Controle de Acesso
PPT
LInux - Iinit e systemd
PPT
CCNA - Conjunto de Protocolos TCP/IP e endereçamento IP
PPT
Prática Laboratório CISCO - ACLs
PPT
Prática Laboratório CISCO - Balanceador
PPTX
Prática Laboratório CISCO - NAT
DOCX
Questões Cisco CCNA Cap 6
PPT
Evolução e Desempenho de Computadores - Arquitetura e Organização de Computad...
PPT
Barramento do Sistema - Arquitetura e Organização de Computadores
PPTX
Lógica e Algoritmos (pseudocódigo e C++) A lógica
PPT
Sistemas Operacionais Modernos - Gerenciamento de Memória
PPT
Sistemas Operacionais Modernos Capítulo 3 Deadlock
PPT
Sistemas Operacionais Processos e Threads - Wellington Pinto de Oliveira
PPT
Capítulo 4 do CCNA
PDF
WANS e Roteadores Cisco CCNA 3.1
PPT
Arquitetura e Organização de Computadores: Evolução e Desempenho de Computadores
Usuário LInux
Configuração de Interface de Rede no Linux por comandos
CISCO CCNA WANs Prática ACL _ Lista de controle de acesso
WANs e Roteadores Cap. 11 - Lista de Controle de Acesso
LInux - Iinit e systemd
CCNA - Conjunto de Protocolos TCP/IP e endereçamento IP
Prática Laboratório CISCO - ACLs
Prática Laboratório CISCO - Balanceador
Prática Laboratório CISCO - NAT
Questões Cisco CCNA Cap 6
Evolução e Desempenho de Computadores - Arquitetura e Organização de Computad...
Barramento do Sistema - Arquitetura e Organização de Computadores
Lógica e Algoritmos (pseudocódigo e C++) A lógica
Sistemas Operacionais Modernos - Gerenciamento de Memória
Sistemas Operacionais Modernos Capítulo 3 Deadlock
Sistemas Operacionais Processos e Threads - Wellington Pinto de Oliveira
Capítulo 4 do CCNA
WANS e Roteadores Cisco CCNA 3.1
Arquitetura e Organização de Computadores: Evolução e Desempenho de Computadores

Introdução ao PHP Parte 1

  • 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? <form action=”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 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. 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. Botões Submit e Reset • <input type=”submit” name=”botao” value=”enviar”> • <input type=”reset” name=”limpar” value=”limpar”>
  • 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. 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. 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. Referência • PHP e Mysql do autor Leandro Correa dos Santos.
  • 31. Apresentação • Desenvolvida pelo Prof. Me. Wellington Pinto de Oliveira