SlideShare uma empresa Scribd logo
1 de 11
Baixar para ler offline
PHP	
  4	
  	
  
PHP	
  Hypertext	
  Preprocessor	
  
Criando	
  aplicações	
  WEB	
  (Introdução)	
  
O	
  que	
  é	
  PHP	
  
    Um	
  acrônimo	
  recursivo	
  para	
  PHP:	
  Hypertext	
  Preprocessor	
  
    Linguagem	
  de	
  programação	
  (lado	
  servidor)	
  para	
  Web	
  
          Uso	
  genérico	
  -­‐	
  interpretador	
  php	
  
          Permite	
  criar	
  sites	
  dinâmicos	
  
          Server-­‐side	
  scripts	
  -­‐	
  configuração	
  do	
  servidor	
  web	
  
          Surgiu	
  em	
  94	
  como	
  um	
  pacote	
  de	
  programas	
  CGI	
  (Ramus	
  Ledorf	
  )	
  
          Código	
  embuNdo	
  no	
  html	
  
             <html>
                 <head>
                     <title>Example</title>
                 </head>
                 <body>
                     <?php
                            echo "Hi, I'm a PHP script!";
                     ?>
                 </body>
             </html>
O	
  que	
  faz	
  o	
  PHP	
  
    Coleta	
  dados	
  de	
  um	
  formulário;	
  
    Cria	
  páginas	
  dinâmicas;	
  
          Extrapola	
  o	
  limite	
  do	
  HTML	
  
          Processa	
  dados	
  em	
  tempo	
  real	
  
          Personalisa	
  páginas	
  Web	
  
    Manipula	
  com	
  BD	
  (MySql,	
  PostgreSql,	
  Firebird,	
  dBase,	
  Oracle,	
  
     Sybase,	
  etc...);	
  
          Armazena	
  informação	
  de	
  forma	
  eficiente	
  
          Ex:	
  MySql	
  Server	
  controla	
  acesso	
  concorrente	
  a	
  usuários	
  autorizados	
  
    Enviar	
  e	
  receber	
  cookies	
  

    h_p://www.php.net/usage.php	
  	
  
     (estaasNcas	
  mundiais	
  de	
  sites	
  que	
  usam	
  do	
  php)	
  
Por	
  que	
  PHP?	
  (e	
  não	
  ASP,	
  JSP,	
  Cold	
  Fusion?)	
  
    Futuro	
  é	
  do	
  sobware	
  livre?	
  (talvez	
  :-­‐)	
  
    Alto	
  rendimento	
  –	
  eficiência	
  (1	
  server	
  	
  suporta	
  milhões	
  de	
  hits)	
  
    Integração	
  com	
  muitos	
  SGBDs	
  (controlador	
  ODBC)	
  
    Infinidade	
  de	
  bibliotecas	
  e	
  funções	
  disponíveis	
  na	
  Web	
  
          Usuários	
  do	
  muito	
  inteiro	
  comparNlham	
  
    Gera	
  imagens,	
  pdf,	
  envia	
  e-­‐mail,	
  usa	
  cookies	
  (poucas	
  linhas)	
  
    Vários	
  pacotes	
  pré	
  configurados	
  para	
  facilitar	
  a	
  instalação	
  
          h_p://en.wikipedia.org/wiki/List_of_AMP_packages	
  
    É	
  Gratuito	
  
Pré-­‐requisitos	
  para	
  programação	
  PHP	
  
    Dominar	
  HTML	
  
    Ter	
  noções	
  de	
  SQL	
  
    Noções	
  de	
  algoritmos	
  
    Noções	
  de	
  Servidor	
  e	
  Internet	
  	
  




                         Web	
  server	
  
Revisão	
  HTML	
  -­‐	
  caracterísNcas	
  
    HTML	
  -­‐	
  HiperText	
  Markup	
  Language,	
  (Linguagem	
  de	
  Marcação	
  
     de	
  Hipertexto)	
  
    Um	
  documento	
  HTML	
  =	
  página	
  Web	
  
    Página	
  em	
  HTML	
  é	
  composta	
  de	
  Tags	
  (eNquetas):	
  Dicas:	
  
          Pensar	
  em	
  tags	
  como	
  uma	
  família:	
  tags-­‐mãe	
  e	
  tags-­‐filhas	
  
          Sempre	
  que	
  abrir	
  uma	
  tag,	
  feche-­‐a	
  logo	
  em	
  seguida	
  (diminui	
  chance	
  de	
  
           erro)	
  
          Use	
  apenas	
  caracteres	
  minúsculos	
  para	
  o	
  HTML	
  (+	
  legíveis,	
  -­‐	
  espaço,	
  +	
  
           standard	
  compliant)	
  
          Escreva	
  1	
  tag	
  por	
  linha	
  (2	
  diferentes	
  no	
  máximo)	
  	
  
    A	
  página	
  principal	
  normalmente	
  é	
  nomeada	
  como	
  index.htm,	
  
     index.html,	
  default.htm	
  ou	
  default.html.	
  
    Deve	
  conter	
  apenas	
  conteúdo.	
  Formatação	
  faz-­‐se	
  com	
  CSS	
  
Revisão	
  HTML	
  –	
  tags	
  básicas	
  
    <h1>Título	
  1	
  –	
  grande	
  </h1>	
  (h2,h3,	
  h4	
  ...)	
  
    <p>parágrafo</p>	
  
          <br	
  />	
  Mudança	
  de	
  linha.	
  
          <b>Texto	
  em	
  negrito</b>	
  
          <i>Texto	
  em	
  Itálico</i>	
  
    <a	
  href="hYp://www.google.com">Link	
  para	
  o	
  Google</a>	
  
    <img	
  src="if.jpg"	
  alt="Logo	
  do	
  IF"	
  width="50"	
  height="90"	
  />	
  	
  
    <ul>Lista	
  não	
  ordenada</ul>,	
  <ol>Lista	
  ordenada</ol>	
  
          <li>Item	
  de	
  uma	
  lista	
  –	
  filha	
  de	
  ul</li>	
  
    <table>Inicia	
  uma	
  tabela</table>	
  
          <tr>define	
  uma	
  linha	
  de	
  uma	
  tabela</tr>	
  
          <td>define	
  um	
  dado	
  de	
  uma	
  tabela	
  –	
  célula</td>	
  
    <div>cria	
  um	
  bloco/caixa	
  no	
  corpo	
  do	
  documento</div>	
  
Revisão	
  HTML	
  –	
  exemplo	
  página	
  simples	
  em	
  HTML5	
  
<!DOCTYPE HTML>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">    <!- ajusta caracteres latinos -->
    <title>Revisão de HTML</title>
    <link rel="stylesheet" type="text/css" href="estilo.css"> <!- link p/ CSS -->
</head>
<body>    <!- início do corpo do documento (o que aparece) -->
    <table width="90%" border="1">
          <tr> <!- uma linha da tabela -->
                    <td colspan="2">Título da página</td> <!- uma célula da tabela -->
          </tr>
          <tr>
                    <td width="30%">Links</td>
                    <td>Parágrafos</td>
          </tr>
    </table>
    <ol> <!- uma lista ordenada -->
          <li>Primeiro item da lista</li> <!- um item da lista ordenada -->
          <li>Segundo item da lista</li>
    </ol>
</body>
</html>
Revisão	
  HTML	
  –	
  exemplo	
  formulário	
  
<form action="http://somesite.com/prog/adduser" method="post">

    <label for="firstname">Primeiro nome: </label>
              <input type="text" id="firstname"><br />
    <label for="lastname">Último nome: </label>
              <input type="text" id="lastname"><br />
    <label for="email">Email: </label>
              <input type="text" id="email"><br />
    <input type="radio" name="sex" value="Male">Masculino<br />
    <input type="radio" name="sex" value="Female">Feminino<br />
   Comentários: <br />
    <textarea name="textarea" rows="9"></textarea>
    <input type="submit" value="Enviar"> <input type="reset">

</form>
Revisão	
  HTML	
  –	
  exercício	
  
    Copie	
  e	
  cole	
  o	
  código	
  da	
  penúlNma	
  página	
  no	
  editor	
  
    Salve	
  como	
  index.html	
  e	
  abra	
  no	
  navegador	
  
    Adicione	
  um	
  atulo	
  (h1)	
  no	
  início	
  da	
  página	
  contendo	
  o	
  texto:	
  
     "Revisão	
  HTML"	
  
    Faça	
  busca	
  na	
  Web	
  do	
  logoNpo	
  do	
  IF	
  e	
  insira	
  uma	
  tag	
  (abaixo	
  
     do	
  atulo)	
  que	
  mostre	
  a	
  imagem	
  desse	
  logoNpo	
  
    Insira	
  o	
  texto:	
  "Clique	
  para	
  acessar	
  a	
  página	
  do	
  Campus	
  Porto	
  
     Alegre"	
  transformando-­‐o	
  num	
  hiperlink	
  para	
  aquele	
  site	
  
    Insira	
  uma	
  lista	
  não	
  ordenada	
  que	
  contenha	
  os	
  3	
  itens:	
  “PHP”,	
  
     “MySQL”	
  e	
  “Apache”.	
  
    Insira	
  mais	
  uma	
  linha	
  na	
  tabela	
  (+	
  2	
  células):	
  “HTML”	
  e	
  “PHP”	
  
    Insira	
  o	
  formulário	
  no	
  final	
  (página	
  anterior),	
  tente	
  enviar	
  e	
  
     veja	
  o	
  que	
  acontece	
  
Prof	
  Evandro	
  Manara	
  Mile_o	
  	
  
Rua	
  Cel	
  Vicente,	
  281	
  -­‐	
  Centro	
  	
  
Porto	
  Alegre,	
  RS	
  -­‐	
  90030-­‐041	
  
www.poa.ifrs.edu.br	
  

Mais conteúdo relacionado

Mais procurados

PHP Aula 05 - E-mails, Cookies e Sessoes
PHP Aula 05 - E-mails, Cookies e SessoesPHP Aula 05 - E-mails, Cookies e Sessoes
PHP Aula 05 - E-mails, Cookies e SessoesDaniel Brandão
 
Aula 2 – Introdução a HTML - conceitos básicos e estrutura
Aula 2 – Introdução a HTML - conceitos básicos e estruturaAula 2 – Introdução a HTML - conceitos básicos e estrutura
Aula 2 – Introdução a HTML - conceitos básicos e estruturaAndré Constantino da Silva
 
Workshop - Desenvolvimento web com Drupal 7
Workshop - Desenvolvimento web com Drupal 7Workshop - Desenvolvimento web com Drupal 7
Workshop - Desenvolvimento web com Drupal 7Sérgio Lima
 
Desevolvimento Web Client-side - HTML
Desevolvimento Web Client-side - HTMLDesevolvimento Web Client-side - HTML
Desevolvimento Web Client-side - HTMLGuilherme
 
Wordpress além do blog
Wordpress além do blogWordpress além do blog
Wordpress além do blogMateus Neves
 
Boas práticas de desenvolvimento de temas para WordPress
Boas práticas de  desenvolvimento  de temas para  WordPressBoas práticas de  desenvolvimento  de temas para  WordPress
Boas práticas de desenvolvimento de temas para WordPressMateus Neves
 
Aula 7_8-Upload e contador de acessos com PHP
Aula 7_8-Upload e contador de acessos com PHPAula 7_8-Upload e contador de acessos com PHP
Aula 7_8-Upload e contador de acessos com PHPLucas Augusto Fagundes
 
WordPress além dos blogs #fisl14
WordPress além dos blogs #fisl14WordPress além dos blogs #fisl14
WordPress além dos blogs #fisl14Tatiane Pires
 
Construindo temas para Plone com Diazo
Construindo temas para Plone com DiazoConstruindo temas para Plone com Diazo
Construindo temas para Plone com DiazoSimples Consultoria
 
Meu primeiro tema de WordPress
Meu primeiro tema de WordPressMeu primeiro tema de WordPress
Meu primeiro tema de WordPressLuan Muniz
 
Introdução ao Oracle 10g
Introdução ao Oracle 10gIntrodução ao Oracle 10g
Introdução ao Oracle 10gKelver Merlotti
 
Wordpress Introdução ao Desenvolvimento de Templates
Wordpress Introdução ao Desenvolvimento de TemplatesWordpress Introdução ao Desenvolvimento de Templates
Wordpress Introdução ao Desenvolvimento de TemplatesWesley R. Bezerra
 
Introducao cms-wordpress
Introducao cms-wordpressIntroducao cms-wordpress
Introducao cms-wordpressMateus Neves
 

Mais procurados (20)

Html5 Aula 4
Html5 Aula 4Html5 Aula 4
Html5 Aula 4
 
PHP Aula 05 - E-mails, Cookies e Sessoes
PHP Aula 05 - E-mails, Cookies e SessoesPHP Aula 05 - E-mails, Cookies e Sessoes
PHP Aula 05 - E-mails, Cookies e Sessoes
 
Aula 2 – Introdução a HTML - conceitos básicos e estrutura
Aula 2 – Introdução a HTML - conceitos básicos e estruturaAula 2 – Introdução a HTML - conceitos básicos e estrutura
Aula 2 – Introdução a HTML - conceitos básicos e estrutura
 
Workshop - Desenvolvimento web com Drupal 7
Workshop - Desenvolvimento web com Drupal 7Workshop - Desenvolvimento web com Drupal 7
Workshop - Desenvolvimento web com Drupal 7
 
Curso html basico_aula-001
Curso html basico_aula-001Curso html basico_aula-001
Curso html basico_aula-001
 
Desevolvimento Web Client-side - HTML
Desevolvimento Web Client-side - HTMLDesevolvimento Web Client-side - HTML
Desevolvimento Web Client-side - HTML
 
HTML
HTML HTML
HTML
 
Wordpress além do blog
Wordpress além do blogWordpress além do blog
Wordpress além do blog
 
Boas práticas de desenvolvimento de temas para WordPress
Boas práticas de  desenvolvimento  de temas para  WordPressBoas práticas de  desenvolvimento  de temas para  WordPress
Boas práticas de desenvolvimento de temas para WordPress
 
Aula 7_8-Upload e contador de acessos com PHP
Aula 7_8-Upload e contador de acessos com PHPAula 7_8-Upload e contador de acessos com PHP
Aula 7_8-Upload e contador de acessos com PHP
 
WordPress além dos blogs #fisl14
WordPress além dos blogs #fisl14WordPress além dos blogs #fisl14
WordPress além dos blogs #fisl14
 
Construindo temas para Plone com Diazo
Construindo temas para Plone com DiazoConstruindo temas para Plone com Diazo
Construindo temas para Plone com Diazo
 
Meu primeiro tema de WordPress
Meu primeiro tema de WordPressMeu primeiro tema de WordPress
Meu primeiro tema de WordPress
 
Introdução ao Oracle 10g
Introdução ao Oracle 10gIntrodução ao Oracle 10g
Introdução ao Oracle 10g
 
Diazo para todos
Diazo para todosDiazo para todos
Diazo para todos
 
Criando Temas com Diazo
Criando Temas com DiazoCriando Temas com Diazo
Criando Temas com Diazo
 
Wordpress Introdução ao Desenvolvimento de Templates
Wordpress Introdução ao Desenvolvimento de TemplatesWordpress Introdução ao Desenvolvimento de Templates
Wordpress Introdução ao Desenvolvimento de Templates
 
XHTML Básico
XHTML BásicoXHTML Básico
XHTML Básico
 
Introducao cms-wordpress
Introducao cms-wordpressIntroducao cms-wordpress
Introducao cms-wordpress
 
Aula 5
Aula 5Aula 5
Aula 5
 

Destaque

Estágio de Pesquisa Aplicada e Inovação no Canadá
Estágio de Pesquisa Aplicada e Inovação no CanadáEstágio de Pesquisa Aplicada e Inovação no Canadá
Estágio de Pesquisa Aplicada e Inovação no CanadáEvandro Manara Miletto
 
Présentation CloudIA - coopération internationale Brésil - Canadá
Présentation CloudIA - coopération internationale Brésil - CanadáPrésentation CloudIA - coopération internationale Brésil - Canadá
Présentation CloudIA - coopération internationale Brésil - CanadáEvandro Manara Miletto
 
Redes Sociais e Fabricação Digital na Construção de Objetos para Apoio a...
Redes Sociais e Fabricação Digital na Construção de Objetos para Apoio a...Redes Sociais e Fabricação Digital na Construção de Objetos para Apoio a...
Redes Sociais e Fabricação Digital na Construção de Objetos para Apoio a...Evandro Manara Miletto
 
Brazilian-Canada - Fellowship Exchange Program Debriefing
Brazilian-Canada - Fellowship Exchange Program DebriefingBrazilian-Canada - Fellowship Exchange Program Debriefing
Brazilian-Canada - Fellowship Exchange Program DebriefingEvandro Manara Miletto
 

Destaque (9)

Protocolo http-php
Protocolo http-phpProtocolo http-php
Protocolo http-php
 
Estágio de Pesquisa Aplicada e Inovação no Canadá
Estágio de Pesquisa Aplicada e Inovação no CanadáEstágio de Pesquisa Aplicada e Inovação no Canadá
Estágio de Pesquisa Aplicada e Inovação no Canadá
 
Funcao PHP
Funcao PHPFuncao PHP
Funcao PHP
 
Java script2
Java script2Java script2
Java script2
 
Présentation CloudIA - coopération internationale Brésil - Canadá
Présentation CloudIA - coopération internationale Brésil - CanadáPrésentation CloudIA - coopération internationale Brésil - Canadá
Présentation CloudIA - coopération internationale Brésil - Canadá
 
Redes Sociais e Fabricação Digital na Construção de Objetos para Apoio a...
Redes Sociais e Fabricação Digital na Construção de Objetos para Apoio a...Redes Sociais e Fabricação Digital na Construção de Objetos para Apoio a...
Redes Sociais e Fabricação Digital na Construção de Objetos para Apoio a...
 
Java script1
Java script1Java script1
Java script1
 
Brazilian-Canada - Fellowship Exchange Program Debriefing
Brazilian-Canada - Fellowship Exchange Program DebriefingBrazilian-Canada - Fellowship Exchange Program Debriefing
Brazilian-Canada - Fellowship Exchange Program Debriefing
 
Noções de planejamento visual
Noções de planejamento visualNoções de planejamento visual
Noções de planejamento visual
 

Semelhante a Php aula1

Semelhante a Php aula1 (20)

Minicurso Web. Front-end e HTML5 (parte 2)
Minicurso Web. Front-end e HTML5 (parte 2)Minicurso Web. Front-end e HTML5 (parte 2)
Minicurso Web. Front-end e HTML5 (parte 2)
 
Introdução de web
Introdução de webIntrodução de web
Introdução de web
 
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
 
HTML
HTMLHTML
HTML
 
Manual curso php
Manual curso phpManual curso php
Manual curso php
 
HTML + CSS
HTML + CSSHTML + CSS
HTML + CSS
 
02 html - fontes e estilos
02 html  - fontes e estilos02 html  - fontes e estilos
02 html - fontes e estilos
 
Workshop Web e WordPress
Workshop Web e WordPressWorkshop Web e WordPress
Workshop Web e WordPress
 
Tema 1 | Introdução a PHP
Tema 1 | Introdução a PHPTema 1 | Introdução a PHP
Tema 1 | Introdução a PHP
 
Trabalho de HTML, CSS e JavaScript - Eduardo Bertolucci - UNOPAR 2010
Trabalho de HTML, CSS e JavaScript - Eduardo Bertolucci - UNOPAR 2010Trabalho de HTML, CSS e JavaScript - Eduardo Bertolucci - UNOPAR 2010
Trabalho de HTML, CSS e JavaScript - Eduardo Bertolucci - UNOPAR 2010
 
html css js ajax exercícios de programação
html css js ajax exercícios de programaçãohtml css js ajax exercícios de programação
html css js ajax exercícios de programação
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Html completo
Html completoHtml completo
Html completo
 
Curso de WordPress
Curso de WordPressCurso de WordPress
Curso de WordPress
 
Apresentação do Curso Primeiros Passos na Web com HTML e CSS - Profite e Univ...
Apresentação do Curso Primeiros Passos na Web com HTML e CSS - Profite e Univ...Apresentação do Curso Primeiros Passos na Web com HTML e CSS - Profite e Univ...
Apresentação do Curso Primeiros Passos na Web com HTML e CSS - Profite e Univ...
 
Introdução ao HTML e CSS
Introdução ao HTML e CSSIntrodução ao HTML e CSS
Introdução ao HTML e CSS
 
Curso de HTML5 CSS3 e JS
Curso de HTML5 CSS3 e JSCurso de HTML5 CSS3 e JS
Curso de HTML5 CSS3 e JS
 
Criação de sites
Criação de sitesCriação de sites
Criação de sites
 
Apresentação1.pptx
Apresentação1.pptxApresentação1.pptx
Apresentação1.pptx
 

Mais de Evandro Manara Miletto (17)

WAITS - Water Quality Information System - SBIE 2013 / UNICAMP
WAITS - Water Quality Information System - SBIE 2013 / UNICAMPWAITS - Water Quality Information System - SBIE 2013 / UNICAMP
WAITS - Water Quality Information System - SBIE 2013 / UNICAMP
 
Mobilidade Acadêmica - experiências e considerações.
Mobilidade Acadêmica - experiências e considerações.Mobilidade Acadêmica - experiências e considerações.
Mobilidade Acadêmica - experiências e considerações.
 
Pure data - Introdução
Pure data - IntroduçãoPure data - Introdução
Pure data - Introdução
 
Equallizacao
EquallizacaoEquallizacao
Equallizacao
 
Compressao
CompressaoCompressao
Compressao
 
Logica Digital
Logica DigitalLogica Digital
Logica Digital
 
historia dos computadores e sistemas numéricos
historia dos computadores e sistemas numéricoshistoria dos computadores e sistemas numéricos
historia dos computadores e sistemas numéricos
 
Internacionalização do IFRS
Internacionalização do IFRSInternacionalização do IFRS
Internacionalização do IFRS
 
Navegando no @mbiente
Navegando no @mbienteNavegando no @mbiente
Navegando no @mbiente
 
Formulário HTML
Formulário HTMLFormulário HTML
Formulário HTML
 
HTTP - Visão geral
HTTP - Visão geralHTTP - Visão geral
HTTP - Visão geral
 
Cores na Web
Cores na WebCores na Web
Cores na Web
 
Tipografia na Web
Tipografia na WebTipografia na Web
Tipografia na Web
 
Internet
InternetInternet
Internet
 
Som - conceitos básicos
Som - conceitos básicosSom - conceitos básicos
Som - conceitos básicos
 
MIDI - Introdução
MIDI - IntroduçãoMIDI - Introdução
MIDI - Introdução
 
Html - introdução e exemplos
Html - introdução e exemplosHtml - introdução e exemplos
Html - introdução e exemplos
 

Php aula1

  • 1. PHP  4     PHP  Hypertext  Preprocessor   Criando  aplicações  WEB  (Introdução)  
  • 2. O  que  é  PHP     Um  acrônimo  recursivo  para  PHP:  Hypertext  Preprocessor     Linguagem  de  programação  (lado  servidor)  para  Web     Uso  genérico  -­‐  interpretador  php     Permite  criar  sites  dinâmicos     Server-­‐side  scripts  -­‐  configuração  do  servidor  web     Surgiu  em  94  como  um  pacote  de  programas  CGI  (Ramus  Ledorf  )     Código  embuNdo  no  html   <html> <head> <title>Example</title> </head> <body> <?php echo "Hi, I'm a PHP script!"; ?> </body> </html>
  • 3. O  que  faz  o  PHP     Coleta  dados  de  um  formulário;     Cria  páginas  dinâmicas;     Extrapola  o  limite  do  HTML     Processa  dados  em  tempo  real     Personalisa  páginas  Web     Manipula  com  BD  (MySql,  PostgreSql,  Firebird,  dBase,  Oracle,   Sybase,  etc...);     Armazena  informação  de  forma  eficiente     Ex:  MySql  Server  controla  acesso  concorrente  a  usuários  autorizados     Enviar  e  receber  cookies     h_p://www.php.net/usage.php     (estaasNcas  mundiais  de  sites  que  usam  do  php)  
  • 4. Por  que  PHP?  (e  não  ASP,  JSP,  Cold  Fusion?)     Futuro  é  do  sobware  livre?  (talvez  :-­‐)     Alto  rendimento  –  eficiência  (1  server    suporta  milhões  de  hits)     Integração  com  muitos  SGBDs  (controlador  ODBC)     Infinidade  de  bibliotecas  e  funções  disponíveis  na  Web     Usuários  do  muito  inteiro  comparNlham     Gera  imagens,  pdf,  envia  e-­‐mail,  usa  cookies  (poucas  linhas)     Vários  pacotes  pré  configurados  para  facilitar  a  instalação     h_p://en.wikipedia.org/wiki/List_of_AMP_packages     É  Gratuito  
  • 5. Pré-­‐requisitos  para  programação  PHP     Dominar  HTML     Ter  noções  de  SQL     Noções  de  algoritmos     Noções  de  Servidor  e  Internet     Web  server  
  • 6. Revisão  HTML  -­‐  caracterísNcas     HTML  -­‐  HiperText  Markup  Language,  (Linguagem  de  Marcação   de  Hipertexto)     Um  documento  HTML  =  página  Web     Página  em  HTML  é  composta  de  Tags  (eNquetas):  Dicas:     Pensar  em  tags  como  uma  família:  tags-­‐mãe  e  tags-­‐filhas     Sempre  que  abrir  uma  tag,  feche-­‐a  logo  em  seguida  (diminui  chance  de   erro)     Use  apenas  caracteres  minúsculos  para  o  HTML  (+  legíveis,  -­‐  espaço,  +   standard  compliant)     Escreva  1  tag  por  linha  (2  diferentes  no  máximo)       A  página  principal  normalmente  é  nomeada  como  index.htm,   index.html,  default.htm  ou  default.html.     Deve  conter  apenas  conteúdo.  Formatação  faz-­‐se  com  CSS  
  • 7. Revisão  HTML  –  tags  básicas     <h1>Título  1  –  grande  </h1>  (h2,h3,  h4  ...)     <p>parágrafo</p>     <br  />  Mudança  de  linha.     <b>Texto  em  negrito</b>     <i>Texto  em  Itálico</i>     <a  href="hYp://www.google.com">Link  para  o  Google</a>     <img  src="if.jpg"  alt="Logo  do  IF"  width="50"  height="90"  />       <ul>Lista  não  ordenada</ul>,  <ol>Lista  ordenada</ol>     <li>Item  de  uma  lista  –  filha  de  ul</li>     <table>Inicia  uma  tabela</table>     <tr>define  uma  linha  de  uma  tabela</tr>     <td>define  um  dado  de  uma  tabela  –  célula</td>     <div>cria  um  bloco/caixa  no  corpo  do  documento</div>  
  • 8. Revisão  HTML  –  exemplo  página  simples  em  HTML5   <!DOCTYPE HTML> <html lang="pt-br"> <head> <meta charset="UTF-8"> <!- ajusta caracteres latinos --> <title>Revisão de HTML</title> <link rel="stylesheet" type="text/css" href="estilo.css"> <!- link p/ CSS --> </head> <body> <!- início do corpo do documento (o que aparece) --> <table width="90%" border="1"> <tr> <!- uma linha da tabela --> <td colspan="2">Título da página</td> <!- uma célula da tabela --> </tr> <tr> <td width="30%">Links</td> <td>Parágrafos</td> </tr> </table> <ol> <!- uma lista ordenada --> <li>Primeiro item da lista</li> <!- um item da lista ordenada --> <li>Segundo item da lista</li> </ol> </body> </html>
  • 9. Revisão  HTML  –  exemplo  formulário   <form action="http://somesite.com/prog/adduser" method="post"> <label for="firstname">Primeiro nome: </label> <input type="text" id="firstname"><br /> <label for="lastname">Último nome: </label> <input type="text" id="lastname"><br /> <label for="email">Email: </label> <input type="text" id="email"><br /> <input type="radio" name="sex" value="Male">Masculino<br /> <input type="radio" name="sex" value="Female">Feminino<br /> Comentários: <br /> <textarea name="textarea" rows="9"></textarea> <input type="submit" value="Enviar"> <input type="reset"> </form>
  • 10. Revisão  HTML  –  exercício     Copie  e  cole  o  código  da  penúlNma  página  no  editor     Salve  como  index.html  e  abra  no  navegador     Adicione  um  atulo  (h1)  no  início  da  página  contendo  o  texto:   "Revisão  HTML"     Faça  busca  na  Web  do  logoNpo  do  IF  e  insira  uma  tag  (abaixo   do  atulo)  que  mostre  a  imagem  desse  logoNpo     Insira  o  texto:  "Clique  para  acessar  a  página  do  Campus  Porto   Alegre"  transformando-­‐o  num  hiperlink  para  aquele  site     Insira  uma  lista  não  ordenada  que  contenha  os  3  itens:  “PHP”,   “MySQL”  e  “Apache”.     Insira  mais  uma  linha  na  tabela  (+  2  células):  “HTML”  e  “PHP”     Insira  o  formulário  no  final  (página  anterior),  tente  enviar  e   veja  o  que  acontece  
  • 11. Prof  Evandro  Manara  Mile_o     Rua  Cel  Vicente,  281  -­‐  Centro     Porto  Alegre,  RS  -­‐  90030-­‐041   www.poa.ifrs.edu.br