14
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

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

Embed Size (px)

DESCRIPTION

Introdução ao HTML.

Citation preview

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

DESENVOLVIMENTO DE PÁGINAS WEB ESTÁTICASREDES 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

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

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

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

HTML

Hypertext MarkupLanguage Linguagem dos documentos

da web

Código baseado em “marcas” ou etiquetas (tagsem 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>

</html>Estrutura básica de

um documento

HTML

3

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

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

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

Funcionamento do sistema www

Servidor WWW

Páginas HTML

Responde aos

pedidos

Cliente WWW

Browser

Faz pedidos

5

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

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

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

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

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

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

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

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

código aberto e com distribuição gratuita).9

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

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

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

Execução dos scripts processados nos

clientes

É da responsabilidade do web browser processar o

script.

11

Activar /desactivar a execução de

Javascript

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

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

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

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

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

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