Introdução a programação para a Internet

1.636 visualizações

Publicada em

Slides do curso técnico de informática do IFPE - Campus Garanhuns. Disciplina de linguagens de programação para a web. Apresenta uma introdução sobre o desenvolvimento para esta área e introduz o HTML.

Publicada em: Educação
0 comentários
2 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
1.636
No SlideShare
0
A partir de incorporações
0
Número de incorporações
1
Ações
Compartilhamentos
0
Downloads
90
Comentários
0
Gostaram
2
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Introdução a programação para a Internet

  1. 1. Campus Garanhuns
  2. 2. ARQUITETURA DA WEB• A arquitetura da web utiliza o modelo cliente-servidor: • Servidor web: recebe pedidos e devolve informações • Cliente web: elemento que faz requisição a um servidor web e recebe uma resposta de volta
  3. 3. ARQUITETURA DA WEB Browser Internet A comunicação entre cliente e servidor na web é feita utilizando o protocolo HTTP
  4. 4. HTTP – O QUE É?• HTTP = Hypertext Transfer Protocol • O protocolo principal da web • O protocolo usado para comunicação entre os browsers e os servidores • Permite a transferência de informações multimídia: texto, imagens e sons • Não mantém estado: cada nova requisição precisa abrir outra conexão
  5. 5. CONCEITO DE URL• Termo usado para identificar/localizar recursos de maneira única e uniforme• Especifica tanto o servidor como o recurso que está sendo requisitado• Browser especifica a url (servidor+recurso) e recebe o recurso como resposta http://www.jarley.com/index.html servidor recurso
  6. 6. INTERAÇÃO BROWSER - SERVIDOR• Cenário de uso 1.Usuário especifica a URL 2.Browser conecta com o servidor especificado na URL 3.Browser prepara e envia o pedido HTTP 4.Servidor busca recurso identificado pela URL 5.Servidor prepara resposta HTTP com o recurso e faz o envio 6.Browser processa a resposta e exibe o recurso solicitado 7.Browser verifica tags e repete o processo para outros recursos especificados (ex.: figuras em uma página HTML)
  7. 7. PÁGINAS HTML• Linguagem utilizada para descrever páginas WEB• Não é uma linguagem de programação, mas uma linguagem de marcação• Atualmente é um padrão coordenado pelo W3C (World Wide Web Consortium)
  8. 8. SISTEMAS DESKTOP• Primeiros sistemas eram desktop: • Falta de suporte de infraestrutura de rede • Pessoal da organização alocado em um único local • Não havia suporte por parte das linguagens de programação para esse tipo de servidor
  9. 9. SISTEMAS WEB• Aumentou a necessidade em utilizar os sistemas na web: • Crescimento das empresas (demanda global e multi-escritórios) • Facilidade de manutenção • Possibilidade para ser acessado em qualquer local • Redução de processamento no cliente
  10. 10. COMPUTAÇÃO NA NUVEM• Termo usado para designar aplicativos dependentes da Internet• Tendência natural para as aplicações
  11. 11. PROGRAMAÇÃO PARA WEB• Linguagens de programação para web • Java • PHP • Python • Ruby
  12. 12. PROGRAMAÇÃO PARA WEB• Preparo de uma infraestrutura no servidor • Instalação do suporte a linguagem a ser desenvolvida • Preparo do banco de dados • Disponibilizar através de um servidor WEB • Apache • Tomcat • JBoss
  13. 13. MAS, ONDE ENTRA O HTML?• Visualização da página é feita em HTML (cliente)• Pode-se usar código de programação nessa visualização e ele será convertido para HTML• Lógica do negócio é processado no lado servidor
  14. 14. PÁGINA ESTÁTICA VS PÁGINA DINÂMICA• Página estática: • Página que não muda o conteúdo • Mais usada na visualização de informação • Pode ser feita utilizando somente HTML e CSS• Página dinâmica • Capaz de alterar seu comportamento dependendo de alguma situação • Depende de uma linguagem de programação para implementar o algoritmo
  15. 15. COMO DISPONIBILIZAR A APLICAÇÃO?• Hospedagem em um servidor web• Registro de um domínio
  16. 16. A LINGUAGEM HTML• Representação visual para páginas web• Formada por tags similares às tags XML • <tag>conteúdo</tag>• Exemplo: • <b>texto em negrito</b>
  17. 17. ESTRUTURA DE UMA PÁGINA HTML• Tags: • <html> • <head> • <body>Lista de tags:http://www.truquesedicas.com/tutoriais/html/00007a.htm
  18. 18. TAG <HEAD>• <title> - Usada para determinar o título da página e será exibido no topo da aplicação• <style> - Determina parâmetros de estilo CSS a serem aplicados na página• <script> - Scripts em javascript a serem utilizados na página• <meta> - Informações usadas para descrever a página
  19. 19. TAGS HTML PARA TEXTOS• Cabeçalhos: • <h1> <h2> <h3> <h4> <h5>• Estilos: • <b> texto em negrito </b> • <i> texto em itálico </i> • Texto <sup> acima </sup> • Texto <sub> abaixo </sub> • Texto <small> menor </small>• Combinação de tags
  20. 20. TAGS HTML PARA ESTILOS EM TEXTOS• <b> texto em negrito </b>• <i> texto em itálico </i>• Texto <sup> acima </sup>• Texto <sub> abaixo </sub>• Texto <small> menor </small>
  21. 21. PARÁGRAFO E QUEBRA DE LINHA• Utilização de parágrafo em HTML: • <p> Texto dentro do parágrafo </p>• Quebra de linha em textos: • Texto em uma linha <br /> Textro em outra linha
  22. 22. EXERCÍCIO

×