As partes de uma página da web são divididas nos elementos anteriores e posteriores. Essas partes interagem umas com as outras, como um sistema para criar um espaço ideal para os usuários.
Os elementos frontais são aqueles que podem ser vistos, como a página principal (ou a página inicial ), 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 que os programadores editem e atualizem a página), o sistema de pesquisa (que se materializa na barra de pesquisa), o sistema de rotação de imagens, o sistema de compra e venda, bate-papos, bancos 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 nas páginas da web
– Elementos frontais
Estrutura de navegação
A estrutura de navegação é a base da página da web. Ou seja, é composto por todos os links que suportam o 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 página inicial ) é a interface base do site. Ele 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 encontrado no canto superior esquerdo.
Muitos sites criam um link entre o logotipo e a página inicial, para que você seja redirecionado para a página inicial se o logotipo for clicado.
Conteúdo
O conteúdo é a informação presente 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 informativos (com títulos e legendas). Dessa 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 procura 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ê pode encontrar seções para cada área do conhecimento: ciência, humanidades, tecnologia, entre outras.
Propaganda
Algumas páginas da Web incluem anúncios para obter fundos para apoiar os funcionários responsáveis do site. Estes podem ser de dois tipos: estático ou animado.
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.
O uso de anúncios estáticos é geralmente preferido, porque eles não saturam a página 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 através 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 regulamentos, condições e termos de uso. Nesta parte, você também pode encontrar o período em que a página esteve operacional.
– Elementos traseiros ou “back-end”
Sistema de codificação
O sistema de codificação permite atualizar a página, corrigir erros na estrutura, fazer upload de conteúdo, imagens, vídeos e publicidade. Também permite que os links do site sejam mantidos ativos e os que estão quebrados sejam reparados.
Sistema de pesquisa
O sistema de pesquisa é a plataforma atrás da barra de pesquisa. Isso relaciona todo o conteúdo da página da web através de palavras-chave, tornando a navegação mais rápida.
Sistema de rotação de imagem
Algumas páginas alteram automaticamente as imagens. Isso é feito através de um sistema de rotação que codifica as imagens para que elas se alternem de tempos em tempos.
Sistema de compra e venda
As páginas comerciais da Web são baseadas em um sistema de compra e venda. Esse sistema permite que as transações com cartão de crédito e débito sejam processadas, todas apoiadas 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 para a associação e, em troca, são oferecidos maiores benefícios.
Download do arquivo
Certos arquivos presentes na página podem ser baixados se os programadores permitirem. Eles podem ser arquivados de imagens para documentos, áudios e vídeos.
Bases de dados online
Os bancos de dados online permitem salvar informações na nuvem. Dessa forma, se o usuário não puder ou não quiser fazer o download do arquivo, ele o armazenará na página e poderá tê-lo enquanto a página estiver ativa.
Bate-papo
Bate-papo são espaços nos quais os usuários podem interagir entre si. Existem páginas exclusivamente para esse fim (redes sociais, como Facebook e Twitter). Outras páginas apresentam chats para os usuários comentarem 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úmero de identificação, números de telefone, cartões de crédito, entre outros. Portanto, é necessário um sistema de segurança para manter esses dados seguros.
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. Recuperado em 19 de setembro de 2017, de stratecomm.com
- Partes de uma página da Web. Recuperado em 19 de setembro de 2017, de thoughtco.com
- Estrutura da página e design do site. Recuperado em 19 de setembro de 2017, de webstyleguide.com
- Elementos de uma página da web. Recuperado em 19 de setembro de 2017, de tech-ict.com
- Sites e partes de sites. Recuperado em 19 de setembro de 2017, de macmillandictionary.com
- 5 partes de um site e suas tendências de design em 2015. Recuperado em 19 de setembro de 2017, de sumofy.me
- Anatomia de uma página da web. Recuperado em 19 de setembro de 2017, de htmlbasictutor.ca