PHP com MySQL e PostgreSQL
          (Aula 2)
         Docente:
      Marcus Camargo
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
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
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.
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
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.)
Introdução




Exemplo de site ainda sem CSS
Introdução



O mesmo site com CSS
Introdução



Exemplo de arquivo CSS


CSS
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/
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>
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
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.
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>
Formulários




Tag textarea

É a tag mais usada em formulários.

<textarea name=“nome” rols=“linhas” cols=“colunas” >
  Textão padrão (opcional)
</textarea>
Formulários




Construindo um Formulário
Formulários




Usando o PHP na
construção do formulário

Php Básico - Parte 2

  • 1.
    PHP com MySQLe 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 deHTML 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 deestilo 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.
  • 8.
  • 9.
  • 10.
    Introdução Plugins que podemauxiliar 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 queconté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 deum 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 É atag 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 nacriação de listas de opções. <select name=“nome” size=“tamanho” > <option value=“valor” SELECTED>Item</option> </select>
  • 15.
    Formulários Tag textarea É atag mais usada em formulários. <textarea name=“nome” rols=“linhas” cols=“colunas” > Textão padrão (opcional) </textarea>
  • 16.
  • 17.
    Formulários Usando o PHPna construção do formulário