Cómo usar la codificación zen en Dreamweaver

Después de publicar mi artículo anterior "Zen Coding: una forma de escribir rápidamente el código HTML/CSS", algunos internautas dijeron que no sabían cómo usar el complemento de codificación Zen en DreamWeaver. Ok, hoy escribiré un tutorial detallado sobre cómo usar la codificación Zen en DW. Si ya sabe cómo usarlo, puede dejar de leer este artículo.

Afortunadamente, lo probé en Dreamweaver CS3 y demostré que tanto Dreamweaver CS3 como CS4 admiten este complemento de codificación ZEN.

Antes de instalar el complemento, asegúrese de haber instalado Adobe Extention Manager. Si no está instalado, vaya a Adobe Oficial Descargar e instalar:

• DW CS3 requiere que la versión 1.8 de Extention Manager se instale, acceda a la página de descarga o la descargue directamente;
• DW CS4 requiere la instalación de la versión de Extention Manager 2.0 , acceder a la página de descarga o descargarla directamente;

Descargar e instalar

Vaya a la página de inicio del Proyecto de codificación Zen para descargar el último complemento de codificación Zen para DreamWeaver. Hay una lista de descarga en la columna correcta de esta página, que es la que tiene la extensión MXP. (La versión actual es 0.7, puede hacer clic aquí para descargarla. Hay una versión empaquetada por Qianduan, pero la nueva versión oficial es 0.7, por lo que se recomienda usar la oficial).

Después de descargar, haga doble clic en el archivo Zen Coding v.0.7.mxp que descargó y puede instalarlo directamente. Es muy simple.

Después de la instalación, reinicie DW, y luego encontrará el submenú de codificación Zen en el menú de comando, como se muestra en la figura a continuación:

Esto significa que la instalación se ha completado con éxito.

El uso de la codificación zen también es muy simple. Cree un archivo nuevo o en cualquier archivo HTML, cambie a la vista de código y escriba el código de formato Zencoding, como:

Copiar el código