Cara menggunakan pengekodan zen dalam pengeluaran halaman web dreamweaver_HTML/Xhtml_

Selepas saya menerbitkan artikel terakhir saya "Zen Coding: A quick way to write HTML/CSS code", sesetengah netizen menyatakan bahawa mereka tidak tahu cara menggunakan zen coding plug-in di Dreamweaver. OK, hari ini saya akan menulis tutorial terperinci tentang cara menggunakan pengekodan zen dalam DW. Jika anda sudah tahu cara menggunakannya, anda boleh berhenti membaca artikel ini.

Berita baiknya ialah saya telah mengujinya pada Dreamweaver CS3, yang membuktikan bahawa kedua-dua Dreamweaver CS3 dan CS4 menyokong pemalam pengekodan Zen.

Bersedialah

Sebelum memasang pemalam, sila pastikan anda telah memasang Adobe Extention Manager Jika belum, sila muat turun dan pasang dari tapak web rasmi Adobe:

• DW CS3 perlu memasang Extention Manager versi 1.8, lawati halaman muat turun, atau muat turun terus;
DW CS4 perlu memasang Extention Manager
• 2.0 versi, lawati halaman muat turun, atau muat turun terus ;

Muat turun dan pasang

Pergi ke

halaman utama projek pengekodan zen untuk memuat turun pemalam pengekodan zen terbaru untuk dreamweaver Terdapat senarai muat turun di lajur kanan halaman, iaitu satu senarai dengan sambungan mxp. (Versi semasa ialah 0.7, anda boleh klik di sini untuk memuat turun , terdapat versi yang dibungkus oleh qianduan, tetapi versi baharu rasmi ialah 0.7, disyorkan untuk menggunakan yang rasmi .).

Selepas memuat turun, klik dua kali pada fail Zen Coding v.0.7.mxp yang anda muat turun untuk memasangnya secara langsung.

Mulakan semula DW selepas pemasangan, dan kemudian anda akan menemui submenu pengekodan zen di bawah menu arahan, seperti yang ditunjukkan di bawah:

Ini bermakna pemasangan telah berjaya.

Cara menggunakan
Penggunaan pengekodan zen juga sangat mudah Cipta yang baharu atau tukar kepada paparan kod dalam mana-mana fail html dan tulis kod format zencoding, seperti:

Salin kodKodnya adalah seperti berikut:

ul#nav>li*4> ;a

Kemudian, pilih baris kod ini dan tekan kekunci pintasan CTRL untuk menjana kod HTML lengkap:

Salin kodKodnya adalah seperti berikut:

">

Semudah itu.

Ubah suai kekunci pintasan Dreamweaver
Mungkin anda tidak biasa menggunakan kekunci pintasan lalai pemalam pengekodan zen, maka anda boleh mengubah suai kekunci pintasan dengan mudah:

Pilih submenu "Kekunci Pintasan" di bawah menu "Edit" untuk mengedit kekunci pintasan Antara muka adalah seperti yang ditunjukkan di bawah:

Barisan kekunci pintasan memaparkan kekunci pintasan semasa Jika anda perlu menukarnya, gerakkan kursor ke kotak input di belakang kekunci, kemudian tekan terus kekunci yang anda mahu gunakan pada papan kekunci, klik butang "Tukar". , dan kemudian Pasti.

Jika anda mengubah suai kekunci pintasan, sila berhati-hati agar tidak bercanggah dengan kekunci pintasan yang sedang digunakan.

Selain itu, tetapan kekunci pintasan lalai tidak boleh diubah suai Anda akan digesa apabila anda menukarnya. Anda boleh mengikut gesaan untuk membuat tetapan baharu.