Pãozin com HTML

Guia de tutoriais para projetos de suporte à fanfic.



2. Estrutura Padrão em Projetos

Creio que vocês já sabem mais ou menos como é o padrão dos projetos de fanfic neste nicho. Creio que muitos gostariam e anseiam por algo bem diferente no futuro, mas por agora nos entendemos o básico: Cabeçalho, área do post, barra lateral e rodapé. Nós costumamos trabalhar com tema: escolhemos um feat, criamos o designer e padronizamos todo o layout com base nisso (cores, imagens etc).


1. Cabeçalho Grande

Geralmente temos o cabeçalho sendo uma das partes mais visíveis do seu blog ou site. Em muitos projetos de design, especialmente aqueles que envolvem capas de fanfic e banners, você vai encontrar um cabeçalho grande e chamativo.

  • Antigamente: No passado, muitos designers usavam um site chamado Map Image para mapear o cabeçalho. Esse processo envolvia criar áreas clicáveis em uma imagem para direcionar para diferentes partes do site. Embora isso fosse útil para criar layouts com várias seções clicáveis, tinha suas limitações.

  • Hoje em Dia: Com a necessidade crescente de criar sites responsivos, ou seja, que se ajustem bem em diferentes tamanhos de tela (como em celulares e tablets), o mapeamento de imagens não é mais a melhor escolha. Isso porque os links das imagens podem não funcionar corretamente em dispositivos móveis, e o layout pode não se ajustar bem a diferentes resoluções.


2. Área da Postagem

A área de postagem é onde o conteúdo principal do seu blog ou site é exibido. Em projetos de capas de fanfic e outros, essa é a área onde você encontrará o conteúdo das postagens, imagens, descrições e mais.

  • Info: Esta seção é crucial porque é onde o conteúdo principal que você quer mostrar aos seus visitantes vai aparecer. É comum fazermos um cabeçalho e um rodapé personalizado para ele.

3. Barra Lateral

A barra lateral é uma coluna geralmente localizada à esquerda ou à direita da área de postagem. Ela é usada para adicionar widgets e outros elementos auxiliares, como links para outras páginas, cbox, seguidores, parcerias.

  • Função: A barra lateral é útil para fornecer informações adicionais e links úteis, sem sobrecarregar a área principal de postagem. Em muitos projetos de design, você pode encontrar widgets para mostrar postagens recentes, categorias, ou outros conteúdos relacionados. Nós também costumamos fazer cabeçalho e footer personalizado pra ele.

4. Rodapé

O rodapé é a parte que aparece na parte inferior de todas as páginas do seu blog ou site. Embora muitas vezes não receba a mesma atenção que o cabeçalho ou a área de postagem.

  • Conteúdo Típico: O rodapé pode incluir informações como créditos, links para políticas de privacidade, informações de contato, e links para redes sociais. Apesar de não ser o destaque principal, um rodapé bem projetado pode fornecer informações úteis e importantes para os visitantes.