Passo 3

Estas Boas Práticas foram inumeradas pelo professor, em 6 regras, as quais apresento em baixo:

• 1º - Indentar o texto, SEMPRE! ver aqui (link do professor)
• 2º - Inserir comentários relevantes oa longo do código. ver aqui (link do professor)
• 3º - Regras para nomes dos ficheiros, sempre em minúsculas, sem espaço e sem acentos.
• 4º - No computador local, cada projeto deve ter uma pasta própria criada para o efeito. Em projetos para a web (ou seja, em HTML), o ficheiro inicial deve chamar-se index.html. Sempre!
• 5º - Em projetos para a web, na pasta do projeto, deve-se criar as sub-pastas imagens, css e js para inserir os ficheiros de imagens, de código css e de código Javascript, respectivamente. Deve criar 3 (ou mais) essas pastas mesmo que fiquem vazias.
• 6º - Antes de copiar as imagens para a pasta imagens (ver ponto anterior) elas devem ser redimensionadas para um máximo de cerca de 1200 pixel na sua maior dimensão (valor aproximado da dimensão atual da maioria dos ecrãs). Como sugestão, utilize por exemplo o IrfanView para operações de redimensionamento em serie (batch). É gratuito, pequeno e muito rápido.

Vou apresentar agora alguns printscreens de como cumpri cada uma das regras:

2ª Regra: Inserir comentários relevantes ao longo do código

3ª Regra: Nomes dos ficheiros

4ª Regra: Nome do ficheiro inicial html

5ª Regra: As sub-pastas dentro das diretorias

6ª Regra: Tamanho das imagens

Para mais informações consultem a página do professor ou o W3Schools