Iniciar-se corretamente na criação de um site

Setembro 2016


Iniciar-se no Webmastering


Criar um site e suas páginas HTML é coisa que se aprende. E como em qualquer caso, hábitos devem ser criados e erros evitados. Veja uma lista de erros muito comuns, que tive a oportunidade de ver, e que gostaria que você não fizesse:


Para o seu Web site

  • Nomes simples. Sem espaços, sem letras maiúsculas, sem caracteres especiais nos nomes dos arquivos. Isso já evitará um monte de erros de links.
  • Nomes explícitos. Por exemplo, "gato.jpg" ou "casa.jpg" é melhor do que "img_1.jpg" e "img_2.jpg". Não só é bom para você mesmo para encontrar seus arquivos, mas também para o Google e outros motores de busca.
  • Organize o seu site com pastas e subpastas . Ter uma pasta com 40 imagens, 30 arquivos HTML e 5 arquivos CSS não é muito prático.
  • Coloque um arquivo index.html em cada pasta. Ao acessar uma pasta, o arquivo de índice se encarregará, automaticamente, e o visitante não poderá ver o conteúdo da pasta.
  • Meu conselho: se o seu site é de páginas estáticas, faça uma pasta por página. Faça do arquivo "index.html" a página em questão.
  • Saiba aonde você vai. Quando eu comecei minhas páginas, elas tinham a extensão "<ital.html</ital>." Mais tarde, eu quis acrescentar o php. Então, eu tive que mudar o nome de todos os meus arquivos.html inválidos. Foi bobagem, bastaria ter nomeado tudo em .php desde o início: não custa nada.
  • Teste suas páginas com vários navegadores: pode haver mudanças no nível de exibição, então, você deverá corrigi-las.

Para o seu código HTML

  • Codifique corretamente. Use os comentários e o entalhe do código. É melhor para você, mas também para um visitante curioso que queira, por qualquer motivo, examinar o seu código fonte.
  • Use os tags corretamente: cada tag HTML tem suas características. Por que fazer uma página inteira em <div> quando há os <h1>, <blockquote> ou <ul> para já ter uma formatação padrão.
  • Separe o conteúdo da embalagem. Use o arquivo HTML para o seu texto e um arquivo CSS ao lado, para qualquer design. É mais fácil de atualizar e oferece muitas outras vantagens.
  • Simplifique sua vida , em vez de complicá-la. Os CSS usam "class" e "id" para alcançar uma parte específica do documento. É você mesmo que podem escolher as "class" e os "id", então, dê-lhes nomes humanamente compreensíveis como "menu"ou "cabeçalho". Eu ainda vejo nomes do tipo "s"ou zjj56". O que tem a ver com a sua página?
  • Respeite as regras de codificação definidas pelo W3C . Seu site será compatível com os padrões e, consequentemente, mais apreciado.
  • Crie páginas leves. Um site que demora dois minutos para carregar, é demorado e enfadonho. As imagens podem ser otimizadas e o código também.


Páginas limpas e claras, um código simples e preciso, é melhor para o navegador (exibição correta e rápida) e, consequentemente, para os seus visitantes e para o Google, que leva em conta a velocidade das páginas para o referenciamento (http://pt.ccm.net/contents/web/referencement.php3 SEO). É simples de implementar e é benéfico para todos.

Links




Tradução feita por Lucia Maurity y Nouira

Veja também :
Este documento, intitulado « Iniciar-se corretamente na criação de um site  »a partir de CCM (br.ccm.net) está disponibilizado sob a licença Creative Commons. Você pode copiar, modificar cópias desta página, nas condições estipuladas pela licença, como esta nota aparece claramente.