1
Formador J
José Calado
CRIAÇÃO DE PÁGINAS WEB
EM HIPERTEXTO
PLANEAMENTO DE UM SITE

O planeamento de um Web site é fundamental
Foormador Joséé Calado
quando se quer construir algo com “cabeça
cabeça, tronco
e membros”.
Como iireii construir
C
t i
o meu WebSite?
2
FASE 1 – DEFINIR OBJECTIVOS
Para Quê?

Qual o propósito ou finalidade do WebSite?

Uma definição precisa dos objectivos é necessária
Foormador Joséé Calado

e útil para fundamentar as decisões que se
tomam quanto à sua estrutura,
estrutura conteúdo e
manutenção.
3
FASE 2 – CARACTERIZAR O PÚBLICO ALVO
Para Quem?

A quem se dirige?

Para qualquer pessoa em geral, ou para um
Foormador Joséé Calado

determinado tipo de utilizador?
4
FASE 3 – IDENTIFICAR OS CONTEÚDOS A
PUBLICAR
O que é adequado a publicar?

Que informação deve conter?

Devem ter em conta os objectivos definidos, o
Foormador Joséé Calado

público-alvo;

T b lh
Trabalhos
pessoais,
i
i
imagens,
conteúdos
t úd
multimédia, …;
5
FASE 4 – IDENTIFICAR OS RECURSOS A
UTILIZAR
 Que
recursos ou meios necessitamos para
Foormador Joséé Calado
a construção?
t ã ?

Exemplo:
p
Software de tratamento de imagens
g
6
FASE 5 – ESTRUTURA GERAL DO WEBSITE

Trata se de pensar o site em termos globais ou de
Trata-se
estrutura (não ainda em relação aos detalhes).
Foormador Joséé Calado

Devemos pensar em fazer um esboço ou esquema das
páginas que vão integrar o site; organizar o site por
secções; definir relações ou ligações entre as páginas q
estrutura hierárquica.

Devem ser distribuídos por páginas construídas com
uma estrutura consistente,
consistente isto é,
é com regras de
construção, organização e arrumação semelhantes,
para que o acesso à informação
i f
seja
j fácil.
fá il
7
FASE 5 – ESTRUTURA GERAL DO WEBSITE
(CONTINUAÇÃO)

Outro cuidado a ter prende-se
com uma
Foormador Joséé Calado
característica essencial das páginas WEB: as
páginas web não são livros, a sua leitura não
linear;

Por isso, em cada página que compõe o site deve
poder saber-se:
Quem é o autor?
 De que se trata o Site?
 Como voltar à página inicial, ou como ir até qualquer
outra página do site?

8
HIERARQUIA
Q
DA INFORMAÇÃO
Ç
ESTRUTURA DO SITE

A estrutura que será apresentada no site deve ser

Foormador Joséé Calado
dividida em unidades.
Deve ser estabelecida uma hierarquia entre esses
blocos de informação, bem como determinar as
ligações entre esses blocos.
9
EXEMPLO
Reparem na sequência, a principal
( index.html)
(o
i d h l) aponta para mais
i duas
d
páginas
á i
e
estas páginas vão apontando para outras,
inclusive no exemplo a “página
página 5
5” aponta para
um arquivo, isso pode ser infinito, você pode criar
quantas páginas e apontá-las para quantas
páginas
ági
e arquivos
i
vocêê quiser.
i
Foormador Joséé Calado

10
CONSISTÊNCIA DO SITE

Identidade visual própria,
própria que se deve manter ao
encontre a informação que procura utilizando os
mesmos procedimentos;

O Layout de uma página é com tabelas. As
Foormador Joséé Calado
longo de todas as páginas para que o utilizador
tabelas são compostas por células que irão
apresentar os dados e organizar texto,
texto imagens e
outros objectos;
11
DEFINIR O ASPECTO VISUAL DAS PÁGINAS
TÍTULO DA PÁGINA
CAIXA PARA IMAGENS
ÍNDICES OU MENUS
Foormador Joséé Calado
BARRA DE MENUS
ÁREA DE TEXTO
RODAPÉ PARA
INSERÇÃO
à DE LINKS
OUTRAS INFORMAÇÕES
12
CUIDADOS A TER

Destacar o título utilizando formatos maiores,

Aplicar nas listagens marcas e/ou numeração;

Identificar claramente os links e a página para
Foormador Joséé Calado
maiúsculas ou negrito;
onde hiperligam;

Não sobrecarregar as páginas com muitas cores,
de forma a não distrair o utilizador.

Aconselhável não utilizar mais de três cores;
13
CUIDADOS A TER

Escolher uma cor de fundo neutra que garanta

O excesso de objectos multimédia sobrecarrega as
páginas e torna a navegação lenta e difícil. O
Foormador Joséé Calado
legibilidade;
tempo de abertura das páginas aumenta com a
inserção de alguns formatos de ficheiros.
14
IMAGENS, SONS E VÍDEOS

As imagens devem ser guardadas em
f
formatos
adequados
d
d às
à suas características:
í i
GIF: imagens com poucas cores.
 JPG ou JPEG – fotografias,
fotografias imagens com muitas
tonalidades.

Os sons:
WAVE: Ocupa muito espaço e torna a página lenta.
 MP3: Ficheiros mais leves.


Foormador Joséé Calado

Os vídeos
ídeos introduzem
int od e
muita
ita lentidão na
visualização das páginas. Os formatos mais
utilizados são:
MPEG: relativamente pouco pesados e com
qualidade.
 AVI: ocupa muito espaço.
espaço

15
EXERCÍCIO
Í
INDIVIDUAL







O tema
O público
público-alvo
alvo
A informação a integrar em cada página
As imagens/sons/vídeos
O Layout da página mais adequado
O esquema hierárquico das páginas
Foormador Joséé Calado
Utilizando um processador de texto, elabore o
Storyboard (plano) de um site com o máximo de
seis páginas.
páginas Nesse documento deve definir:
16