professor: joão macedo -...

Professor: João Macedo

Criação de páginas Web

O HTML (HyperText Markup Language) é a linguagem mais

utilizada para criar páginas Web com hipertexto.

Utilizando a linguagem HTML podemos criar páginas em

que certos itens (palavras e/ou imagens) contêm uma

ligação (link) a outra zona da mesma página ou a outrosdocumentos.

Programação Páginas Web


Para além do HTML, existem outras linguagens, tais como:

• DHTML (Dynamic HTML) – linguagem de HTML dinâmico,

que inclui recursos interactivos para criar páginas Web.

• Utilizam-se cada vez mais scripts de programação, taiscomo o JavaScript.

• VRML (Virtual Reality Modeling Language) – linguagem

para a modelação de realidade virtual, que permite,

através de elementos geométricos, apresentar ambientes

tridimensionais ou virtuais.




XML (EXtensible Markup Language) – linguagem de

marcação de dados que prevê um formato para descrever

dados estruturados e facilita declarações mais precisas do

conteúdo. Enquanto o HTML permite descrever a aparência

dos dados, o XML permite definir o significado dos dados.




Entretanto com o surgimento de novas necessidades de

interacção com o utilizador, a que as simples e estáticas

páginas HTML não conseguiam responder, surgiram

linguagens que permitem a troca de informação entre ocliente e o servidor onde a informação original está

alojada, como por exemplo, o ASP (Active Server Pages) e

o PHP (Hypertext PreProcessor).




Estas ferramentas permitem a criação de web sites com um

aspecto profissional sem ser necessário dominar nenhumalinguagem de programação. Exemplos:

• Microsoft SharePoint Designer;

• Adobe Dreamweaver;

• Kompozer.


Editores Páginas Web


São programas que tem como objectivo facilitar a

alteração e criação de imagens digitais.Exemplos:

• GIMP;

• CorelDRAW;

• Photoshop.


Editores de imagens e efeitos especiais


• Flash – Software que oferece recursos surpreendentes para

criar web sites apelativos, abrangentes e interactivos. Esta

ferramenta permite criar logótipos com animação e com

controlos direccionáveis para navegação em web sites;

• Ulead GIF animator - É um programa de produção de

imagens animadas (GIF’s animados) desenvolvido pela

ULEAD Systems;

• Ulead Cool 3D – É um software também desenvolvido pela

ULEAD Systems que permite gerar animações

tridimensionais, permitindo incluir nas páginas web, de umaforma muito simples, títulos, logótipos e gráficos animados.

Criação de páginas WebEditores e programas de animação gráfica


Depois de concluído o web site, é necessário colocá-lo na

Internet para que possa ser acedido por muitos utilizadores.Esta operação consiste na colocação de todos os ficheiros

que o constituem num servidor.

O FTP (File Transfer Protocol) é o protocolo utilizado para a

transferência de ficheiros na Internet. Existem diversos

programas que permitem implementar este protocolo,

como o FileZilla e o CuteFTP.

Criação de páginas WebFerramentas e utilitários


Para transferir um site para o servidor, é preciso a

identificação de utilizador e a palavra-passe. O Explorador

do Windows permite a execução de FTP directamente, sem

necessidade de recorrer a outro software específico.

Criação de páginas WebFerramentas e utilitários


Princípios gerais a ter em conta quando se cria uma página

para a Web:

1. A página de entrada: É frequente ser de apresentação

institucional.

2. Fontes: Devem escolher-se fontes como o Arial e o

Verdana para visualizações no ecrã e o Times New

Roman para impressões. Relativamente ao tamanho, os

mais adequados são: 2 (10 pontos) para texto, 3 (12

pontos) para subtítulos e 4 (14 pontos) para títulos.

3. Cores: Deve existir contraste entre o texto e o fundo.Não se deve usar um número excessivo de cores.

Criação de páginas WebCriação de páginas web


4. Imagens: Apresentá-las com o mínimo tamanho (em

bytes) possível. Optimizar a imagem, de preferência nos

formatos JPG, GIF e PNG. Não se deve abusar de GIF’s

animados.5. Vídeo e Áudio: Deve incluir-se sempre o tamanho dos

ficheiros e indicar o plug-in necessário para ver / ouvir /

manipular o ficheiro.



6. Molduras: Usar no caso de haver conteúdos fixos e de

controlo de navegação.

7. Tabelas: As tabelas com bordo 0 (zero) são excelentespara fixar larguras e/ou comprimentos, pelo que devem

ser utilizadas para misturar imagens e texto.



Antes de iniciar a criação de um site para a Web, é

necessário planeá-lo.

• Qual o objectivo da página?

• A quem se dirige?• Que informação deve conter?

• Que recursos gráficos são necessários?

• Que estilo de página é mais adequado?

Criação de páginas WebPlaneamento de um sítio web


professor: joão macedo -...

Documents