Programação e Designer para WEB

Tamanho: px

Começar a partir da página:

Download "Programação e Designer para WEB"

Talita Bugalho Franca
10 Há anos
Visualizações:

1 Programação e Designer para WEB PHP Prof. Rodrigo Rocha [email protected] Apresentação Onde Estamos Introdução a hipertexto. A linguagem HTML. Ambientes para programação em HTML. Linguagem de Programação PHP. Conceitos de acessibilidade e usabilidade para Web. 1

com Apresentação Onde Estamos Introdução a hipertexto. A linguagem HTML.

2 Ambiente WEB estático Servidor IIS Apache Cliente Browser IE FireFox Ambiente Web Dinâmico Servidor Web Cliente Navegadores Servidores de BD 2

3 Problema: estático x dinâmico Criar um site em html de revenda de veículos, que mostre a foto do carro e seu valor. E agora, acabou de chegar mais carros???? Como atualizamos este site??? Contratamos um estagiário?!?!?!?!?!? Aplicações web Intranet Extranet Dinâmicas Acesso a banco de dados Precisamos de interação!!! Linguagens Client side Escrita dentro da página html Usuário têm acesso ao código fonte g Ex; javascript e vbscript Server side São processadas no servidor Servidor retorna resultado em forma de página html Usuários não conseguem ver o código fonte 3

!?!?!?!?!? Aplicações web Intranet Extranet Dinâmicas Acesso a banco de dados Precisamos de interação!

4 Windows Web: IIS Linguagem: ASP, ASP.NET Banco de Dados: SQL Server ou outros Linux Web: Apache Linguagem: PHP Banco de Dados: Mysql, Postgre, outros Ambientes Server-Side AMP Apache Mysql PHP LAMP Linux Apache Mysql - PHP Windows Instalação Podemos utilizar conjuntos de programas que rodam do pendrive Exemplo: WOS Linux Instalação do Apache, MySQL e PHP Habilitação dos módulos Testando... <? phpinfo( ) ;?> 4

Postgre, outros Ambientes Server-Side AMP Apache Mysql PHP LAMP Linux Apache Mysql - PHP Windows

5 Onde eu programo PHP? Página deve ter a extensão.php Pode conter códigos html O Código php fica entre as tags <? e?> ou <?php?> Posso ter n tags php dentro do documento html Exemplo: <html> <body> <? echo Eu faço ;?> <font color=blue size=5>anhanguera</font> <? echo!!!!!!!!!!!!! ;?> </body> </html> Comentários // /*. */ Saída de texto na tela Echo print printf Comandos Variáveis Não precisamos declará-las explicitamente O nome da variável é precedida do sinal $ $nome_variável = alguma coisa ; $eh_um_numero = 123; 5

*/ Saída de texto na tela Echo print printf Comandos Variáveis Não precisamos declará-las explicitamente O nome da variável é

6 Estruturas de decisão IF (Se) Switch case (selecione caso) for (para) Estruturas de repetição while (enquanto) do while (repita até) 6

7 Enviando/Recebendo dados Os dados são enviados através de formulários (<form></form>) Podem ser enviados por Get Os dados são mostrados na URL Post Dados são transmitidos sem aparecer na URL Entrada de texto pelo usuário Campos do form (text) Layout 7

dados são mostrados na URL Post Dados são transmitidos sem

8 Campos do form (text area) Entrada de uma grande área de texto Layout Campos do form (password) Entrada de texto com máscara (senha) Layout 8

9 Campos do Form (radio button) Entrada de dados através de escolha de uma opção layout Campos do Form (checkbox) Permite ao usuário escolher várias opções Layout 9

10 Campos do form (select) Escolher uma opção em uma seleção dropdown Layout Campos do form (hidden) Enviar um valor (get/post) sem mostrá-lo na tela (campo escondido) tag 10

11 Campos do form (submit button) Enviar os dados do formulários Layout Dados enviados por post Recebendo dados no PHP $_POST [ nome_variavel_que_veio_por_post"] Posso extrair todos os dados passados por post extract($_post) Mostrando todo o vetor print_r($_post) Dados enviados por get $ GET [ nome variavel que veio por post"] $_GET [ nome_variavel_que_veio_por_post ] Posso extrair todos os dados passados por post extract($_get) Mostrando todo o vetor print_r($_get) 11

todo o vetor print_r($_post) Dados enviados por get $ GET [ nome variavel que veio por post"] $_GET [

12 Bibliografia Livro texto MELO, Alexandre Altair De; NASCIMENTO, Mauricio G.F. PHP PROFISSIONAL : APRENDA A DESENVOLVER SISTEMAS PROFISSIONAIS ORIENTADOS A OBJETOS COM PADRÕES DE PROJETOS. 1ª ed. São Paulo: Novatec, 2007 BUDD, Andy; MOLL, Cameron; COLLISON, Simon. Criando Páginas Web com CSS : Soluções avançadas para padrões WEB.1ª ed. São Paulo: Pearson Education, 2007 ZELDMAN, Jeffrey. Projetando Web Sites Compatíveis. 1.ed. Rio de Janeiro: Campus, Complementar ANSELMO, Fernando. PhP4 e MySQL: maior, melhor e totalmente sem cortes. 1.ed. Florianópolis: Visual Books, NIELSEN, Jakob. Projetando Websites: a prática da simplicidade. 1.ed. Rio de Janeiro: Campus, DAMASCENO, Anielle. Webdesign: teoria e prática. 1.ed. Florianópolis: Visual Books,

Projetando Web Sites Compatíveis. 1.ed. Rio de Janeiro: Campus, 2003. Complementar ANSELMO, Fernando. PhP4 e MySQL: maior, melhor e totalmente sem cortes. 1.ed. Florianópolis: Visual Books, 2002.

Documentos relacionados

Programação e Designer para WEB

Programação e Designer para WEB html Prof. Rodrigo Rocha [email protected] http://www.bolinhabolinha.com Apresentação Onde Estamos Introdução a hipertexto. A linguagem. Ambientes para programação