- Partes principais e comuns em páginas da web
- - Elementos frontais
- Estrutura de navegação
- Página principal
- Logotipo
- Conteúdo
- Cabeçalhos
- Cardápio
- Publicidade
- Barra de pesquisa
- Elementos multimídia
- Rodapé
- - Elementos de fundo ou «back-end»
- Sistema de codificação
- Sistema de busca
- Sistema de rotação de imagem
- Sistema de compra e venda
- Sistema de registro
- Download de arquivos
- Bancos de dados online
- Bate-papos
- Segurança
- Domínio
- Referências
As partes de uma página da web são divididas em elementos frontais e back-end. Essas partes interagem umas com as outras, como um sistema para criar um espaço ideal para os usuários.
Os elementos da frente são aqueles que podem ser vistos, como a página principal (ou homepage), o logotipo da página, o conteúdo, a barra de pesquisa, as imagens, a publicidade e qualquer outro elemento que faça parte do design do a página da web.
Por outro lado, os elementos traseiros são aqueles que não podem ser vistos, pois fazem parte da programação da página. Alguns deles são o sistema de codificação (que permite aos programadores editar a página e atualizá-la), o sistema de pesquisa (que se materializa na barra de pesquisa), o sistema de rotação de imagens, o sistema de compra e venda, chats, bases de dados online, entre outros.
Nem todas as páginas da web têm as mesmas partes. Por exemplo, o sistema de compra e venda está presente apenas em plataformas comerciais, como Amazon ou E-Bay.
Partes principais e comuns em páginas da web
- Elementos frontais
Estrutura de navegação
A estrutura de navegação é a base do site. Ou seja, é composto por todos os links que dão suporte ao site: os links que redirecionam para a página principal, os links do menu, os artigos (se houver), entre outros.
Página principal
A página principal (também conhecida como homepage) é a interface base do site. Contém os títulos mais importantes e outras informações, como informações de contato.
Logotipo
O logotipo é o símbolo que identifica a página. Geralmente está no canto superior esquerdo.
Muitos sites criam um link entre o logotipo e a página principal, de modo que ele seja redirecionado para a página principal se o logotipo for clicado.
Conteúdo
O conteúdo são as informações presentes no site. Por exemplo, se for um site de notícias, os relatórios serão o conteúdo.
Boas páginas da web distribuem conteúdo em segmentos de informação (com títulos e subtítulos). Desta forma, o usuário pode ler mais facilmente.
Cabeçalhos
Os títulos são os títulos dos artigos que fazem parte da página. Estes são acompanhados por um parágrafo de duas ou três linhas. Este é um resumo que busca atrair a atenção dos usuários.
Cardápio
O menu é uma barra que facilita a navegação no site. Divida a página em seções. Por exemplo, se for um blog informativo, você encontrará seções para cada área do conhecimento: ciências, humanidades, tecnologia, entre outras.
Publicidade
Algumas páginas da web incluem anúncios de banner a fim de ganhar fundos para apoiar os trabalhadores responsáveis do site. Podem ser de dois tipos: estáticos ou animados.
Anúncios estáticos são imagens, texto ou uma combinação de ambos. Os animados podem ser imagens gif, vídeos, pop-ups (publicidade que aparece como um anúncio pop-up), entre outros.
Os anúncios estáticos geralmente são preferidos porque não saturam a página em excesso e são mais agradáveis para os usuários do site.
Barra de pesquisa
A barra de pesquisa é um espaço que permite navegar na página da web por meio de palavras-chave. Geralmente é identificado com uma lupa.
Elementos multimídia
Muitas páginas incluem elementos multimídia que tornam a experiência do usuário mais interativa. Você pode incluir imagens, vídeos, áudios, jogos, entre outros.
Rodapé
Os rodapés dos sites contêm informações sobre os regulamentos, condições e termos de uso. Nesta parte você também pode encontrar o período em que a página está operacional.
- Elementos de fundo ou «back-end»
Sistema de codificação
O sistema de codificação permite atualizar a página, corrigir erros na estrutura, enviar conteúdo, imagens, vídeos e publicidade. Ele também permite que você mantenha os links do site ativos e conserte aqueles que foram quebrados.
Sistema de busca
O sistema de pesquisa é a plataforma por trás da barra de pesquisa. Relaciona todo o conteúdo da página da web por meio de palavras-chave, tornando a navegação mais rápida.
Sistema de rotação de imagem
Algumas páginas mudam automaticamente as imagens. Isso é feito por meio de um sistema de rotação que codifica as imagens para que se alternem de vez em quando.
Sistema de compra e venda
As páginas comerciais da Web são baseadas em um sistema de compra e venda. Este sistema permite processar transações com cartões de débito e crédito, tudo isto amparado por um sistema de segurança que protege os dados do comprador.
Sistema de registro
Para maximizar a experiência do usuário, muitos sites criam sistemas de registro. Às vezes, uma pequena quantia em dinheiro é solicitada pela associação e, em troca, maiores benefícios são oferecidos.
Download de arquivos
Certos arquivos presentes na página podem ser baixados se os programadores permitirem. Eles podem ser arquivados a partir de imagens, documentos, áudios e vídeos.
Bancos de dados online
Os bancos de dados online permitem que as informações sejam armazenadas na nuvem. Desta forma, se o usuário não puder ou não quiser fazer o download do arquivo, ele ficará armazenado na página e ficará disponível enquanto a página estiver ativa.
Bate-papos
Os chats são espaços nos quais os usuários podem interagir uns com os outros. Existem páginas dedicadas exclusivamente a este fim (redes sociais, como Facebook e Twitter). Outras páginas apresentam chats para que os usuários possam comentar sobre a qualidade do site (como blogs e páginas de compra e venda).
Segurança
As páginas da web armazenam informações importantes sobre os usuários: nomes, números de identificação, telefones, cartões de crédito, entre outros. Portanto, um sistema de segurança é necessário para manter esses dados protegidos.
Domínio
O domínio é o endereço da página. Com isso, qualquer pessoa pode acessar o site.
Referências
- Componentes de um site. Obtido em 19 de setembro de 2017, em stratecomm.com
- Partes de uma página da web. Obtido em 19 de setembro de 2017, em Thoughtco.com
- Estrutura da página e design do site. Obtido em 19 de setembro de 2017, em webstyleguide.com
- Elementos de uma página da web. Obtido em 19 de setembro de 2017, em tech-ict.com
- Sites e partes de sites. Obtido em 19 de setembro de 2017, em macmillandictionary.com
- 5 partes de um site e suas tendências de design em 2015. Obtido em 19 de setembro de 2017, em sumofy.me
- Anatomia de uma página da web. Recuperado em 19 de setembro de 2017, de htmlbasictutor.ca