Como usar a codificação Zen no Dreamweaver

Depois de publicar meu artigo anterior "Codificação Zen: uma maneira de escrever rapidamente o código HTML/CSS", alguns internautas disseram que não sabiam como usar o plug -in de codificação Zen no Dreamweaver. Ok, hoje vou escrever um tutorial detalhado sobre como usar a codificação Zen no DW. Se você já sabe como usá -lo, pode parar de ler este artigo.

Felizmente, testei no Dreamweaver CS3 e provou que tanto o Dreamweaver CS3 quanto o CS4 suportam esse plug -in da codificação Zen.

Antes de instalar o plug-in, verifique se você instalou o Adobe Extntion Manager. Se não estiver instalado, vá para o Adobe Oficial Download e instale:

• O DW CS3 exige que a versão 1.8 do Extension Manager seja instalada, acesse a página de download ou faça o download diretamente;
• O DW CS4 requer a versão da instalação do Extension Manager 2.0 , acesse a página de download ou faça o download diretamente;

Baixar e instalar

Vá à página inicial do Projeto de Codificação Zen para baixar o mais recente plug -in de codificação do Zen para o Dreamweaver. Há uma lista de download na coluna certa desta página, que é a da extensão MXP. (A versão atual é 0.7, você pode clicar aqui para baixá -lo. Existe uma versão embalada por Qianduan, mas a nova versão oficial é 0,7, por isso é recomendável usar o oficial.).

Após o download, clique duas vezes no arquivo Zen Coding V.0.7.mxp que você baixou e você pode instalá-lo diretamente. É muito simples.

Após a instalação, reinicie o DW e, em seguida, você encontrará o submenu de codificação Zen no menu de comando, conforme mostrado na figura abaixo:

Isso significa que a instalação foi concluída com sucesso.

O uso da codificação zen também é muito simples. Crie um novo ou em qualquer arquivo HTML, mude para a visualização do código e escreva o código do formato ZENCODING, como:

Copie o código