CRIAO DE PGINAS WEB EM HIPERTEXTO

Formadora Marylise Moreira 2

PLANEAMENTO DE UM SITE

O planeamento de um Web site fundamental quando se quer construir algo com cabea tronco cabea, e membros.

FASE 1 DEFINIR OBJECTIVOS

Para Qu? Qual o propsito ou finalidade do Website?

Uma definio precisa dos objectivos necessria

e til para fundamentar as decises que se tomam quanto sua estrutura contedo e manuteno.

FASE 2 CARACTERIZAR O PBLICO ALVO

Para Quem? A quem se dirige? Para qualquer pessoa em geral, ou para um determinado tipo de utilizador?

FASE 3 IDENTIFICAR OS CONTEDOS A PUBLICAR

O que adequado a publicar? Que informao deve conter?

Devem ter em conta os objectivos definidos, o

pblico-alvo;

Trabalhos

pessoais,

imagens,

contedos

multimdia, ;

FASE 4 IDENTIFICAR OS RECURSOS A UTILIZAR

Que recursos ou meios necessitamos para a construo?

Exemplo: Software de tratamento de imagens

FASE 5 ESTRUTURA GERAL DO WEBSITE

Trata-se de pensar o site em termos globais ou de estrutura (no ainda em relao aos detalhes).

Devemos pensar em fazer um esboo ou esquema das pginas que vo integrar o site; organizar o site por seces; definir relaes ou ligaes entre as pginas - estrutura hierrquica.

Devem ser distribudos por pginas construdas com uma estrutura consistente, isto , com regras de
7

construo, organizao e arrumao semelhantes, para que o acesso informao seja fcil.

FASE 5 ESTRUTURA GERAL DO WEBSITE (CONTINUAO)

Outro cuidado a ter prende-se com uma caracterstica essencial das pginas WEB: as pginas Web no so livros, a sua leitura no linear; Por isso, em cada pgina que compe o site deve poder saber-se: Quem o autor? De que se trata o Site? Como voltar pgina inicial, ou como ir at qualquer outra pgina do site?
8

HIERARQUIA DA INFORMAO - ESTRUTURA DO SITE

A estrutura que ser apresentada no site deve ser dividida em unidades.

Deve ser estabelecida uma hierarquia entre esses blocos de informao, bem como determinar as ligaes entre esses blocos.

EXEMPLO

Index.html Pagina2.html Pagina4.html Pagina5.html Pagina3.html Pagina6.html Pagina9.html

Pagina7.html

Pagina8.html

Reparem na sequncia, a principal (o Index.html) aponta para mais duas pginas e estas pginas vo apontando para outras, inclusive no exemplo a pgina 5 aponta para um arquivo, isso pode ser infinito, voc pode criar quantas pginas apont-las para quantas pginas e arquivos voc quiser.

10

CONSISTNCIA DO SITE

Identidade visual prpria, que se deve manter ao longo de todas as pginas para que o utilizador encontre a informao que procura utilizando os mesmos procedimentos; O Layout de uma pgina com tabelas. As tabelas so compostas por clulas que iro apresentar os dados e organizar texto, imagens e outros objectos;

11

DEFINIR O ASPECTO VISUAL DAS PGINAS - EXEMPLO

12

TER EM ATENO

Destacar o ttulo utilizando formatos maiores, maisculas ou negrito; Aplicar nas listagens marcas e/ou numerao; Identificar claramente os links e a pgina para o destina da hiperligao; No sobrecarregar as pginas com muitas cores, e forma a no distrair o utilizador. Aconselhvel no utilizar mais de trs cores;

13

TER EM ATENO

Escolher uma cor de fundo neutra que garanta legibilidade; O excesso de objectos multimdia sobrecarrega as pginas e torna a navegao lenta e difcil. O tempo de abertura das pginas aumenta com a insero de alguns formatos de ficheiros.

14

IMAGENS, SONS E VDEOS

As imagens devem ser guardadas em formatos adequados s suas caractersticas:

GIF: imagens com poucas cores. JPG ou JPEG fotografias, imagens com tonalidades. WAVE: Ocupa muito espao e torna a pgina lenta. MP3: Ficheiros mais leves.

Os sons:

Os vdeos introduzem muita lentido na visualizao das pginas. Os formatos mais utilizados so:

MPEG: relativamente pouco qualidade. AVI: ocupa muito espao.

pesados

com
15