Este documento apresenta uma aula sobre PHP com MySQL e PostgreSQL. Ele revisa conceitos básicos de PHP como tipos de dados, variáveis, estruturas de controle e funções. Também introduz HTML e CSS para estruturação e formatação de páginas web. Por fim, explica como construir formulários usando tags como <form>, <input>, <select> e <textarea>.

1. PHP com MySQL e PostgreSQL
(Aula 2)
Docente:
Marcus Camargo

2. Introdução
Revisão Aula 01
 Formas de iniciar um código
 Tipos de Dados
 Variáveis e constantes
 Estruturas de Controle e Operadores
 Funções

3. Introdução
Exercício de Revisão
 Criar uma função que:
 Irá receber 3 valores
 Conferir se esses valores são números inteiros
 Após conferir, de acordo com os valores recebidos determinar qual tipo de
triângulo seria possível construir com esses valores
 Retornar o tipo de triângulo na tela
OBS: Se a soma de dois, dos três, lados for menor que o lado
restante, não é possível a construção de um triângulo. Isso deve
ser informado ao usuário.
Equilátero = 3 lados iguais
Isósceles = 2 lados iguais
Escaleno = 0 lados iguais

4. Introdução
Um pouco de HTML
HyperText Markup Language
Linguagem usada para a estruturação visual
de sites e aplicativos web .
Hoje também chamada de tableless, já que
não toma como padrão o uso de tabelas
para se criar os layouts.

5. Introdução
O básico...
<div></div> = bloco que pode conter qualquer outro elemento ou apenas
texto. “Substituto” da tabela na criação de layouts
<p></p> = parágrafo
<a href=“”></a> = cria um link para o arquivo e/ou página determinado em
href
<ul></ul> = lista não ordenada
<ol></ol> = lista ordenada
<li></li> = compõe os itens internos de “ul” e “ol”
<img src=“” /> = exibe a imagem referenciada em src
<h1...h6></h1...h6> = cabeçalhos

6. Introdução
CSS...
São folhas de estilo usadas na formatação
do site.
Pode ser usado na própria página ou em um
arquivo externo (o que é mais recomendável.)

7. Introdução
Exemplo de site ainda sem CSS

8. Introdução
O mesmo site com CSS

9. Introdução
Exemplo de arquivo CSS
CSS

10. Introdução
Plugins que podem auxiliar
Firebug
https://addons.mozilla.org/pt-PT/firefox/addon/firebug/
Web Developer
Chrome WebStore ou na página de extensões da Mozilla
MeasureIt
https://addons.mozilla.org/pt-br/firefox/addon/measureit/

11. Formulários
Formulários
São páginas que contém caixas de textos, listas de
valores, carregamento de arquivos...
Formulários são compostos por itens que estão entre as
tags <form></form>.
Normalmente as tags que compõe os formulários são:
<input><select><textarea>

12. Formulários
Sintaxe básica de um formulário
<form name=“nomeDoForm” action=“arquivo_de processamento”
method=“modo_de_envio” enctype=“tipo_form”>
• name: nome do formulário
• action: arquivo que é chamado quando o formulário é enviado
• method: define a forma como os dados serão enviados GET ou
POST
• enctype: determina a forma a qual os dados serão enviados ao
servidor

13. Formulários
Tag input
É a tag mais usada em formulários.
<input type=“tipo” name=“nome” value=“valor inicial”
size=“tamanho” maxlength=“máx de caracteres”/>
Normalmente a propriedade type determina o seu uso.

14. Formulários
Tag select
Usada na criação de listas de opções.
<select name=“nome” size=“tamanho” >
<option value=“valor” SELECTED>Item</option>
</select>

15. Formulários
Tag textarea
É a tag mais usada em formulários.
<textarea name=“nome” rols=“linhas” cols=“colunas” >
Textão padrão (opcional)
</textarea>

16. Formulários
Construindo um Formulário

17. Formulários
Usando o PHP na
construção do formulário