Introdução ao desenvolvimento de páginas web estáticas

2.794 visualizações

Publicada em

Introdução ao HTML.

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

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

Nenhuma nota no slide

Introdução ao desenvolvimento de páginas web estáticas

  1. 1. DESENVOLVIMENTO DE PÁGINAS WEB ESTÁTICAS REDES DE COMUNICAÇÃO FORMADORA: SUSANA OLIVEIRA Aula 1 CP Técnico de Gestão e Programação de Sistemas Informáticos Agrupamento de Escolas de Carvalhos
  2. 2. WWW  World Wide Web ou Web  Sistema de divulgação de informação à escala planetária que recorre ao hipertexto e hipermédia.  Hipertexto  Documento que contém ligações para outras partes do mesmo ou de outro documento.  Hipermédia  Para além do texto contém também imagens, sons, vídeo, etc. 2
  3. 3. HTML  Hypertext Markup Language  Linguagem dos documentos da web  Código baseado em “marcas” ou etiquetas (tags em inglês)  A forma mais primária de criar páginas web é escrever directamente em código HTML  Existem também programas específicos de criação de páginas <html> <head> <title> Título da página </title> </head> <body> Conteúdo da página </body> Estrutura básica de </html> um documento HTML 3
  4. 4. Web Browser  Um web browser tem a função de interpretar os códigos HTML de um web site e, a partir daí, dar forma às páginas web. 4
  5. 5. Funcionamento do sistema www  Servidor WWW  Páginas HTML  Responde aos pedidos  Cliente WWW  Browser  Faz pedidos 5
  6. 6. Funcionamento do sistema www 1. O cliente envia um pedido de um documento HTML a um servidor, através do envio par a rede de um endereço URL (Universal Resource Locator); 2. O pedido é canalizado pela Internet até ao servidor indicado no endereço; 3. O servidor recebe o pedido e procura a página indicada (no caso de esta não ser indicada, é aberta a página principal ou Home Page do servidor); 4. Em seguida a página correspondente à resposta é enviada para a internet; 5. A página é conduzida até ao computador que fez o pedido e é colocada na memória. 6. O browser abre a página recebida. 6
  7. 7. Dinamismo Página web estática Página web dinâmica  É um documento HTML que se limita a apresentar determinados conteúdos fixos e sempre iguais.  É um documento em HTML que, para além de conteúdos fixos, exibe também elementos que se modificam (animação, vídeo) e, eventualmente, formas de interacção com o utilizador. 7
  8. 8. Interacção Lado do cliente Lado do servidor  A resposta é processada do lado do cliente (web browser);  Por exemplo passar o rato por uma zona da página que faz aparecer uma mensagem ou uma imagem que já estava prevista no código enviado.  A resposta tem de ser elaborada antes de ser enviada ao cliente;  Por exemplo a consulta de uma base de dados. 8
  9. 9. Programação para Web Destinada a ser processada do lado do cliente, ou seja pelo web browser Destinada a ser processada do lado do servidor (web server)  Javascript  Linguagem de programação de scripts derivada do Java;  Applets de Java  Pequenas aplicações em Java para correrem nos browsers;  VBScript  Linguagem de programação de scripts derivada da linguagem Visual Basic.  Componentes ActiveX  Tecnologia da Microsoft para criar elementos que podem ser integrados em páginas web e outras aplicações.  CGI (Common Gateway Interface)  Scripts em C, Perl, etc. (tecnologia aberta e gratuita);  Servlets de Java  Aplicações em Java para correrem nos servidores;  JSP (Java Server Pages)  Scripts em Java para os servidores (ambas das Sun Microsystems)  ASP (Active Server Pages)  Scripts em VBScript para correrem nos servidores (IIS) (uma tecnologia da Microsoft).  PHP  Scripts em PHP para correrem nos servidores (Apache) (uma tecnologia de 9 código aberto e com distribuição gratuita).
  10. 10. Programação para Web Destinada a ser processada do lado do cliente, ou seja pelo web browser Destinada a ser processada do lado do servidor (web server)  Javascript  Applets de Java  VBScript  Componentes ActiveX  CGI (Common Gateway Interface)  Servlets de Java  JSP (Java Server Pages)  ASP (Active Server Pages)  PHP 10
  11. 11. Execução dos scripts processados nos clientes  É da responsabilidade do web browser processar o script. 11  Activar /desactivar a execução de Javascript
  12. 12. Execução dos scripts processados nos servidores  Quando um cliente (web browser) está em comunicação com um servidor pode ocorrer uma interacção que faça accionar um script do lado do servidor, por exemplo, um pedido de execução de um programa ou acesso a uma base de dados, etc.  Esse script em causa é interpretado por software instalado no servidor e é mandada executar a acção requerida (execução de um programa ou uma ligação a uma base de dados, etc.)  Se essa acção for bem sucedida, o servidor web compõe um documento HTML com dados recolhidos para enviar ao cliente web browser. 12
  13. 13. Principais tecnologias de programação web  Java  Permite aplicações independentes da plataforma computacional;  Derivações: Applets, Javascript, Servlets, JSP;  Tecnologia da Sun Microsystems;  ASP (Active Server Pages)  VBScript;  Resposta da Microsoft à tecnologia Java;  PHP (1995 -Personal Home Pages / Actualmente - PHP Hypertext Preprocesor)  Boa concepção, eficiência e relativa facilidade de uso;  Distribuição gratuita;  Excelente capacidade de articulação com:  Servidores Web – Apache (distribuição gratuita) e o IIS (Internet Information Server) comercializado pela Microsoft;  Sistemas de gestão de bases de dados de distribuição gratuita, como o MySQL e também outras de natureza comercial;  O trio PHP, Apache e MySQL constitui actualmente uma das combinações tecnológicas mais popularizadas para a criação de web sites com acesso a bases de dados. 13
  14. 14. Diferenças entre o Javascript e o Java Javascript Java  Código integrado na página HTML.  Código interpretado pelo browser no momento da execução.  Códigos de programação simples mas para aplicações limitadas.  Permite aceder aos objectos do browser.  Confidencialidade do código é nula (Código é visível).  Modulo (Applet) distinto da página HTML.  O código é compilado antes da sua execução.  Linguagem de programação muito mais complexa e mas mais poderosa.  Não tem acesso aos objectos do browser.  Segurança (Código compilado). 14

×