Aprenda como melhorar seu código
Canal: DreamWeaver | Autor: Silvio Araujo | Publicado em: 14/01/2008 | Views: 4.944Fala galera! hoje iremos ver duas ferramentas que são muito importantes para melhorar o código da sua página. Vamos lá.
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:
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!
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!
Esta obra está licenciada sob uma Licença Creative Commons. Você pode copiar, distribuir, exibir, executar, desde que seja dado
crédito ao autor original (Citando nome do autor, data, local e link de onde tirou o texto). Você não pode fazer uso comercial desta obra.
Você não pode criar obras derivadas.
Vote no artigo:
NR. DE VOTO(S): [2]
Artigo anterior
Criando rapidamente uma String.
Nesse primeiro artigo eu vou ensinar a. Próximo artigo
Dreamweaver: Inserindo Botões .
O Dreamweaver se integra facilmente as.
Criando rapidamente uma String.
Nesse primeiro artigo eu vou ensinar a. Próximo artigo
Dreamweaver: Inserindo Botões .
O Dreamweaver se integra facilmente as.
Veja matérias relacionadas com o assunto:
| 11/04/2008 | Validação de Código |
| 16/01/2008 | Nova tecnologia de buscas é revelada pela W3C |
| 12/09/2007 | 3 MOTIVOS PARA DEIXAR O SEU SITE ACESSÍVEL |
| 22/08/2007 | O que é XML? |
| 06/08/2007 | Validação vale à pena? |
| 20/06/2007 | Caminhando pelo DOM - Parte III |
| 10/09/2006 | O que é tableless e como funciona essa metodologia? |
| 12/03/2010 | Validando CPF através de JavaScript |
| 05/07/2009 | Validando o Windows XP |
| 11/04/2008 | Validação de Código |
| 29/02/2008 | Validação de CPF com PHP |
| 06/08/2007 | Validação vale à pena? |
| 09/07/2007 | Validação de Formulário em Javascript |







