Faça uma pergunta »

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

Maio 2015


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.kioskea.net/contents/web/referencement.php3 SEO). É simples de implementar e é benéfico para todos.

Links




Tradução feita por Lucia Maurity y Nouira
Para uma leitura offline, é possível baixar gratuitamente este artigo no formato PDF:
Iniciar-se-corretamente-na-criacao-de-um-site.pdf

A ver igualmente

Na mesma categoria

Things you should consider when creating your website
Por jak58 em 14 de janeiro de 2010
Errores a evitar al crear un sitio web
Por Carlos-vialfa em 14 de janeiro de 2010
Débuter correctement dans la création d'un site web
Por le hollandais volant em 13 de janeiro de 2010
Artigo original publicado por le hollandais volant. Tradução feita por pintuda.
Este documento, intitulado « Iniciar-se corretamente na criação de um site  »a partir de Kioskea (pt.kioskea.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.