Linguagem PHP Prof.: Sergio Pacheco Prof.: Sergio Pacheco 1 1
Sumario Alguns Conceitos básicos de HTML; Interação HTML e PHP; Exemplos; Exercícios. Prof.: Sergio Pacheco 2 2
Tags básicas do HTML Todo documento deve ser identificado como HTML (<html> </html>), ter uma área de cabeçalho (<head></head>) com o nome para o documento (<title> </title>), um título principal e uma área definida como corpo(<body></body>) . Refenciar a contrucao de um bolo de aniversario Prof.: Sergio Pacheco 3 3
Tags básicas do HTML <html> <title> Este é o título</title> <body> <h2>E este o cabeçalho de nível 2</h2> Aqui entra o texto do documento ... </body> </html> Refenciar a contrucao de um bolo de aniversario Prof.: Sergio Pacheco 4 4
Tags básicas do HTML Outra TAG importante é a <A>: Um exemplo de referência a um hipertexto: <A HREF="ListaPraias.html">Praias</A> A palavra “Praias'' é definida como o marcador do link para se chegar ao documento ListaPraias.html, que está no mesmo diretório do documento corrente. Ou seja, "Praias" aparece em negrito e se eu clicar nessa palavra será exibido o documento apontado - ListaPraias.html Refenciar a contrucao de um bolo de aniversario Prof.: Sergio Pacheco 5 5
Tags básicas do HTML Listas é muito utilizada na construção de menus, como no exemplo abaixo: Para criar uma lista não numerada: 1. Comece com a marcação de início de lista: <UL>. 2. Insira a marcação <LI> antes de cada item da lista item. (Não é necessário fechar a marcação com </LI> ) 3. Encerre com a marcação de fim de lista: </UL>. Refenciar a contrucao de um bolo de aniversario <UL> <LI> maçãs <LI> bananas </UL> Prof.: Sergio Pacheco 6 6
Tags básicas do HTML Listas Numeradas : Uma lista numerada - ou ordenada - é semelhante a uma lista não numerada, exceto porque utiliza marcação <OL> ao invés de <UL>. Os itens são identificados utilizando-se a mesma notação <LI> . Uma lista criada assim: Refenciar a contrucao de um bolo de aniversario <OL> <LI> laranjas <LI> peras <LI> uvas </OL> Prof.: Sergio Pacheco 7 7
Array Descrição Arrays, também muito conhecidos como vetores; São variáveis que servem para guardar vários valores de forma uniforme na memória do mesmo tipo, são acessadas através de índices; Ex.: Caixa de correspondência em um prédio. array() - Cria um Array array(indice => valor) <?php $a=array("a"=>"Cão","b"=>"gato","c"=>"cavalo"); print_r($a); ?> Prof.: Sergio Pacheco 8 8
Declarar um Array Usando a função, array(). Função Retorno <?php $vetor = array(); ?> Função Retorno No exemplo acima, $vetor é um vetor, pode ser encarada como return da função Array(); 1 ) array() - Cria um Array; 2 ) array(indice => valor). <?php $a=array("a"=>"Cão","b"=>"gato","c"=>"cavalo"); print_r($a); ?> Prof.: Sergio Pacheco 9 9
Declarar um Array Usando a função, array() e inicializar uma array. <?php $vetor = array(“Eu", "Tu", "Ele" ); ?> Função Retorno No exemplo acima, $vetor é um vetor, e é inicializado no momento de sua criação, todo e qualquer elemento do array é separado por vírgula. Prof.: Sergio Pacheco 10 10
Acessar uma Posição no Array Como um único array pode possui vários valores, cada valor fica em uma posição específica da variável; Em PHP, uma das formas é de acessar tais valores é utilizando o índice (index) do array que sempre se inicia em 0; Ou seja, todo índice é definido pela posição - 1. Isso quer dizer que, se quisermos acessar o quarto elemento de um array devemos usar o índice da posição 3, porque 4 - 1 = 3; Os índices são indicados por colchetes ([ ]) que vem logo após o nome da variável. <?php $vetor = array(); $vetor[1] = 540; $vetor[3] = 8456; ?> $vetor Prof.: Sergio Pacheco 11 11
Array $array[0]=1; Remover um par chave/valor; Prof.: Sergio Pacheco 12 12
Exercícios Fazendo uso dos conhecimentos, em HTML fazer uma programa em PHP que receba do usuário 10 países (título); Submete-los a uma página PHP, depois guardar as informações em um array para que com isso criar uma lista numera e não numerada. Nessa página PHP deverá ter um link para a página principal. Refenciar a contrucao de um bolo de aniversario Prof.: Sergio Pacheco 13 13
Elemento Table HTML Table Tags <table> Define a tabela <th> Define o cabeçalho da tabela <tr> Define Linha <td> Define coluna <caption> Defines a table caption <colgroup> Defines a group of columns in a table, for formatting <col /> Defines attribute values for one or more columns in a table <thead> Groups the header content in a table <tbody> Groups the body content in a table <tfoot> Groups the footer content in a table Prof.: Sergio Pacheco 14 14
Elemento Table align – Define o alinhamento do Texto ou da Tabela (left, right e center); bgcolor – Define e cor de fundo; Prof.: Sergio Pacheco 15 15
Exercícios Prof.: Sergio Pacheco 16 16
Tags básicas do HTML <html> <body> <p><b>This text is bold</b></p> <p><strong>This text is strong</strong></p> <p><big>This text is big</big></p> <p><em>This text is emphasized</em></p> <p><i>This text is italic</i></p> <p><small>This text is small</small></p> <p>This is<sub> subscript</sub> and <sup>superscript</sup></p> </body> </html> Refenciar a contrucao de um bolo de aniversario Prof.: Sergio Pacheco 17 17
Exercício feito em Sala <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> </head> <body> <h1 align="center">CADASTRO DE PAÍSES</h1> <form action="paises.php" method="post"> <table align="center" border="3" cellspacing="6" cellpadding="6"> <tr> <td> Pais: </td> <input type="text" name="p1" size="20" maxlength="18"><br/> </tr> <input type="text" name="p2" size="20" maxlength="18"><br/> <input type="text" name="p3" size="20" maxlength="18"><br/> <tr align="center"> <td COLSPAN ="2"> <input type="submit" value="Enviar"> <input type="reset" value="Limpar"> </table> </form> </body> </html> Refenciar a contrucao de um bolo de aniversario Prof.: Sergio Pacheco 18 18
Exercício feito em Sala <?php $p1 = $_POST['p1']; $p2 = $_POST['p2']; $p3 = $_POST['p3']; echo "Paises : 1--> $p1 2--> $p2 3-->$p3 <br/>"; $paises = array(); $paises[] = $p1; $paises[] = $p2; $paises[] = $p3; var_dump($paises); echo"<br/>"; print_r($paises); echo"<br/><br/><br/><br/>"; echo '<h3>A LISTA É :</h3>'; echo '<UL>'; foreach ($paises as $indice => $valor) { echo"<LI> $indice - $valor"; } echo"</UL>"; echo '<a href="paises.html"> Principal</a>'; ?> Refenciar a contrucao de um bolo de aniversario Prof.: Sergio Pacheco 19 19
Ótimo Final de semana a Todos! Bom Final de Semana - Sucesso Ótimo Final de semana a Todos! Deus abençoe! Refenciar a contrucao de um bolo de aniversario Prof.: Sergio Pacheco 20 20