Quais nomes devemos utilizar na estrutura dos sites?
Quantas vezes já lidamos com a diferença na estrutura de sites que foram implementados por outras pessoas? Cada um tende a criar o seu padrãozinho e utilizá-lo no resto da vida, o que complica bastante as pessoas que ainda vão mexer naquela estrutura. E é por falta da divulgação da nomenclatura recomendada que isto acontece. Muitos nem conhecem, nem nunca imaginaram que isto um dia seria um problema, mas em poucos minutos teremos a solução para isto.
Como todos nós sabemos, devemos utilizar nos nossos elementos no HTML nomes intuitivos e não-duplicados, pois nomes complicados confundem quem precisa entender a estrutura do site e tags com o mesmo id provocam erros na validação. E este padrão vai lhe deixar bem longe destes e de outros problemas.
Vocês já devem ter visto na div principal do site, nomes como: all, geral, main, tudo, wrapper, etc. E no conteúdo do site nomes como: miolo, texto ou até divtexto. Após várias pesquisas, consegui concentrar esta nomenclatura padronizada e venho a utilizando nos meus últimos projetos. Segue abaixo uma lista com alguns exemplos e suas determinadas estruturas:
- Estrutura geral: div #container
- Topo: div #header
- Menu: ul #nav
- Centro: div #middle
- Coluna: div #colLat
- Conteúdo: div #content
- Rodapé: div #footer
Lembrando, esta estrutura é apenas um exemplo. Não é necessário utilizar todos estes elementos, nem na posição que exemplifiquei. Vale salientar também que estas divs com nomes em inglês só devem ser utilizadas nos elementos estruturais dos sites. Nos demais elementos, devemos utilizar o idioma padrão do site, lembrando sempre o uso dos nomes intuitivos (que isto é muitíssimo importante). Também não devemos utilizar nos ids, palavras como: esquerda, direita, centro, coluna1, azul, vermelho, etc.
Padrões como esse também existem para diversas outras ocasiões, como por exemplo, o nome do arquivo *.css principal do site. Colocar style.css, estilo.css ficam redundantes, concordam?! (Tá bom, me entrego... já usei muito esses nomes antes!) Mas se a extensão é .css, já quer dizer que é um arquivo de estilo! É o mesmo que colocar ArquivoExecutavel.exe ou PHPdoMeuSite.php. Para identificar, devemos colocar o nome da media do arquivo: screen.css, print.css, handheld.css, etc.
Estes padrões são apenas alguns exemplos e dicas ao criar um site com WebStandards. Não existe nenhuma lei que rege isto internacionalmente. Isto são apenas recomendações de boa prática de desenvolvimento.
Mudando um pouco de assunto, o 13º EWD (Encontro de Web Designers) já está com data marcada. Já estou contando as horas para a inscrição do Peixe Grande 2008, e conto com a ajuda de todos vocês! Espero ter ajudá-los com esta palhinha. Críticas, dúvidas e sugestões não deixem de comentar, é de graça!
