Cara menggunakan coding zen di dreamweaver

Setelah saya menerbitkan artikel saya sebelumnya "Zen Coding: A Way To Great Write HTML/CSS Code", beberapa netizen mengatakan bahwa mereka tidak tahu cara menggunakan plugin pengkodean Zen di Dreamweaver. Oke, hari ini saya akan menulis tutorial terperinci tentang cara menggunakan coding zen di DW. Jika Anda sudah tahu cara menggunakannya, Anda dapat berhenti membaca artikel ini.

Untungnya, saya mengujinya di Dreamweaver CS3 dan membuktikan bahwa Dreamweaver CS3 dan CS4 mendukung plugin pengkodean Zen ini.

Sebelum menginstal plug-in, pastikan Anda telah menginstal Adobe Extention Manager. Jika tidak diinstal, silakan kunjungi Adobe Resmi Unduh dan instal:

• DW CS3 mensyaratkan versi 1.8 dari Extention Manager untuk diinstal, mengakses halaman unduhan, atau mengunduhnya secara langsung;
• DW CS4 mengharuskan instalasi versi Extention Manager 2.0 , mengakses halaman unduhan, atau mengunduhnya secara langsung;

Unduh dan instal

Pergi ke beranda proyek pengkodean Zen untuk mengunduh plugin coding Zen terbaru untuk Dreamweaver. Ada daftar unduhan di kolom kanan halaman ini, yang merupakan yang dengan ekstensi MXP. (Versi saat ini adalah 0,7, Anda dapat mengklik di sini untuk mengunduhnya. Ada versi yang dikemas oleh Qianduan, tetapi versi baru resmi adalah 0,7, jadi disarankan untuk menggunakan yang resmi.).

Setelah mengunduh, klik dua kali file Zen Coding V.0.7.mxp yang Anda unduh dan Anda dapat menginstalnya secara langsung. Itu sangat sederhana.

Setelah instalasi, restart DW, dan kemudian Anda akan menemukan submenu pengkodean Zen di bawah menu perintah, seperti yang ditunjukkan pada gambar di bawah ini:

Ini berarti bahwa instalasi telah berhasil diselesaikan.

Penggunaan pengkodean Zen juga sangat sederhana. Buat file html baru atau apa pun, beralih ke tampilan kode, dan tulis kode format zencoding, seperti:

Salin kode