15
Mini-curso de Mini-curso de PHP PHP Aulas ministradas por: Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva PET COMPUTAÇÃO

Mini-curso de PHP Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva PET COMPUTAÇÃO

Embed Size (px)

Citation preview

Page 1: Mini-curso de PHP Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva PET COMPUTAÇÃO

Mini-curso de Mini-curso de PHPPHP

Aulas ministradas por:Aulas ministradas por:

André Luis de PaulaArthur Kalsing

Diego Silva

PET COMPUTAÇÃO

Page 2: Mini-curso de PHP Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva PET COMPUTAÇÃO

Breve introdução de HTML, Conceitos Breve introdução de HTML, Conceitos básicos de PHP, Sintaxe, Separador de básicos de PHP, Sintaxe, Separador de instruções e Comentários (Cap 1 e 2)instruções e Comentários (Cap 1 e 2)

Aula 1

Page 3: Mini-curso de PHP Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva PET COMPUTAÇÃO

HTMLHTML► HHyper yper TText ext MMarkup arkup LLanguageanguage► Um arquivo html pode ser criado a partir de Um arquivo html pode ser criado a partir de

qualquer editor de texto simples, e sua extensão qualquer editor de texto simples, e sua extensão deve ser .htm ou .html deve ser .htm ou .html

► Sintaxe básica:Sintaxe básica:Um documento html é basicamente formado a partir de Um documento html é basicamente formado a partir de

tagstags (etiquetas), que são comandos de formatação da linguagem. (etiquetas), que são comandos de formatação da linguagem. Essas Essas tagstags indicam para o Navegador Web como mostrar a página. indicam para o Navegador Web como mostrar a página.

<<tagtag>...<>...</tag/tag>>

► Todos os elementos podem conter atributos:Todos os elementos podem conter atributos:

<<TagTag atributo1atributo1=valor1 =valor1 atributo2atributo2=valor2>...<=valor2>...</tag/tag>>

Exemplo: <Exemplo: <font colorfont color=“#00AA00”> texto <=“#00AA00”> texto </font/font>>

Page 4: Mini-curso de PHP Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva PET COMPUTAÇÃO

►Estrutura mínima de uma página HTML:Estrutura mínima de uma página HTML:

<html><html><head><head><title> Título da página </title><title> Título da página </title></head></head><body><body>Conteúdo da páginaConteúdo da página</body></body></html></html>

Page 5: Mini-curso de PHP Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva PET COMPUTAÇÃO

► Atributos para a tag Atributos para a tag body:body:

<<bodybody bgcolorbgcolor=“#rrggbb” =“#rrggbb” texttext=“#rrggbb” =“#rrggbb” linklink=“#rrggbb” =“#rrggbb” alinkalink= “#rrggbb” = “#rrggbb”

vlinkvlink=“#rrggbb” =“#rrggbb” backgroundbackground=“URL”>=“URL”>

BGCOLOR – BGCOLOR – Cor de Fundo (padrão: cinza ou branco)Cor de Fundo (padrão: cinza ou branco) TEXT – TEXT – Cor dos textos da página (padrão: preto)Cor dos textos da página (padrão: preto) LINK – LINK – Cor dos links (padrão: azul)Cor dos links (padrão: azul) ALINK – ALINK – Cor dos links quando acionados (padrão: vermelho)Cor dos links quando acionados (padrão: vermelho) VLINK – VLINK – Cor dos links depois de visitados (padrão: azul escuro ou roxo)Cor dos links depois de visitados (padrão: azul escuro ou roxo)

Page 6: Mini-curso de PHP Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva PET COMPUTAÇÃO

► Tags básicas:Tags básicas:

Define a formatação de um texto<font>

Define comentário<!-->

Define uma linha horizontal<hr>

Insere uma quebra de linha<br>

Define parágrafo<p>

Define cabeçalho 1 ao 6<h1> a <h6>

Define o corpo do documento<body>

Define um documento HTML<html>

Page 7: Mini-curso de PHP Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva PET COMPUTAÇÃO

►Exemplos:Exemplos:

<<p alignp align=“center”> parágrafo centralizado <=“center”> parágrafo centralizado <brbr> quebra > quebra de linha <de linha </p/p>>

<<hrhr widthwidth=30%=30% align align=“right”=“right” noshade noshade>>

<<fontfont faceface=“arial” =“arial” colorcolor=“#00AA00”> fonte arial verde =“#00AA00”> fonte arial verde <</font/font>>

<!-- comentários!!! --><!-- comentários!!! -->

Page 8: Mini-curso de PHP Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva PET COMPUTAÇÃO

► Imagens em HTMLImagens em HTML

<<img img srcsrc=“imagem.gif” =“imagem.gif” altalt=“Logotipo” =“Logotipo” widthwidth=“144” =“144” heightheight=“50” =“50” alignalign=“center”>=“center”>

Logotipo

width

height

src : endereço da imagem alt : Texto que será exibido se a imagem não for

encontrada no endereço especificado align : alinhamento da imagem na página

Page 9: Mini-curso de PHP Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva PET COMPUTAÇÃO

►TabelasTabelas As tags <As tags <tabletable>...<>...</table/table> delimitam uma tabela.> delimitam uma tabela. A tabela é dividido em linhas (com a tag <A tabela é dividido em linhas (com a tag <trtr>)>) Cada linha é dividido em células (com a tag <Cada linha é dividido em células (com a tag <tdtd>)>)

ColspanColspan : Junção de células de uma mesma linha : Junção de células de uma mesma linha RowspanRowspan : Junção de células de uma mesma coluna : Junção de células de uma mesma coluna

<tr>

<tr>

<tr>

<td> <td> <td> <td> <td> <td>

<td colspan=“2”><td colspan=“2”> <td colspan=“2”>

<td rowpan=“2”>

Page 10: Mini-curso de PHP Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva PET COMPUTAÇÃO

► Exemplo:Exemplo:

<<tabletable widthwidth="500" ="500" borderborder="2">="2"><<trtr>>

<<tdtd>ola</td>>ola</td><<tdtd>ola</td>>ola</td><<tdtd>ola</td>>ola</td><<tdtd>ola</td>>ola</td><<tdtd>ola</td>>ola</td><td rowspan="2">ola</td><td rowspan="2">ola</td>

<</tr/tr>><<trtr>>

<<tdtd>ola</td>>ola</td><<tdtd>ola</td>>ola</td><<tdtd>ola</td>>ola</td><<tdtd>ola</td>>ola</td><<tdtd>ola</td>>ola</td>

<</tr/tr>><<trtr>>

<<tdtd colspan="2"> ola </td> colspan="2"> ola </td><<tdtd colspan="2"> ola </td> colspan="2"> ola </td><<tdtd colspan="2"> ola </td> colspan="2"> ola </td>

<</tr/tr>><</table/table>>

Page 11: Mini-curso de PHP Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva PET COMPUTAÇÃO

►FormulárioFormulário O formulário é um modelo que permite ao usuário entrar com um O formulário é um modelo que permite ao usuário entrar com um

conjunto de dados. A partir disso é que poderemos trabalhar com conjunto de dados. A partir disso é que poderemos trabalhar com scripts, para poder manipular esses dadosscripts, para poder manipular esses dados..

Um formulário é definido pelas tags <Um formulário é definido pelas tags <formform>...</>...</formform>>

Podem conter qualquer formatação – parágrafos, listas, tabelas, Podem conter qualquer formatação – parágrafos, listas, tabelas, imagens – exceto outros formulários.imagens – exceto outros formulários.

► Atributos <form>Atributos <form> ACTIONACTION: URL para a qual o conteúdo do formulário será enviado.: URL para a qual o conteúdo do formulário será enviado. METHODMETHOD: método de envio usado. : método de envio usado.

► GETGET► POSTPOST

<form action=“teste.php” method=“POST”>

Page 12: Mini-curso de PHP Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva PET COMPUTAÇÃO

► InputInput

<<inputinput> é a tag mais usada em formulários> é a tag mais usada em formulários Os atributos mais usados são:Os atributos mais usados são:

► Type: tipo de entradaType: tipo de entrada► Name: associa um nome para ser usado como variável Name: associa um nome para ser usado como variável

em em scriptsscripts

<<formform>>

Login:Login:

<<inputinput type type=“text” =“text” namename=“login”>=“login”>

Senha:Senha:

<<inputinput type type=“password” =“password” namename=“senha”>=“senha”>

<</form/form>>

Page 13: Mini-curso de PHP Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva PET COMPUTAÇÃO

► TYPE:TYPE: TEXT: TEXT: permite a entrada de um texto qualquer (padrão permite a entrada de um texto qualquer (padrão

para o input).para o input). PASSWORDPASSWORD: também permite a entrada de um texto : também permite a entrada de um texto

qualquer, porém este será escondido por asteriscos. qualquer, porém este será escondido por asteriscos. BUTTON: BUTTON: Insere um botão.Insere um botão. RESET: RESET: Insere o botão que restaura as informações iniciais Insere o botão que restaura as informações iniciais

do formuláriodo formulário.. SUBMITSUBMIT: Insere o botão que envia do formulário: Insere o botão que envia do formulário

►Outros atributos para <input>

SIZE: Tamanho do campo. MAXLENGTH: Número máximo de caracteres aceito no

campo de dados (text e password). VALUE: Valor inicial para o campo.

Page 14: Mini-curso de PHP Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva PET COMPUTAÇÃO

► Outros Componentes do FormulárioOutros Componentes do Formulário TEXTAREATEXTAREA: cria uma área para entrada de texto. : cria uma área para entrada de texto.

► ROWS: Número de linhas da área do TEXTAREA.ROWS: Número de linhas da área do TEXTAREA.► COLS: Número de colunas da área do TEXTAREA.COLS: Número de colunas da área do TEXTAREA.

<<TEXTAREATEXTAREA COLSCOLS=40 =40 ROWSROWS=5 =5 NAMENAME="comentario"> Deixe seu ="comentario"> Deixe seu comentário </comentário </TEXTAREATEXTAREA> >

SELECTSELECT► OPTION: As opções de seleção disponíveis. Ex: Teste1, OPTION: As opções de seleção disponíveis. Ex: Teste1,

Teste2.Teste2.

Page 15: Mini-curso de PHP Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva PET COMPUTAÇÃO

► Outros Componentes do FormulárioOutros Componentes do Formulário CHECKBOXCHECKBOX: cria uma checkbox. : cria uma checkbox.

<INPUT TYPE="checkbox" NAME="OPCAO“ VALUE="op2"  <INPUT TYPE="checkbox" NAME="OPCAO“ VALUE="op2"  CHECKEDCHECKED> > opcao2opcao2

RADIORADIO: cria um grupo de radiobuttons.: cria um grupo de radiobuttons.

<INPUT TYPE="radio" NAME="OPCAO" VALUE="op1" <INPUT TYPE="radio" NAME="OPCAO" VALUE="op1" CHECKED> CHECKED> opção1opção1