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.
PrepararAntes 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:
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.
Como usar 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