Fala galera! hoje iremos ver duas ferramentas que são muito importantes para melhorar o código da sua página. Vamos lá.
Validando o código
Embaixo da aba propriedades (Properties) temos a aba resultados (Results).
Abrindo a aba results, temos algumas guias como Search, Reference, Validation, Target Browser Check, Link Checher e outros... Vamos clicar na guia Validation para validar nosso código.
Clicando na seta verde do lado ( veja figura acima), vá na opção "Validate Current Document". Se o Dreamweaver pedir para salvar o documento primeiro, salve e depois execute. Após feito isso, você perceberá que ele irá gerar um relatório com os possíveis erros de validação da sua pagina e você mesmo poderá corrigi-los. Caso houver erros, será exibido um hexágono vermelho conforme a figura abaixo:
Se aparecer um triângulo amarelo, o seu código está válido mas há algumas divergências, por exemplo, se o seu charset está definido para usar caracteres especiais como (espaço), " (aspas) e você inseriu algum caractere acentuado ( á, à, ã, â, ä .... ) no código, ele irá citar uma recomendação conforme a figura abaixo:
Se aparecer "No errors or warnings found.", parabéns! o seu código está válido. Se quiser conferir, basta ir no site da W3C para testar.
Agora para finalizar:
Organizando seu código
Para arrumar seu código é só você ir na barra do lado e clicar no último item do menu. Clicando nele, vá em Apply Source Formatting e ele irá arrumar o código para você. Essa organização pode ser modificada indo em Preferences > Code Format. Lá você poderá modificar espaços, tabulações, recuos e outras configurações para organizar seu código. A imagem abaixo ajuda localizar a ferramenta.
Espero ter ajudado! Um abraço e até mais!
0 comentários:
Postar um comentário