Elementos de um página web Definições e composição de um site
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.
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).
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.
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.
Linguagem racional Identificação da necessidade; Identificação ou geração de desejo do consumidor; Definição do conceito competitivo.
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.
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.
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.
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.
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.
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.
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.
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.
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).
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.
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.
Elementos de um página web Definições e composição de um site

Webdesign - Elementos de um página web

  • 1.
    Elementos de umpágina web Definições e composição de um site
  • 2.
    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.
    A origem Desenvolvidapor 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.
    Estruturação Os conceitosde 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.
    Linguagem emocional Identificaro 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.
    Linguagem racional Identificaçãoda necessidade; Identificação ou geração de desejo do consumidor; Definição do conceito competitivo.
  • 7.
    Capa Tem afunçã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.
    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.
    Cabeçalho Permite darmais 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.
    Rodapé Além dereforç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.
    Navegação Deve sersegmentada 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.
    Links administrativos Criamum 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.
    Conteúdo Material queserá 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.
    Documentos eletrônicos Todainformaçã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.
    Atualizações Permite queo usuário saiba se há novas informações no site; Pode ser apresentado como: Lista; Blog; Notas ( newletter ); Feedback (RSS).
  • 16.
    Mapa do sitePermite 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.
    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 umpágina web Definições e composição de um site