PHP MySQL PostgreSQL Formulários Triângulos HTML CSS
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.)
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>