Webdesign - Elementos de um página web

Definições e composição de um site.

1. Elementos de um página web
Definições e composição de um site

2. 2
Composição de Páginas web
Odair Cavichioli Jr.
O que é um site ?
Conjunto de hipertextos acessíveis pela internet
(protocolo HTTP) dedicado a um tópico ou propósito
em particular;
Escritos ou dinamicamente convertidos para HTML e
acessados usando um software cliente chamado web
browser ou navegador;
Uma interface gráfica composta por metáforas que
possibilitam o usuário interagir com as informações;
São restritos por limites de recursos.

3. 3
Composição de Páginas web
Odair Cavichioli Jr.
A origem
Desenvolvida por americanos na década de 50 para
o sistema militar ARPANET para troca
disponibilização de informação;
O projeto no CERN (1990), desenvolvido por Tim
Berners-Lee, desenvolveu um sistema padrão,
criando URL, o protocolo HTTP e a linguagem HTML.
Esse sistema serviu como modelo para o World Wide
Web;
Se apropria do conceito de hipertexto (recurso de
suporte complementam a informação e um texto).

4. 4
Composição de Páginas web
Odair Cavichioli Jr.
Estruturação
Os conceitos de estruturação da informação tem
origem da mídia impressa para o segmento
informativo (livros, revistas e jornais);
Um site deve ser estruturado por segmentação de
informação;
Deve se apropriar de conceitos de comunicação
específicos para transmitir uma mensagem de forma
adequada para seu público alvo.

5. 5
Composição de Páginas web
Odair Cavichioli Jr.
Linguagem emocional
Identificar o grupo emocional associado a categoria
do site;
Imagem arquetípica;
Definição do estilo e espírito;
Relação entre a forma e pensamento;
Relação entre o criador e consumidor.

6. 6
Composição de Páginas web
Odair Cavichioli Jr.
Linguagem racional
Identificação da necessidade;
Identificação ou geração de desejo do consumidor;
Definição do conceito competitivo.

7. 7
Composição de Páginas web
Odair Cavichioli Jr.
Capa
Tem a função de apresentar o estilo (tema) do site
para seu pública alvo;
Busca o decorativo e não um desenvolvimento
tipológico com finalidades de legibilidade;
Utilização para públicos específicos, basicamente que
apresentam tendências visuais;
Pode:
Ser ilustrativa;
Ser informativa;
Indicar restrições;
Limitar o acesso.

8. 8
Composição de Páginas web
Odair Cavichioli Jr.
Página principal
É a página onde o usuário será ambientado, se
familiarizando com o ambiente e conduzido a
informação que procura;
Deve fornecer condições de navegação ao usuário,
tanto para acessar os serviços quanto para entrar
em contato;
TEM QUE SER direto, apresentando apenas o
necessário para atingir sua meta.

9. 9
Composição de Páginas web
Odair Cavichioli Jr.
Cabeçalho
Permite dar mais visibilidade a identidade visual da
empresa ou do próprio site;
Reforça a ação de ênfase, continuidade e unidade;
Características comuns:
Assinatura;
Navegação;
Links administrativos;
Títulos e temas.

10. 10
Composição de Páginas web
Odair Cavichioli Jr.
Rodapé
Além de reforçar a visibilidade da identidade visual,
possibilita criar um vínculo com a origem da empresa
ou do próprio site;
Características comuns:
Assinatura;
Dados da empresa;
Complementos informação e acessibilidade.

11. 11
Composição de Páginas web
Odair Cavichioli Jr.
Navegação
Deve ser segmentada por assunto ou tipo de
informação, podendo apresentar vários níveis;
Pode ser linear ou não;
TEM QUE TER condições para o usuário retornar para
a seção anterior ou para a página principal;
O menu não deve ser uma representação da
estrutura hierárquica da empresa.

12. 12
Composição de Páginas web
Odair Cavichioli Jr.
Links administrativos
Criam um canal de comunicação entre o usuário e o
site;
Informações comuns:
Sobre o site (ou a empresa);
Acesso restrito;
Contato;
Atendimento (dúvidas);
Endereço físico;
Mapa do site;
Parceiros;
Credenciais.

13. 13
Composição de Páginas web
Odair Cavichioli Jr.
Conteúdo
Material que será exibido ao público pelo site;
Deve ser segmentado de acordo com o tipo da
natureza da informação, sendo apresentado de
forma específica;
TEM QUE SER direto, lógico e intuitivo.
Organize a arquitetura das informações:
Divida o conteúdo em unidades lógicas;
Relacione uma hierarquia de importância;
Verifique o padrão funcional e estético do site.

14. 14
Composição de Páginas web
Odair Cavichioli Jr.
Documentos eletrônicos
Toda informação disponível na internet é um
documento pontual e, perante a lei, pode ser
utilizado como evidência;
Para garantir a veracidade do conteúdo, devem ser
fornecidas as seguintes informações:
Endereço do site;
Origem da informação (menu de navegação);
Autor da informação;
Data da publicação;
Condições para emitir uma versão impressa;
Condições para retornar a seção principal.

15. 15
Composição de Páginas web
Odair Cavichioli Jr.
Atualizações
Permite que o usuário saiba se há novas informações
no site;
Pode ser apresentado como:
Lista;
Blog;
Notas (newletter);
Feedback (RSS).

16. 16
Composição de Páginas web
Odair Cavichioli Jr.
Mapa do site
Permite que o usuário tenha uma visão geral do
conteúdo disponibilizado;
Deve facilitar a localização de uma informação,
agrupando o conteúdo por temas;
Pode assumir a forma de um índice, sumário ou
mapa mental.

17. 17
Composição de Páginas web
Odair Cavichioli Jr.
Erro 404 – Arquivo não encontrado
São páginas retornadas do servidor indicando que
não localizou o arquivo na URL indicada;
Um bom projeto deve prever essa situação,
preparando canais para redirecionamento;
Podem conter:
Explicações sobre o erro;
Sugestão para alternativas;
Acesso para outras páginas sobre o mesmo assunto;
Recurso de busca por palavra-chave;
Canal de contato;
Canal para retornar ao menu principal.

18. Elementos de um página web
Definições e composição de um site