Dicas para a construção de um site

1ª Fase: Organização da informação

2ª Fase: Conceituação do site e definição da estrutura de navegação

3ª Fase: Montagem do Site

4ª Fase: Testar localmente

5ª Fase: Disponibilizar o site

Dica de como organizar e estruturar a navegação de um site

01- Definir o conteúdo, o que será divulgado no site

exemplo:
Informações pessoais: informações sobre você;
Publicações como jornais, revistas;
Perfis da empresa; segmento da empresa; clientes, parceiros, etc...

02- Estabelecer objetivos:

• Você deve perguntar-se o que os leitores vão estar procurando no site.
  
• Qual é o objetivo do site.
  
• Antes de começar entrar com códigos ou imagens você deve pensar o que você quer colocar em sua página
  
• Como será estruturada? Ela está adequada ou não ao meu público alvo?
  
• Ao desenvolver um site para uma empresa ou pessoas é importante que você colha junto ao seu cliente seus objetivos, idéias, a forma que imagina sua página, etc. Assim, ficará bem mais fácil de começar seu trabalho.
  

03- Divida o seu conteúdo em tópicos:

Crie uma lista com os principais tópicos, a princípio não importa a ordem. Esta é uma forma de começar a se organizar.

Sua lista poderá ter quantos tópicos desejar, mas cuidado, o seu leitor poderá se cansar e se perder em meio a tantas opções.

04- Quais as quetões que devo levantar com relação a organização e navegação de um site?

• Será que os leitores conseguem navegar pelo conteúdo de cada tipo de estrutura para encontrar as informações de que precisam.
  
• Como ter certeza de que os leitores conseguem se localizar nos meus documentos (contexto) e achar o caminho de volta até uma posição conhecida.
  

Tipos de sites:

Site estático - Somente código HTML

Site dinâmico

• Pode conter Java Scripts, que são programas embutidos detro do código HTML.
  Normalmente rodam localmente, do lado do cliente, ou seja, no computador do usuário.
  Exemplo: Java Script

• Programação PHP, ASP
  Pode conter programação (PHP, ASP) que são executados pelo servidor Web, produzindo dinamicamente páginas HTML, que então são enviadas ao cliente para vizualização

1. Hierárquica	É fácil para os leitores descobrir a posição em que se encontram na estrutura. Nas hierarquias, a home page fornece uma visão geral do conteúdo que está subordinado a ela e ainda define os principais vínculos ás páginas dos níveis inferiores da hierarquia. EXEMPLO: Mapa do site mostra a estrutura hierárquica das páginas do site.
Neste tipo de estrutura Linear a home page é o título, ou introdução, e todas as outras páginas acompanham em seqüência com vínculos que levam de uma página a outra, normalmente com opções de avançar e retroceder. EXEMPLO: instruções passo-a-passo.	2. Linear
3. Estrutura Linear com alternativas	A estrutura linear menos rígida permitindo que o leitor se desvie do caminho principal. Pode ter, por exemplo, uma estrutura linear com ramificações alternativas que partam de um único tronco. As ramificações podem se reunir ao tronco principal em algum ponto mais adiante, em um nível mais baixo da estrutura, ou continuar se ramificando em níveis inferiores seguindo caminhos próprios até chegar a um "fim". Além de ramificar a estrutura linear, você pode também oferecer vínculos que permitam aos leitores avançar ou retroceder na cadeia, caso precisem rever alguma etapa ou já conheçam alguma parte do conteúdo.
Estrutura linear e hierárquica, em cada página do roteiro você deve oferecer vínculos para o leitor avançar, retroceder, retornar ao início e subir um nível	3. Combinação Estrutura Linear com Hierárquica

Sua apresentação da Web consiste em determinar o conteúdo que será apresentado em cada uma das páginas e criar alguns vínculos (links) simples que possibilitem a navegação por essas páginas.

1. Coloque cada tópico em uma página, mas se tiver um grande número de tópicos, a manutenção e
... vinculação pode se tornar maçante.

2. Defina bem a forma de navegação entre as páginas. Se houver formas alternativas, torne a
... navegação para os leitores a mais intuitiva possível.

3. Tome cuidado com o que será incluindo na home page, lembre-se, ela será a porta da sua
... apresentação.

4. Tenha sempre em mente seus objetivos. Procure não se distanciar deles.


Dica importante:

A disposição de imagens, textos, vídeos, etc. Tudo que você deseja colocar em sua página precisa ser colocado de forma agradável ao leitor. Daí abordarmos, de forma geral, a diagramação. Esta palavra vêm do mundo dos impressos. Trata-se da disposição de elementos que compõem uma página. Deve ser observado o tamanho das fontes, disposição das imagens, forma como o texto será apresentado, etc. Uma boa diagramação também garante o retorno do internauta.


Composição da equipe

a) Analistas de sistemas (com experiência em gerência de Informação), responsável pela organização ....da informação;

b) Design Gráfico, responsável pelo projeto gráfico;

c) Programadores, que, dependendo do tipo de site, podem ser programadores HTML, Java, JavaScript, ....CGI, PHP, ASP, etc;

A equipe deverá ter um coordenador, responsável em fazer o trabalho fluir de forma eficiente, dentro de um cronograma aproveitando o máximo de cada profissional. Depois do site construído surgirá uma outra pessoa: o WebMaster, que será responsável pela administração do site. É muito haver o acúmulo de funções por membros da equipe. Mas é importante definir o papel de cada na construção do site.