Artigos de Dreamweaver.

Algumas vezes nós desenvolvedores queremos dar uma otimizada em nosso código para que seja indexado mais rapidamente pelos navegadores. Então abaixo seguem algumas dicas para que o código fique em um bloco mais compacto e otimizado. No Dreamweaver ou qualquer outro programa de texto que possua a função substituir, normalmente sob o atalho CTRL+F, digite os caracteres abaixo para efetuar a retirada de espaços em branco do código.

Agora se quiser fazer o contrário, colocar espaços em branco e endentação no seu código, o procedimento é o mesmo. Por exemplo, em determinados tipos de liguagem como o Javascript, o comando “Apply Source Format” não funciona no Dreamweaver. Neste caso então deve-se fazer a busca por uma chave ‘{‘ (sem aspas) por exemplo e substituí-la por uma outra chave ‘{‘ (sem aspas) seguida de uma quebra de linha (CTRL+ENTER) e 4 espaços para a indentação. São comandos fáceis de memorizar e de grande serventia.

Uma das  ferramentas mais legais na utilização do Dreamweaver para mim que sou heavy coder é a opção de organização do código automaticamente ao executar o comando de “Apply Source Formatting”. Comando este que na versão 8 está na barra de ferramentas lateral “Coding” da “Insert Bar” ou tradicionalmente na opção Commands 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>Preferences>Code Format e escolher o mesmo número de espaços para a tabulação. Qualquer dúvida é só dar uma olhada na imagem.