Aprenda como melhorar seu código
Aprenda com duas ferramentas do Dreamweaver como validar e como organizar o código da sua página.
Publicado em: 14 de janeiro de 2008 | Leituras: 5.829 |
Canal: DreamWeaver |
Autor: Silvio Araujo
Fala 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!
Resposta em até 24 horas! (grátis)Dúvidas?
Autor da matéria
Últimas matérias escritas pelo autor:
|
Silvio Araujo Possui formação técnica em Eletrônica pelo CEFET/RJ, é formado em Webdesign há 1 ano e trabalha na Agência TagMaster Soluções em Multimídia e Webdesign desenvolvendo e criando na área de webdesign e multimídia. Tem como especialidade desenvolver site |
Últimas matérias escritas pelo autor:
01/03 - Tunando Carros - Parte 2
25/01 - Tunando carros - Parte 1
14/01 - Aprenda como melhorar seu código
09/01 - Reduzindo o tamanho do arquivo final n...
07/01 - Criando Menu Vertical em Tableless
25/01 - Tunando carros - Parte 1
14/01 - Aprenda como melhorar seu código
09/01 - Reduzindo o tamanho do arquivo final n...
07/01 - Criando Menu Vertical em Tableless
Últimas matérias






O que você procura para sua vida profissional?
O planejamento agrega valor
E-mail marketing em 140 caracteres
Novos iPods, novo iOS, novo iTunes e nova Apple TV
Conheça as 100 primeiras cidades atendidas pelo Banda Larga ...
Linus Torvalds diz que mercado já se rendeu ao Linux