Upload
susana-oliveira
View
1.429
Download
3
Embed Size (px)
DESCRIPTION
Introdução ao HTML.
Citation preview
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
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 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
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
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
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
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;
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
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