SlideShare une entreprise Scribd logo
1  sur  17
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

Contenu connexe

Tendances

Criação de formulários e tabelas com HTML
Criação de formulários e tabelas com HTMLCriação de formulários e tabelas com HTML
Criação de formulários e tabelas com HTMLLeonardo Soares
 
4 processamento de texto
4 processamento de texto4 processamento de texto
4 processamento de textomarcoantunes2
 
Programação web ii aulas 08 e 09
Programação web ii   aulas 08 e 09Programação web ii   aulas 08 e 09
Programação web ii aulas 08 e 09Yuri Bispo
 
Processamento De Texto
Processamento De TextoProcessamento De Texto
Processamento De Textoarturramisio
 
Aula 03. utilização inline, incorporado e externo
Aula 03. utilização inline, incorporado e externoAula 03. utilização inline, incorporado e externo
Aula 03. utilização inline, incorporado e externoJolvani Morgan
 
Bloco 5.1 - Manipulação do DOM
Bloco 5.1 - Manipulação do DOMBloco 5.1 - Manipulação do DOM
Bloco 5.1 - Manipulação do DOMRuâni Filipe Silva
 

Tendances (9)

Criação de formulários e tabelas com HTML
Criação de formulários e tabelas com HTMLCriação de formulários e tabelas com HTML
Criação de formulários e tabelas com HTML
 
4 processamento de texto
4 processamento de texto4 processamento de texto
4 processamento de texto
 
Formulários em html
Formulários em htmlFormulários em html
Formulários em html
 
Programação web ii aulas 08 e 09
Programação web ii   aulas 08 e 09Programação web ii   aulas 08 e 09
Programação web ii aulas 08 e 09
 
Processamento De Texto
Processamento De TextoProcessamento De Texto
Processamento De Texto
 
Aula 03. utilização inline, incorporado e externo
Aula 03. utilização inline, incorporado e externoAula 03. utilização inline, incorporado e externo
Aula 03. utilização inline, incorporado e externo
 
Aula 02 sintaxe css
Aula 02 sintaxe cssAula 02 sintaxe css
Aula 02 sintaxe css
 
Bloco 5.1 - Manipulação do DOM
Bloco 5.1 - Manipulação do DOMBloco 5.1 - Manipulação do DOM
Bloco 5.1 - Manipulação do DOM
 
Curso de XHTML
Curso de XHTMLCurso de XHTML
Curso de XHTML
 

En vedette

Trabajo de salud sobre la historia de la salud
Trabajo de salud sobre la historia de la saludTrabajo de salud sobre la historia de la salud
Trabajo de salud sobre la historia de la saludricardoesteban750
 
Sistemas informaticos
Sistemas informaticos Sistemas informaticos
Sistemas informaticos shiquii
 
Eadm310 040 072 Co1 Course Syllabus 2010
Eadm310 040 072 Co1 Course Syllabus 2010Eadm310 040 072 Co1 Course Syllabus 2010
Eadm310 040 072 Co1 Course Syllabus 2010guest65f6d63
 
Greenwood management Financial analysis terminalia_amazonia
Greenwood management Financial analysis terminalia_amazoniaGreenwood management Financial analysis terminalia_amazonia
Greenwood management Financial analysis terminalia_amazoniaGreenwood Management
 

En vedette (7)

Or
OrOr
Or
 
Trabajo de salud sobre la historia de la salud
Trabajo de salud sobre la historia de la saludTrabajo de salud sobre la historia de la salud
Trabajo de salud sobre la historia de la salud
 
Sistemas informaticos
Sistemas informaticos Sistemas informaticos
Sistemas informaticos
 
Eadm310 040 072 Co1 Course Syllabus 2010
Eadm310 040 072 Co1 Course Syllabus 2010Eadm310 040 072 Co1 Course Syllabus 2010
Eadm310 040 072 Co1 Course Syllabus 2010
 
Practica 3
Practica 3Practica 3
Practica 3
 
PHP Básico - Parte 4
PHP Básico - Parte 4PHP Básico - Parte 4
PHP Básico - Parte 4
 
Greenwood management Financial analysis terminalia_amazonia
Greenwood management Financial analysis terminalia_amazoniaGreenwood management Financial analysis terminalia_amazonia
Greenwood management Financial analysis terminalia_amazonia
 

Similaire à PHP MySQL PostgreSQL Formulários Triângulos HTML CSS

Similaire à PHP MySQL PostgreSQL Formulários Triângulos HTML CSS (20)

Portifolio net
Portifolio netPortifolio net
Portifolio net
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Curso HTML e CSS
Curso HTML e CSSCurso HTML e CSS
Curso HTML e CSS
 
Programação Web com HTML e CSS
Programação Web com HTML e CSSProgramação Web com HTML e CSS
Programação Web com HTML e CSS
 
Minicurso de HTML básico - Atualizado para HTML5
Minicurso de HTML básico - Atualizado para HTML5Minicurso de HTML básico - Atualizado para HTML5
Minicurso de HTML básico - Atualizado para HTML5
 
Apresentação para aula de HTML básico
Apresentação para aula de HTML básicoApresentação para aula de HTML básico
Apresentação para aula de HTML básico
 
Fundamentos e Desenvolvimento de Interface Web com HTML5 & CSS3
Fundamentos e Desenvolvimento de Interface Web com HTML5 & CSS3 Fundamentos e Desenvolvimento de Interface Web com HTML5 & CSS3
Fundamentos e Desenvolvimento de Interface Web com HTML5 & CSS3
 
Desevolvimento Web Client-side - HTML
Desevolvimento Web Client-side - HTMLDesevolvimento Web Client-side - HTML
Desevolvimento Web Client-side - HTML
 
Aula 1 programação web i
Aula 1   programação web iAula 1   programação web i
Aula 1 programação web i
 
Aula 1 programação web i
Aula 1   programação web iAula 1   programação web i
Aula 1 programação web i
 
Apoio1020 apostila html
Apoio1020 apostila htmlApoio1020 apostila html
Apoio1020 apostila html
 
Programação Web com Zend Framework e Ajax com Dojo
Programação Web com Zend Framework e Ajax com DojoProgramação Web com Zend Framework e Ajax com Dojo
Programação Web com Zend Framework e Ajax com Dojo
 
Php aula1
Php aula1Php aula1
Php aula1
 
1ª aula php
1ª aula php1ª aula php
1ª aula php
 
Working with legacy code 3
Working with legacy code 3Working with legacy code 3
Working with legacy code 3
 
Workshop - Desenvolvimento web com Drupal 7
Workshop - Desenvolvimento web com Drupal 7Workshop - Desenvolvimento web com Drupal 7
Workshop - Desenvolvimento web com Drupal 7
 
Banco de dados
Banco de dadosBanco de dados
Banco de dados
 
Banco de dados
Banco de dadosBanco de dados
Banco de dados
 
Introdução de web
Introdução de webIntrodução de web
Introdução de web
 

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>
  • 17. Formulários Usando o PHP na construção do formulário