WebSites Dinâmicos Professor: Márcio Ferreira da Silva

2 Apresentação da Disciplina Datas das aulas: Segunda: Noite: 18:50 às 22:40 Intervalo: 20:40 às 20:50 Terça: Noite: 20:50 às 22:40

3 Apresentação da Disciplina Ementa: Nesta disciplina serão apresentados os conceitos básicos de PHP, fornecendo embasamento teórico e principalmente prático.

4 Apresentação da Disciplina Objetivos: Dar uma visão geral de HTML Dar uma visão introdutória da linguagem PHP (IO,Banco de Dados) Dar uma visão dos princípios básicos de funcionamento de um servidor web Dar uma visão geral sobre Banco de Dados.

5 Apresentação da Disciplina Objetivo: Tornar cada um capaz de fazer as seguintes aplicações: Fotolog Guest Book Site de Comércio Eletrônico Site de pesquisa Características comuns: Conteúdo dinâmico; Uma base de dados normalmente está envolvida;

6 Apresentação da Disciplina Cronograma: 1ª Aula: Apresentação Pessoal Apresentação da Disciplina Introdução ao HTML Exercícios Práticos

7 Apresentação da Disciplina 2ª Aula (Continuação): Introdução ao PHP Relação do HTML com o PHP Vantagens e desvantagens do PHP

8 Apresentação da Disciplina Método de Avaliação Todas as provas e trabalhos serão avaliados com pontuação que variam de 0 (zero) à 10 (dez) pontos. Será aprovado o aluno que obtiver: MF igual ou superior à 7 pontos em todas as competências.

9 Apresentação da Disciplina Bibliografia: NIEDERAUER, Juliano. Desenvolvendo websites com PHP. São Paulo: Editora Novatec, FERNANDES, Anselmo. PHP4 e MySQL maior, melhor e totalmente sem cortes. Florianópolis: Editora Visual Books, 2000.

10 Introdução ao HTML Padrão de linguagem para transmissão de informações. HTML – Hyper Text Markup Language ou Linguagem de Formatação de Textos.

11 Introdução ao HTML Com HTML pode-se transmitir textos on-line com: Cabeçalhos Textos Tabelas Listas Fotos Links para outros documentos.

12 Introdução ao HTML Arquivos com extensão:.html.htm Arquivos textos formatados em um padrão. Esse padrão usa tags para informar o que está querendo ser transmitido. Basicamente um arquivo HTML é formado por um conjunto de tags.

13 Introdução ao HTML Principais Tags: : Define o inicio de um documento HTML e indica ao navegador que todo o conteúdo posterior deve ser tratado como uma série de códigos HTML. : Define o cabeçalho de um documento HTML. Este cabeçalho traz as informações sobre este documento que está sendo aberto.

14 Introdução ao HTML : Define o título da página, que será exibido na barra de títulos do browser. : Define o conteúdo principal, o corpo do documento. Esta é a parte do documento HTML que é exibida no navegador. A área de publicação. No corpo podem-se definir propriedades comuns a toda a página, como cor de fundo, margens e outras formatações.

15 Introdução ao HTML Título do Browser Olá mundo

16 Introdução ao HTML : hiperlink para uma página ou um endereço de . Use href=“ ”

17 Introdução ao HTML Título do Browser Home Google

18 Introdução ao HTML,,..., : cabeçalhos e títulos no documento em diversos tamanhos. : novo parágrafo. : quebra de linha. : forma um texto (fonte, cor e tamanho) de um trecho do texto.

19 Introdução ao HTML

20 Introdução ao HTML : coloca o texto em negrito. : coloca o texto em itálico. : coloca o texto riscado. : coloca o texto sublinhado.

21 Introdução ao HTML Título do Navegador Título 1 Título 2 Título 3 Título 4 Título 5 Título 6 teste do primeiro parágrafo teste do segundo parágrafo teste do terceiro parágrafo com quebra de linha. Teste de fonte texto em negrito texto em itálico texto riscado texto sublinhado

22 Introdução ao HTML : coloca uma imagem na página.

23 Introdução ao HTML An OCR image: A delete image:

24 Introdução ao HTML : caixa de texto (com mais de uma linha). : define um campo para ser preenchido. : cria um formulário para os dados que serão transferidos dessa página para outra.

25 Introdução ao HTML Este exemplo possui um textarea com um texto prédefinido. O cachorro está brincando no jardim.

26 Introdução ao HTML Coloque seu primeiro nome: Coloque seu último nome: Se você apertar no botão submit, a página irá se redirecionada à página "form_action.php".

27 Introdução ao HTML : define uma lista de possíveis escolhas, ou uma lista de valores. A tag define quais serão esses elementos. : define um novo botão. Click Me!

28 Introdução ao HTML Volvo Peugeot Fiat Audi

29 Introdução ao HTML : cria uma tabela (linhas são criadas com e novas células com ).

30 Introdução ao HTML Uma coluna: 100 Duas linhas e três colunas:

31 Introdução ao HTML : define a divisão da página em sub-páginas(“quadros”).

32 Introdução ao HTML

33 Introdução ao HTML : Frame interior (váildo apenas para IE 4.x ; Netspace 6; Opera 5, ou superior).

34 Introdução ao HTML : é usado para agrupar um ou mais elementos nível de bloco. Texto com alinhamento ao centro

35 Introdução ao HTML Link interessante: