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

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

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

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

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

Funcionamento do sistema www
 Servidor WWW
 Páginas HTML
 Responde aos
pedidos
 Cliente WWW
 Browser
 Faz pedidos
5

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

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

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

Programação para Web
Destinada a ser processada do
lado do cliente, ou seja pelo
web browser
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).

Programação para Web
lado do cliente, ou seja pelo
web browser
lado do servidor (web server)
 Javascript
 Applets de Java
 VBScript
 Componentes ActiveX
 CGI (Common Gateway Interface)
 Servlets de Java
 JSP (Java Server Pages)
 PHP
10

Execução dos scripts processados nos
clientes
 É da responsabilidade do web browser processar o
script.
11
 Activar /desactivar a execução de
Javascript

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

Principais tecnologias de programação web
 Java
 Permite aplicações independentes da plataforma computacional;
 Derivações: Applets, Javascript, Servlets, JSP;
 Tecnologia da Sun Microsystems;
 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

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

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

Mais conteúdo relacionado

Mais procurados

Destaque

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

Mais de Susana Oliveira

Último

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