Formador J Jos Calado

CRIAO DE PGINAS WEB EM HIPERTEXTO

PLANEAMENTO DE UM SITE

O planeamento de um Web site fundamental quando se quer construir algo com cabea tronco cabea, e membros.
Como i i construir C irei t i o meu WebSite?
Fo ormador Jos Calado

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 estrutura, manuteno.
Fo ormador Jos Calado

FASE 2 CARACTERIZAR O PBLICO ALVO

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

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;
Fo ormador Jos Calado

Trabalhos T b lh

pessoais, i

imagens, i

contedos t d

multimdia, ;

FASE 4 IDENTIFICAR OS RECURSOS A

UTILIZAR
Que

recursos ou meios necessitamos para

Fo ormador Jos Calado

a construo? t ?

Exemplo: Software de tratamento de imagens p g

FASE 5 ESTRUTURA GERAL DO WEBSITE

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

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 q estrutura hierrquica. Devem ser distribudos por pginas construdas com uma estrutura consistente isto com regras de consistente, , construo, organizao e arrumao semelhantes, para que o acesso i f informao seja f il j fcil.
7

FASE 5 ESTRUTURA GERAL DO WEBSITE (CONTINUAO)

Outro cuidado a ter prende-se

com uma
Fo ormador Jos Calado

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?

HIERARQUIA DA INFORMAO Q
ESTRUTURA DO SITE

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

Fo ormador Jos Calado

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

EXEMPLO

Formador Jos Calado o

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

10

CONSISTNCIA DO SITE

Identidade visual prpria que se deve manter ao prpria, longo de todas as pginas para que o utilizador encontre a informao que procura utilizando os mesmos procedimentos;
Fo ormador Jos Calado

O Layout de uma pgina com tabelas. As tabelas so compostas por clulas que iro apresentar os dados e organizar texto imagens e texto, outros objectos;

11

DEFINIR O ASPECTO VISUAL DAS PGINAS

TTULO DA PGINA
Fo ormador Jos Calado

BARRA DE MENUS CAIXA PARA IMAGENS NDICES OU MENUS REA DE TEXTO

RODAP PARA INSERO DE LINKS OUTRAS INFORMAES

12

CUIDADOS A TER

Destacar o ttulo utilizando formatos maiores, maisculas ou negrito;

Fo ormador Jos Calado

Aplicar nas listagens marcas e/ou numerao; Identificar claramente os links e a pgina para onde hiperligam;

No sobrecarregar as pginas com muitas cores, de forma a no distrair o utilizador.

Aconselhvel no utilizar mais de trs cores;

13

CUIDADOS A TER

Escolher uma cor de fundo neutra que garanta legibilidade;

Fo ormador Jos Calado

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 suas caractersticas: f d d s i

GIF: imagens com poucas cores. JPG ou JPEG fotografias imagens com muitas fotografias, tonalidades.

Fo ormador Jos Calado

Os sons:
WAVE: Ocupa muito espao e torna a pgina lenta. MP3: Ficheiros mais leves.

Os vdeos int od e deos introduzem muita lentido na ita visualizao das pginas. Os formatos mais utilizados so:
MPEG: relativamente pouco pesados e com qualidade. AVI: ocupa muito espao espao.

15

EXERCCIO INDIVIDUAL

Utilizando um processador de texto, elabore o Storyboard (plano) de um site com o mximo de seis pginas Nesse documento deve definir: pginas.

Fo ormador Jos Calado

O tema O pblico-alvo pblico alvo A informao a integrar em cada pgina As imagens/sons/vdeos O Layout da pgina mais adequado O esquema hierrquico das pginas

16