A apresentação está carregando. Por favor, espere

A apresentação está carregando. Por favor, espere

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

Apresentações semelhantes


Apresentação em tema: "Mini-curso de PHP Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva PET COMPUTAÇÃO."— Transcrição da apresentação:

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

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

3 HTML Hyper Text Markup Language Hyper Text Markup Language Um arquivo html pode ser criado a partir de qualquer editor de texto simples, e sua extensão deve ser.htm ou.html Um arquivo html pode ser criado a partir de qualquer editor de texto simples, e sua extensão deve ser.htm ou.html Sintaxe básica: Sintaxe básica: Um documento html é basicamente formado a partir de tags (etiquetas), que são comandos de formatação da linguagem. Essas tags indicam para o Navegador Web como mostrar a página Todos os elementos podem conter atributos: Todos os elementos podem conter atributos: Exemplo: texto Exemplo: texto

4 Estrutura mínima de uma página HTML: Estrutura mínima de uma página HTML: Título da página Título da página Conteúdo da página

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

6 Tags básicas: Tags básicas: Define a formatação de um texto Define comentário Define uma linha horizontal Insere uma quebra de linha Define parágrafo Define cabeçalho 1 ao 6 a Define o corpo do documento Define um documento HTML

7 Exemplos: Exemplos: parágrafo centralizado quebra de linha parágrafo centralizado quebra de linha fonte arial verde fonte arial verde

8 Imagens em HTML Imagens em HTML 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

9 Tabelas Tabelas As tags... delimitam uma tabela. As tags... delimitam uma tabela. A tabela é dividido em linhas (com a tag ) A tabela é dividido em linhas (com a tag ) Cada linha é dividido em células (com a tag ) Cada linha é dividido em células (com a tag ) Colspan : Junção de células de uma mesma linha Colspan : Junção de células de uma mesma linha Rowspan : Junção de células de uma mesma coluna Rowspan : Junção de células de uma mesma coluna

10 Exemplo: Exemplo: ola ola ola ola ola ola

11 Formulário Formulário O formulário é um modelo que permite ao usuário entrar com um conjunto de dados. A partir disso é que poderemos trabalhar com scripts, para poder manipular esses dados. O formulário é um modelo que permite ao usuário entrar com um conjunto de dados. A partir disso é que poderemos trabalhar com scripts, para poder manipular esses dados. Um formulário é definido pelas tags... Um formulário é definido pelas tags... Podem conter qualquer formatação – parágrafos, listas, tabelas, imagens – exceto outros formulários. Podem conter qualquer formatação – parágrafos, listas, tabelas, imagens – exceto outros formulários. Atributos Atributos ACTION: URL para a qual o conteúdo do formulário será enviado. ACTION: URL para a qual o conteúdo do formulário será enviado. METHOD: método de envio usado. METHOD: método de envio usado. GET GET POST POST

12 Input Input é 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 entrada Type: tipo de entrada Name: associa um nome para ser usado como variável em scripts Name: associa um nome para ser usado como variável em scripts Login: Login: Senha: Senha:

13 TYPE: TYPE: TEXT: permite a entrada de um texto qualquer (padrão para o input). TEXT: permite a entrada de um texto qualquer (padrão para o input). PASSWORD: também permite a entrada de um texto qualquer, porém este será escondido por asteriscos. PASSWORD: também permite a entrada de um texto qualquer, porém este será escondido por asteriscos. BUTTON: Insere um botão. BUTTON: Insere um botão. RESET: Insere o botão que restaura as informações iniciais do formulário. RESET: Insere o botão que restaura as informações iniciais do formulário. SUBMIT: Insere o botão que envia do formulário SUBMIT: Insere o botão que envia do formulário Outros atributos para 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.

14 Outros Componentes do Formulário Outros Componentes do Formulário TEXTAREA: cria uma área para entrada de texto. TEXTAREA: 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. Deixe seu comentário Deixe seu comentário SELECT SELECT OPTION: As opções de seleção disponíveis. Ex: Teste1, Teste2. OPTION: As opções de seleção disponíveis. Ex: Teste1, Teste2.

15 Outros Componentes do Formulário Outros Componentes do Formulário CHECKBOX: cria uma checkbox. CHECKBOX: cria uma checkbox. opcao2 opcao2 RADIO: cria um grupo de radiobuttons. RADIO: cria um grupo de radiobuttons. opção1 opção1


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

Apresentações semelhantes


Anúncios Google