As 20 principais partes de uma página da Web

O partes de um pagina web Eles são divididos nos elementos frontais e nos elementos posteriores. Essas partes interagir uns com os outros, 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 home page (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 site.

Por outro lado, os elementos posteriores 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 é incorporado na barra de pesquisa), o sistema de rotação de imagens, o sistema de compra e venda, os chats, os bancos de dados online, entre outros.

Nem todas as páginas da web possuem as mesmas partes. Por exemplo, o sistema de compra e venda está presente apenas em plataformas comerciais, como Amazon ou E-Bay.

Principais e partes comuns nas páginas da web

Elementos da frente

1- Estrutura de navegação

A estrutura de navegação é a base da página da web. Ou seja, é formado por todos os links que suportam o site: os links que redirecionam para a página principal, os links do menu, dos artigos (caso haja algum), entre outros.

2- Página principal

A página principal (também conhecida como homepage) é a interface base do site. Neste são os títulos mais importantes e outros dados, como informações de contato.

3- Logo

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, portanto, você será redirecionado para a página inicial se clicar no logotipo.

4- 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 web distribuem o conteúdo em segmentos de informação (com títulos e legendas). Desta forma, o usuário pode ler mais facilmente.

5- 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.

6- Menu

O menu é um bar que facilita a navegação no site. Divida a página em seções. Por exemplo, se é um blog informativo, você pode encontrar seções para cada área do conhecimento: ciência, humanidades, tecnologia, entre outros.

7- Publicidade

Algumas páginas da web incluem anúncios para ganhar fundos que sustentam os trabalhadores responsáveis ​​do site. Estes podem ser de dois tipos: estáticos ou animados.

Anúncios estáticos são imagens, textos ou uma combinação de ambos. As animações podem ser imagens gif, vídeos, pop-ups (propaganda que aparece como um anúncio pop-up), entre outros.

Geralmente, é preferível usar anúncios estáticos porque eles não sobrecarregam a página e são mais agradáveis ​​para os usuários do site.

8- Barra de pesquisa

A barra de pesquisa é um espaço que permite navegar na página da web por meio de palavras-chave. Geralmente, ele é identificado com uma lupa.

9- 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.

10 - Rodapé

As notas de rodapé 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 permaneceu operacional.

Elementos traseiros

1- Sistema de codificação

O sistema de codificação permite atualizar a página, corrigir erros na estrutura, carregar conteúdo, imagens, vídeos e publicidade. Da mesma forma, permite manter ativos os links do site e reparar aqueles que foram quebrados.

2- Sistema de busca

O sistema de pesquisa é a plataforma por trás da barra de pesquisa. Isso relaciona todo o conteúdo do site por meio de palavras-chave, tornando a navegação mais rápida.

3- sistema de rotação de imagem

Algumas páginas alteram automaticamente as imagens. Isso é feito por meio de um sistema de rotação que codifica as imagens, de modo que elas alternam de vez em quando.

4- sistema de compra e venda

As páginas comerciais da web são baseadas em um sistema de compra e venda. Este sistema permite que você processe transações com cartões de débito e crédito, tudo apoiado por um sistema de segurança que protege os dados do comprador.

5- sistema de registro

Para maximizar a experiência do usuário, muitos sites criam sistemas de registro. Às vezes, uma pequena quantia de dinheiro é solicitada para a associação e, em troca, maiores benefícios são oferecidos.

6- Baixando arquivos

Certos arquivos presentes na página podem ser baixados se os programadores permitirem.Eles podem ser arquivados de imagens, documentos, áudios e vídeos.

7- Bancos de dados online

Os bancos de dados on-line permitem que você salve informações na nuvem. Desta forma, se o usuário não puder ou não quiser baixar o arquivo, ele será armazenado na página e estará disponível enquanto a página estiver ativa.

8- Conversas

Os bate-papos são espaços nos quais os usuários podem interagir uns com os outros. Existem páginas dedicadas exclusivamente a esse propósito (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 venda).

9- 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, um sistema de segurança é necessário para manter esses dados seguros.

10- Domínio

O domínio é o endereço da página. Através disso, qualquer pessoa pode acessar o site.

Referências

1. Componentes de um site. Retirado em 19 de setembro de 2017, de stratecomm.com
2. Partes de uma página da Web. Obtido em 19 de setembro de 2017, de thoughtco.com
3. Estrutura da Página e Design do Site. Obtido em 19 de setembro de 2017, de webstyleguide.com
4. Elementos de uma página da web. Acessado em 19 de setembro de 2017, de tech-ict.com
5. Websites e partes de sites. Obtido em 19 de setembro de 2017, de macmillandictionary.com
6. 5 partes de um site e suas tendências de design este 2015. Obtido em 19 de setembro de 2017, de sumofy.me
7. Anatomia de uma página da Web. Retirado em 19 de setembro de 2017, de htmlbasictutor.ca