Diapositivo 1 - Portal das Escolas

Tecnologias de
Desenvolvimento de
Páginas web
HTML
DHTML
CSS
Visual Basic Script
Javascript
Java
HTML
Hypertext
Markup
Language
HTML – Hypertext Markup Language
Linguagem com a qual se definem as
páginas web. Basicamente trata-se de um
conjunto de etiquetas que servem para definir
a forma na qual se apresentará o texto e
outros elementos da página.
Todas as páginas web são escritas em
HTML… ou, pelo menos, numa estrutura
baseada e compatível com ela.
HTML – Hypertext Markup Language
O HTML é uma versão especial do SGML –
Standard Generalized Markup Language
(usado em grandes companhias para a troca
de dados) que utiliza a noção de hipertexto.
Um documento em hipertexto contém texto
realçado que efectua ligações com outras
páginas. Ao seleccionar este texto, passamos
para uma página distinta que pode estar
armazenada localmente ou em rede.
HTML – Hypertext Markup Language
A sua primeira versão, o HTML 1.0 surgiu no
início dos anos 90. No entanto, a versão não
foi considerada um standard pois não
apresentava inovações relativamente a
alguns desenvolvimentos já feitos na área,
nomeadamente através do primeiro e
popularizado browser Mosaic.
A primeira versão oficial e considerada
standard foi o HTML 2.0.
HTML – Hypertext Markup Language
No entanto, outras versões da linguagem já
surgiram. A mais recente (disponível 2009) é
o HTML 4.1.
http://www.w3.org/TR/html4/
A versão mais recente em HTML, em 2 de
Março de 2011 é o HTML 5
Disponível em http://www.w3.org/TR/html5/ .
O HTML, tal como a Worl Wide Web, foi
criado e desenvolvido por Tim Berners-Lee.
HTML – Hypertext Markup Language
Esta linguagem escreve-se num documento
de texto, pelo que necessitamos de um editor
de textos para escrever uma página web. O
ficheiro de texto terá depois de ter a extensão
.html ou .htm.
DHTML
Dynamic
Hypertext
Markup
Language
DHTML – Dynamic HTML
O DHTML surgiu para colmatar deficiências
do HTML a nível do dinamismo e
interactividade.
É um conjunto de tecnologias que, juntas,
disponibilizam as ferramentas necessárias
para tornar dinâmica a linguagem HTML.
DHTML – Dynamic HTML
As principais tecnologias utilizadas pelo
DHTML são:



HTML;
CSS (Cascading Style Sheets): Conhecidas
como folhas de estilo, essa tecnologia permite
controlar a formatação dos diversos
elementos que compõem uma página web.
- CSS Positioning: Permite a alteração do
posicionamento de um elemento da página
como textos e imagens dinamicamente,
através de uma linguagem client scripting.
DHTML – Dynamic HTML
 Client scripting: Trata-se de um pequeno
programa, que será interpretado pelo browser do
cliente e não no servidor. Algumas linguagens de
scripting que podem ser utilizadas são
JavaScript e VBScript.
 - DOM (Document Object Model): Trata-se do
modelo de objectos (com suas propriedades e
métodos) que são expostos ao programador
DHTML. Através do envio de mensagens a estes
objectos, o programador pode explorar a
interactividade com o usuário.
DHTML – Dynamic HTML
Existem dois tipos de DHTML:
DHTML de cliente;
DHTML de servidor.
O primeiro desenvolve-se tirando partido do
browser do cliente.
O segundo desenvolve-se tirando partido de
software específico do servidor para execução de
scripts.
DHTML – Dynamic HTML
 A programação no cliente serve para muitas
coisas, exemplos disso são efeitos diversos
nas páginas, áudios, vídeos, menus
interactivos, controle e resposta às acções de
um visitante na página, controle sobre os
formulários, etc. Para fazer muitas destas
coisas podemos utilizar diversas linguagens
de programação como Javascript e VBScript,
ou inclusive Flash.
DHTML – Dynamic HTML
 No entanto, está mais próxima a ideia do
DHTML a programação de scripts dentro da
página com as linguagens ao lado do cliente.
Javascript para todos os navegadores e
VBScript para Internet Explorer. Estas
linguagens trabalham integradas com o
navegador e dependem do modelo e da versão
deste.
DHTML – Dynamic HTML
 Existem uma série de linguagens que se
baseiam no servidor para executar seus
scripts. Quando uma página é solicitada por
parte de um cliente, o servidor executa os
scripts e gera uma página resultado, que
envia ao cliente. A página resultado contém
unicamente o código HTML, pelo que pode
ser interpretada por qualquer navegador sem
lugar para erros, independentemente de sua
versão.
DHTML – Dynamic HTML
 Linguagens do lado do servidor são ASP,
desenvolvido pela Microsoft, PHP de código
livre, JSP para programar em Java, ou alguma
outra interface como CGI, que se desenvolve
em linguagens como C ou Perl.
DHTML – Dynamic HTML
Esquema do
funcionamento das
páginas com
scripts do servidor
CSS
Cascading
Style
Sheets
CSS – Cascading Style Sheets
Tecnologia que nos permite criar páginas
web controlando de uma forma mais exacta o
estilo e formatação de múltiplas páginas web
em simultâneo.
As CSS foram criadas para resolver o
problema criado pelo progressivo aumento
de elementos de formatação de um
documento junto ao conteúdo efectivo da
página web.
CSS – Cascading Style Sheets
As CSS permitem poupar muito trabalho já
que para alterar as formatações de uma ou
mais páginas web basta alterar o ficheiro de
CSS.
As CSS podem ser internas (no cabeçalho da
página) ou externas (num ficheiro à parte).
JavaScript
JavaScript
Javascript é uma linguagem de programação
utilizada para criar pequenos programas
encarregues de realizar acções dentro do
âmbito de uma página web.
É uma linguagem do lado cliente que, devido
à sua alta compatibilidade, é uma das mais
usadas.
JavaScript
Com Javascript podemos criar efeitos
especiais nas páginas e definir
interactividades com o utilizador.
É simples e foi pensada para fazer as coisas
com rapidez. É fácil de aprender.
JavaScript
Com Javascript o programador converte-se
no verdadeiro dono e controlador de cada
uma das acções que ocorrem na página
quando esta é visualizada pelo cliente.
VBS
Visual
Basic
Script
VBS – Visual Basic Script
Linguagem de programação de scripts do
lado do cliente, apenas compatível com
Internet Explorer. É por isso que a sua
utilização está desaconselhada a favor do
Javascript.
É baseada no Visual Basic, uma linguagem
popular para criar aplicações Windows. Tanto
a sua sintaxe como a sua forma de trabalhar
são semelhantes.
Java
Java
Linguagem de programação com a qual
podemos realizar qualquer tipo de
programa. Ela é muito extensa e cada vez
tem mais importância no âmbito de Internet
e na informática em geral. Foi desenvolvida
pela Sun Microsystems.
Java
Uma das principais características pelas
quais Java tornou-se tão famosa foi o facto
de ser uma linguagem independente da
plataforma. Isto quer dizer que se fizermos
um programa em Java poderá funcionar em
qualquer computador do mercado.
Isto é possível devido à Máquina de Java
que faz a ponte entre o sistema operativo e
o programa de Java e possibilita que estes
comuniquem perfeitamente.