programação web prof. esp. marcelo mendes. programação período: 15/03/2013 a 26/04/2013 ch: 120...
TRANSCRIPT
![Page 1: Programação Web Prof. Esp. Marcelo Mendes. Programação Período: 15/03/2013 a 26/04/2013 CH: 120 horas Avaliações: 4 Conteúdo:](https://reader036.vdocuments.mx/reader036/viewer/2022062404/552fc111497959413d8c6226/html5/thumbnails/1.jpg)
Programação Web
Prof. Esp. Marcelo Mendes
![Page 2: Programação Web Prof. Esp. Marcelo Mendes. Programação Período: 15/03/2013 a 26/04/2013 CH: 120 horas Avaliações: 4 Conteúdo:](https://reader036.vdocuments.mx/reader036/viewer/2022062404/552fc111497959413d8c6226/html5/thumbnails/2.jpg)
Programação
Período: 15/03/2013 a 26/04/2013CH: 120 horasAvaliações: 4Conteúdo: www.mrmsistemas.com.br/mendes
![Page 3: Programação Web Prof. Esp. Marcelo Mendes. Programação Período: 15/03/2013 a 26/04/2013 CH: 120 horas Avaliações: 4 Conteúdo:](https://reader036.vdocuments.mx/reader036/viewer/2022062404/552fc111497959413d8c6226/html5/thumbnails/3.jpg)
Ambiente de Programação
FUCAPI:Na unidade H criar a pasta public_html e salvar nesta
pasta os arquivos .html e .php
Acesso: http://172.19.244.4/~suamatricula/nomepasta
LAPTOP:Na unidade C já deve ter a pasta public_html, salvar
nesta pasta os arquivos .html e .phpAcesso: http://localhost/nomepasta
![Page 4: Programação Web Prof. Esp. Marcelo Mendes. Programação Período: 15/03/2013 a 26/04/2013 CH: 120 horas Avaliações: 4 Conteúdo:](https://reader036.vdocuments.mx/reader036/viewer/2022062404/552fc111497959413d8c6226/html5/thumbnails/4.jpg)
Tópicos abordados Mundo Web Processos de software Cenário de desenvolvimento Linguagens HTML Padrões W3C Linguagem Javascript Linguagem PHP Banco de Dados Postgres Modelagem do banco - DBDesigner Manutenção do software
![Page 5: Programação Web Prof. Esp. Marcelo Mendes. Programação Período: 15/03/2013 a 26/04/2013 CH: 120 horas Avaliações: 4 Conteúdo:](https://reader036.vdocuments.mx/reader036/viewer/2022062404/552fc111497959413d8c6226/html5/thumbnails/5.jpg)
Linguagem HTML
HTML – Hyper Text Markup Language Desenvolvida por Tim Berners-Lee
Durante década de 90Conhecida através do browser Mosaic(NCSA)
Linguagem entendida mundialmente Interpretada por browser’s (navegadores)
![Page 6: Programação Web Prof. Esp. Marcelo Mendes. Programação Período: 15/03/2013 a 26/04/2013 CH: 120 horas Avaliações: 4 Conteúdo:](https://reader036.vdocuments.mx/reader036/viewer/2022062404/552fc111497959413d8c6226/html5/thumbnails/6.jpg)
Linguagem HTML
Facilidade na codificação Facilidade na formatação Essencial em um sistema web Requer padronização Compatibilidade com navegadores
![Page 7: Programação Web Prof. Esp. Marcelo Mendes. Programação Período: 15/03/2013 a 26/04/2013 CH: 120 horas Avaliações: 4 Conteúdo:](https://reader036.vdocuments.mx/reader036/viewer/2022062404/552fc111497959413d8c6226/html5/thumbnails/7.jpg)
Linguagem XHTML e Padrões W3C
XHTML e W3C – Padronização de tags W3C – Comitê de validação Tags em letras minúsculas Atualizar tags obsoletas Especificar tipo de documento html
![Page 8: Programação Web Prof. Esp. Marcelo Mendes. Programação Período: 15/03/2013 a 26/04/2013 CH: 120 horas Avaliações: 4 Conteúdo:](https://reader036.vdocuments.mx/reader036/viewer/2022062404/552fc111497959413d8c6226/html5/thumbnails/8.jpg)
ExemplosErrado:<DIV><P>Aqui um texto</P></DIV> Certo:<div><p>Aqui um texto</p></div>
Errado:<div><i><p>Aqui um texto negrito</i></p></div>Certo:<div><i><p>Aqui um texto negrito</p></i></div>
Errado:<p>Um parágrafo.<p>Outro parágrafo.Certo:<p>Um parágrafo.</p><p>Outro parágrafo.</p>
![Page 9: Programação Web Prof. Esp. Marcelo Mendes. Programação Período: 15/03/2013 a 26/04/2013 CH: 120 horas Avaliações: 4 Conteúdo:](https://reader036.vdocuments.mx/reader036/viewer/2022062404/552fc111497959413d8c6226/html5/thumbnails/9.jpg)
Estrutura de uma página validada pelo W3C
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>Página Exemplo</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head><body><b><font color=“blue" size="3" face="Verdana">Olá Mundo!</font></b><br><img src="imagens/w3cxhtml.bmp" title=“Comitê W3C"> </body></html>
![Page 10: Programação Web Prof. Esp. Marcelo Mendes. Programação Período: 15/03/2013 a 26/04/2013 CH: 120 horas Avaliações: 4 Conteúdo:](https://reader036.vdocuments.mx/reader036/viewer/2022062404/552fc111497959413d8c6226/html5/thumbnails/10.jpg)
![Page 11: Programação Web Prof. Esp. Marcelo Mendes. Programação Período: 15/03/2013 a 26/04/2013 CH: 120 horas Avaliações: 4 Conteúdo:](https://reader036.vdocuments.mx/reader036/viewer/2022062404/552fc111497959413d8c6226/html5/thumbnails/11.jpg)
Linguagem JavaScript
Executada no cliente Não protege o código fonte Executada pelo navegador Incompatibilidade com navegadores Bastante utilizada para efeito visuais Utilizada em checagem de formulários
![Page 12: Programação Web Prof. Esp. Marcelo Mendes. Programação Período: 15/03/2013 a 26/04/2013 CH: 120 horas Avaliações: 4 Conteúdo:](https://reader036.vdocuments.mx/reader036/viewer/2022062404/552fc111497959413d8c6226/html5/thumbnails/12.jpg)
Exemplo de JS
![Page 13: Programação Web Prof. Esp. Marcelo Mendes. Programação Período: 15/03/2013 a 26/04/2013 CH: 120 horas Avaliações: 4 Conteúdo:](https://reader036.vdocuments.mx/reader036/viewer/2022062404/552fc111497959413d8c6226/html5/thumbnails/13.jpg)
Código fonte JavaScript
![Page 14: Programação Web Prof. Esp. Marcelo Mendes. Programação Período: 15/03/2013 a 26/04/2013 CH: 120 horas Avaliações: 4 Conteúdo:](https://reader036.vdocuments.mx/reader036/viewer/2022062404/552fc111497959413d8c6226/html5/thumbnails/14.jpg)
Linguagem PHP
Breve histórico da linguagem Personal Home Page Tools – PHP Hipertext Preprocessador – PHP Software livre Independência de Sistema Operacional Código fonte somente no servidor Trabalha em conjunto com html (form’s)
![Page 15: Programação Web Prof. Esp. Marcelo Mendes. Programação Período: 15/03/2013 a 26/04/2013 CH: 120 horas Avaliações: 4 Conteúdo:](https://reader036.vdocuments.mx/reader036/viewer/2022062404/552fc111497959413d8c6226/html5/thumbnails/15.jpg)
Linguagem PHP
Permite mesclagem de HTML+PHP Versão 5 POO – Programação Orientada a Objetos Concorrente da Linguagem JAVA (JEE) Tem suporte a maioria dos banco de dados
![Page 16: Programação Web Prof. Esp. Marcelo Mendes. Programação Período: 15/03/2013 a 26/04/2013 CH: 120 horas Avaliações: 4 Conteúdo:](https://reader036.vdocuments.mx/reader036/viewer/2022062404/552fc111497959413d8c6226/html5/thumbnails/16.jpg)
Características
Independência de servidor web Case sensitive Identifica dinamicamente os tipos de variáveis Segurança Rápido Flexível na configuração (warnings e erros) Não necessita de instalação no cliente
![Page 17: Programação Web Prof. Esp. Marcelo Mendes. Programação Período: 15/03/2013 a 26/04/2013 CH: 120 horas Avaliações: 4 Conteúdo:](https://reader036.vdocuments.mx/reader036/viewer/2022062404/552fc111497959413d8c6226/html5/thumbnails/17.jpg)
Exemplos
![Page 18: Programação Web Prof. Esp. Marcelo Mendes. Programação Período: 15/03/2013 a 26/04/2013 CH: 120 horas Avaliações: 4 Conteúdo:](https://reader036.vdocuments.mx/reader036/viewer/2022062404/552fc111497959413d8c6226/html5/thumbnails/18.jpg)
Resultado no browser
![Page 19: Programação Web Prof. Esp. Marcelo Mendes. Programação Período: 15/03/2013 a 26/04/2013 CH: 120 horas Avaliações: 4 Conteúdo:](https://reader036.vdocuments.mx/reader036/viewer/2022062404/552fc111497959413d8c6226/html5/thumbnails/19.jpg)
Banco de dados MySQL
Software Livre Independência de Sistema Operacional Facilidade na instalação e configuração Rápido, leve e robusto Suporta Integridade Relacional Versão 5 Estored Procedures Ferramenta PhpMyAdmin
![Page 20: Programação Web Prof. Esp. Marcelo Mendes. Programação Período: 15/03/2013 a 26/04/2013 CH: 120 horas Avaliações: 4 Conteúdo:](https://reader036.vdocuments.mx/reader036/viewer/2022062404/552fc111497959413d8c6226/html5/thumbnails/20.jpg)
Ferramenta desenvolvida em PHP
![Page 21: Programação Web Prof. Esp. Marcelo Mendes. Programação Período: 15/03/2013 a 26/04/2013 CH: 120 horas Avaliações: 4 Conteúdo:](https://reader036.vdocuments.mx/reader036/viewer/2022062404/552fc111497959413d8c6226/html5/thumbnails/21.jpg)
Modelagem do banco
Artefato importante na documentação Feita pelo arquiteto Facilita na programação Ferramenta DBDesigner Software livre Disponível para Linux e Windows
![Page 22: Programação Web Prof. Esp. Marcelo Mendes. Programação Período: 15/03/2013 a 26/04/2013 CH: 120 horas Avaliações: 4 Conteúdo:](https://reader036.vdocuments.mx/reader036/viewer/2022062404/552fc111497959413d8c6226/html5/thumbnails/22.jpg)
![Page 23: Programação Web Prof. Esp. Marcelo Mendes. Programação Período: 15/03/2013 a 26/04/2013 CH: 120 horas Avaliações: 4 Conteúdo:](https://reader036.vdocuments.mx/reader036/viewer/2022062404/552fc111497959413d8c6226/html5/thumbnails/23.jpg)
![Page 24: Programação Web Prof. Esp. Marcelo Mendes. Programação Período: 15/03/2013 a 26/04/2013 CH: 120 horas Avaliações: 4 Conteúdo:](https://reader036.vdocuments.mx/reader036/viewer/2022062404/552fc111497959413d8c6226/html5/thumbnails/24.jpg)
Manutenção do Sistema
Equipe Independente Atualizações futuras Layout de relatórios Inclusão de novos campos Alterações nas regras de negócios da empresa Aprimoramento do sistema
![Page 25: Programação Web Prof. Esp. Marcelo Mendes. Programação Período: 15/03/2013 a 26/04/2013 CH: 120 horas Avaliações: 4 Conteúdo:](https://reader036.vdocuments.mx/reader036/viewer/2022062404/552fc111497959413d8c6226/html5/thumbnails/25.jpg)
Fim !
Agora vamos iniciar pelo
HTML