7 de maio de 2010

Organizar códigos HTML, XML, etc... com Dreamweaver


Alguns dias atrás meu amigo me pediu ajuda para poder identar um arquivo XML para ele, procurei na net um programa que fizesse isso, porém não encontrei um rapidamente, faltou uma pesquisa mais profunda e demorada.
Então resolvi procurar sobre tutoriais que ensinavam a fazer identação até que cheguei em dicas de como fazer isso através do Dreamweaver, o qual já utilizo a bastante tempo, porém não conhecia essa ferramenta.


Uma das  ferramentas mais legais na utilização do Dreamweaver para pessoas que são heavy coder, perfeccionistas ou simplesmente querem um código mais fácil de ser entendido, é a opção de organização do código automaticamente ao executar o comando de Apply Source Formatting (Aplicar formatação de origem).



Para utilizar essa ferramenta existe 2 formas:
  1. Ir na barra lateral, Coding (Codificação), e clicar no último item do menu. Clicando nele, vá em Apply Source Formatting (Aplicar formatação de origem) e ele irá arrumar o código para você. Essa organização pode ser modificada indo em Preferences (Preferências) > Code Format (Formato do código, ou simplemente clicando a na opção Configurações de formato de código... 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. 
  2. Ou tradicionalmente na opção Commands (Comandos) > Apply source formating (Aplicar formatação de origem) do menu principal.

Em apenas um clique o código fica todo bonitinho e organizado facilitando em muito a leitura e entendimento de suas tags. Mas é importante ressaltar que o Dreamweaver por configuração padrão endenta com 2 espaços e se você utilize o TAB durante a programação, o seu código será endentado com 4 espaços. Ou seja, você nunca conseguirá organizar seu código se estiver trabalhando com as duas opções, a automática e a manual. Mas há uma solução bem fácil para resolver este problema que facilitará muito a endentação de seu código.

Basta ir ao menu Edit (Editar) > Preferences (Preferências) > Code Format (Formato do código) e escolher o mesmo número de espaços para a tabulação. Qualquer dúvida é só dar uma olhada na imagem.




Fontes: iMasters Rcoli Oficina da Net

Um comentário:

  1. Muito Bom!!!!!

    Esbarrei com esse comando no dreamweaver mx lá na facu e agora entendi como ele funciona.


    Valeu.

    Abraços.
    Ps.:Vou dar uma andada pelo site :P

    ResponderExcluir

O System Ice agradeçe o todos os usuários, leitores e visitantes que deixam seus comentários. Assim melhorando nosso blog cada vez mais.