Planeamento de um Web Site

1º – Definir os objectivos do Web Site

Para quê?
Qual o propósito ou finalidade do Web Site?
Uma definição sucinta dos objectivos é necessária e útil para fundamentar as decisões que se tomam quanto à
sua estrutura, conteúdo e manutenção.

2º – Caracterizar o público-alvo

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

3º - Identificar os conteúdos a publicar

O quê?
Que informação deve conter?
Devem ter em conta os objectivos definidos, o público alvo.

4º - Identificar os recursos a utilizar

Como?
Que recursos ou meios necessitamos para a construção?
Software de tratamento de imagens, scanner...

5º - Estruturação geral do Web Site

Imagem1 - Esquema que representa a estrutura de um site

Trata-se de pensar o site em termos globais ou de estrutura (não ainda em relação aos detalhes).
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 - estrutura hierárquica.
Devem ser distribuídos por páginas construídas com uma estrutura consistente, isto é, com regras de
construção, organização e arrumação semelhantes, para que o acesso à informação seja fácil.

Outro cuidado a ter prende-se com uma característica essencial das páginas web: 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 trata o site?
– Como voltar à página inicial, ou como ir até qualquer outra página do site?

Hierarquia da informação – estrutura do site

A informação que será apresentada no site deve ser dividida em unidades.
Deve ser estabelecida uma hierarquia entre esses blocos de informação, bem como determinar as ligações
entre esses blocos.

Imagem2 - Estrutura hierarquica de um site

Consistência do site

Identidade visual própria que se deve manter ao longo de todas as páginas para que o utilizador encontre a
informação que procura utilizando sempre os mesmos procedimentos.
O layout de uma página é feito com tabelas. As tabelas são compostas por células que irão apresentar os dados
e organizar texto, imagens e outros objectos.
Para além do esquema devem ser definidas as dimensões das tabelas em pixeis.

Deste modo, antes de elaborar o site deve ser definido o aspecto visual das páginas (Layout).

Imagem3 - Modelos de Layout's de páginas

Alguns cuidados a ter

Destacar o título utilizando formatos maiores, maiúsculas ou negrito;
Aplicar nas listagens marcas e/ou numeração;
Identificar claramente os links e a página para onde remete;
Não sobrecarregar as páginas com muitas cores, de forma a não distrair o utilizador. Não usar mais de três
cores.

Escolher uma cor de fundo neutra que garanta legibilidade.
O excesso de objectos multimédia sobrecarrega as páginas e torna a navegação lenta e difícil. O tempo de
abertura das páginas aumenta com a inserção de alguns formatos de ficheiros.

Imagens, Sons e Vídeo

As imagens devem ser gravadas em formatos adequados às suas características:
– GIF: imagens com poucas cores.
– JPG ou JPEG – fotografias, imagens com muitas tonalidades.

Os sons:
– WAVE: utilizado apenas em ambiente windows, ocupa muito
espaço e torna a página lenta.
– MPEG: ficheiros mais leves.

Os vídeos introduzem muita 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.

+ informação em:

http://www.microsoft.com/business/smb/pt-br/themes/marketing/article9.mspx

http://visibilidade.net/ferramentas-bibliografia/ferramentas-construcao-sites.html

http://www.labiutil.inf.ufsc.br/estilo/layouts.htm

TRABALHO DE AVALIAÇÃO 1

Introdução

O programa de Redes de Comunicação do 11ºano centra-se na construção de páginas WEB. As tecnologias para a produção WEB serão abordadas nos 3 módulos propostos.

A grande dificuldade será definir a aparência e organização dos sites; nesse sentido propõe-se neste trabalho a recolha de informações que visem fornecer orientações quanto às normas a adoptar na construção de páginas WEB.

Objectivos

Desenvolver um documento em HMTL que aponte 10 regras a adoptar na construção de um Site.

Aspectos a considerar

O documento deve respeitar a seguinte estrutura::

1. Título

2. Barra de Menus (apontador para Named Anchor)

3. Área de Conteúdos

4. Área de Imagens

5. Rodapé (com indicação do autor ...)

6. Uma hiperligação para um esquema que represente o layout da página (pode ser colocada no rodapé).

Obs. Todas as imagens devem conter uma legenda e a indicação da fonte (url da imagem)

Formato e entrega do Trabalho:

O trabalho tem que ser entregue em formato html.

Informações adicionais:

http://office.microsoft.com/training/training.aspx?AssetID=RP061790331046&CTT=6&Origin=RC061276411046