15
POO Programação Orientada a Objeto Conceitor HTML/PHP Professor Jarbas Araújo

Apresentação do PowerPoint · 2017-09-19 · −Agora abra o bloco de notas e digite a estrutura igual a vista acima e ... que normalmente representam um titulo. ... única coisa

  • Upload
    dodan

  • View
    215

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Apresentação do PowerPoint · 2017-09-19 · −Agora abra o bloco de notas e digite a estrutura igual a vista acima e ... que normalmente representam um titulo. ... única coisa

POOProgramação Orientada a Objeto

Conceitor HTML/PHP

Professor Jarbas Araújo

Page 2: Apresentação do PowerPoint · 2017-09-19 · −Agora abra o bloco de notas e digite a estrutura igual a vista acima e ... que normalmente representam um titulo. ... única coisa

http:// O que é preciso para criar uma página html?

− <Para criar uma página HTML são nescessarios:>

− <1º Conhecer a linguagem HTML para escrever o código.>

− <2º Ter um editor de texto para criar o código ex: Bloco de Notas. >

− <3º Um navegador de internet para realizar os testes do código, ex: Chromer, Mozzila, Edge e outros.>

Page 3: Apresentação do PowerPoint · 2017-09-19 · −Agora abra o bloco de notas e digite a estrutura igual a vista acima e ... que normalmente representam um titulo. ... única coisa

http:// Comandos em html

− <Os comandos ou sintaxe como e dito em outras linguagens, em HTML são chamados de TAGS>

− <As TAGS sempre são inseridas entre os sinais (“<“ menor que) , e

− (“>” maior que)>.

− <Geralmente os comandos são feito em pares como o comando que inicia o documento HTML que é a TAG <html> e finaliza com </html>.

− Reparem que no comando que finaliza, temos antes da tag uma barra “/”

− que indica o encerramento daquele comando>

− Mas também temos as TAGS únicas como por exemplo a TAG <br>

Page 4: Apresentação do PowerPoint · 2017-09-19 · −Agora abra o bloco de notas e digite a estrutura igual a vista acima e ... que normalmente representam um titulo. ... única coisa

http:// Estrutura de uma página html

− <html>

− <head>

− <title> </title>

− </head>

− <body>

− </body>

− </html>

Estrutura Principal

Estrutura Cabeçalho

Estrutura Corpo página

Page 5: Apresentação do PowerPoint · 2017-09-19 · −Agora abra o bloco de notas e digite a estrutura igual a vista acima e ... que normalmente representam um titulo. ... única coisa

http:// Criando seu primeiro arquivo

− Crie uma pasta chamada com o nome do seu site exemplo:

− Agora abra o bloco de notas e digite a estrutura igual a vista acima e clique em salvar como o arquivo e nomeio com a extensão .html

Configure o nome do arquivo.html e tipo de arquivo: Todos os arquivos

Page 6: Apresentação do PowerPoint · 2017-09-19 · −Agora abra o bloco de notas e digite a estrutura igual a vista acima e ... que normalmente representam um titulo. ... única coisa

Configurando o nosso Ambiente• Instalar o XAMP

• Instalar o Netbeans para PHP

6

Page 7: Apresentação do PowerPoint · 2017-09-19 · −Agora abra o bloco de notas e digite a estrutura igual a vista acima e ... que normalmente representam um titulo. ... única coisa

Configurando Netbeans

7

Page 8: Apresentação do PowerPoint · 2017-09-19 · −Agora abra o bloco de notas e digite a estrutura igual a vista acima e ... que normalmente representam um titulo. ... única coisa

8

Page 9: Apresentação do PowerPoint · 2017-09-19 · −Agora abra o bloco de notas e digite a estrutura igual a vista acima e ... que normalmente representam um titulo. ... única coisa

9

Page 10: Apresentação do PowerPoint · 2017-09-19 · −Agora abra o bloco de notas e digite a estrutura igual a vista acima e ... que normalmente representam um titulo. ... única coisa

10

Page 11: Apresentação do PowerPoint · 2017-09-19 · −Agora abra o bloco de notas e digite a estrutura igual a vista acima e ... que normalmente representam um titulo. ... única coisa

http:// O que é o PHP

PHP é o acrônimo para Hypertext Preprocessor, algo como pré-processador de hiper texto, umalinguagem de programação muito utilizada principalmente para o desenvolvimento web. Apesar deter a versão PHP-GTK para ambiente desktop. No decorrer de nosso aprendizado focaremosno PHP para desenvolvimento web.

Acrónimo (português europeu) ou acrônimo (português

brasileiro) (do grego: άκρος (ákros), 'extremo'+ ὀνομα (onoma), 'nome' [1]) e sigla, é um vocábuloou uma redução literal de intitulativos baseada nasletras ou sílabas iniciais de cada um ou de algunsdos componentes do intitulativo. Isto é, a palavraformada pela junção das primeiras letras ou ajunção das sílabas iniciais de um grupo de palavra,que normalmente representam um titulo.

O PHP é gratuito? Sim! Para começar o PHP é open source, ou seja, código fonte aberto. Assim para obter o PHP a

única coisa que deve fazer é entrar no site do PHP e fazer o download da versão mais nova. Poiscom a versão mais recente terá novas funcionalidades além de possíveis bugs terem sidocorrigidos.

Page 12: Apresentação do PowerPoint · 2017-09-19 · −Agora abra o bloco de notas e digite a estrutura igual a vista acima e ... que normalmente representam um titulo. ... única coisa

PHP e o HTML

Uma pagina em PHP normalmente possui a extensão .php(dependendo da configuração do servidor Web). No entanto nestas páginas com a extensão .php pode ser inserido normalmente o código HTML que você já esta acostumado a desenvolver. E funcionara da seguinte maneira, sempre que o servidor receber páginas com a extensão .php ele saberá que a linguagem de programação na página, interpretando HTML, e ao encontrar código PHP interpretar os mesmos, Resumindo podemos escrever HTML e PHP em um arquivo .php que tudo será interpretado corretamente.

O PHP, o Server-side e o Client-sideClient-sideÉ tudo processado no lado do cliente. O client-side é interpretado diretamente pelo browser (navegador) do usuário. Sendo assim ao acessar uma página web o HTML, CSS e JavaScript são interpretados todos pelo navegador sem intervenção nenhuma de um servidor. Por isso podemos exibir o código fonte em nosso browser e visualizar o HTML, CSS e o JavaScript.Server-sideO oposto do client-side. Aqui as informações são processadas por um servidor web que interpretara e retornará o resultado que será exibido no browser. Sendo assim não é possível visualizar o código de uma aplicação rodando no Server-side.E o PHP?O PHP é processado no servidor por isso é uma linguagem Server-side. Sendo assim suas aplicações não poderão ser copiadas por outras pessoas. Todos os processos, rotinas e funções serão feitas no servidor e o usuário recebera apenas o resultado em seu browser.

Page 13: Apresentação do PowerPoint · 2017-09-19 · −Agora abra o bloco de notas e digite a estrutura igual a vista acima e ... que normalmente representam um titulo. ... única coisa

http:// O que podemos fazer com o PHP

• Interação com usuário

• Primeiramente transformação de sites estáticos, que não possuem nenhum tipo de interação, em sites dinâmicos, com maior possibilidade de interação e dinamismo.

• Facilidade na manutenção

• Para alterarmos um menu, em vez de ir copiando e colocando o código em todas as paginas do site, você alteraria somente um arquivo e ele atualizaria as outras páginas automaticamente.

• PHP e o banco de dados

• O PHP possui acesso a diversos bancos de dados, como os mais utilizados que é o MySQL.

• Exemplo de aplicações que podemos desenvolver com o PHP

• Com o PHP podemos desenvolver coisas como áreas restritas que necessitem de autenticação, sistemas de comentários para artigos, noticias etc. Envio de emails, sistemas de noticias, lojas virtuais, redes sociais e qualquer outra coisa que você possa imaginar.Uma aplicação web de grande porte que foi desenvolvida em PHP, foi a Wikipédia. Nela você encontra várias coisas como o sistema de autenticação, publicação e edição de artigos, upload de fotos entre outros.

Page 14: Apresentação do PowerPoint · 2017-09-19 · −Agora abra o bloco de notas e digite a estrutura igual a vista acima e ... que normalmente representam um titulo. ... única coisa

O código HTML deve ser como mostrado a seguir:<html><head><title>Minha primeira página PHP</title>

</head><body>

</body></html>

Page 15: Apresentação do PowerPoint · 2017-09-19 · −Agora abra o bloco de notas e digite a estrutura igual a vista acima e ... que normalmente representam um titulo. ... única coisa

Acrescente o seguinte código na sua marcação HTML:

<html>

<head>

<title>Minha primeira página PHP</title>

</head>

<body>

<?php

echo "<h1>Hello World!</h1>";

?>

</body>

</html>

Vimos que o PHP destina-se a escrever comandos para o servidor.Vamos escrever um comando para o servidor então, lembrando a extensão do arquivo e .php agora e não .html.Primeiramente devemos dizer ao servidor onde PHP começa e onde termina. Para isso usamos as tags <?php e ?> respectivamente, para marcar o início e o fim do código a ser executado pelo servidor (na maioria dos servidores é suficiente escrever <? para tag de início, contudo <?php á a maneira mais correta e recomendada de se escrever a tag de início do PHP). A função echo é a instrução que envia para a saída qualquer informação, podendo conter texto, números ou variáveis.