หลังจากที่ฉันเผยแพร่บทความก่อนหน้าของฉัน "การเข้ารหัสเซน: วิธีการเขียนรหัส HTML/CSS" อย่างรวดเร็วชาวเน็ตบางคนบอกว่าพวกเขาไม่รู้วิธีใช้ปลั๊กอินการเข้ารหัสเซนบน Dreamweaver ตกลงวันนี้ฉันจะเขียนบทช่วยสอนโดยละเอียดเกี่ยวกับวิธีใช้การเข้ารหัสเซนใน DW หากคุณรู้วิธีใช้แล้วคุณสามารถหยุดอ่านบทความนี้ได้
โชคดีที่ฉันทดสอบมันใน Dreamweaver CS3 และพิสูจน์แล้วว่าทั้ง Dreamweaver CS3 และ CS4 รองรับปลั๊กอินของการเข้ารหัสเซนนี้
เตรียมตัวก่อนที่จะติดตั้งปลั๊กอินโปรดตรวจสอบให้แน่ใจว่าคุณได้ติดตั้ง Adobe Extention Manager หากไม่ได้ติดตั้งโปรดไปที่ Adobe อย่างเป็นทางการดาวน์โหลดและติดตั้ง:
ไปที่หน้าแรกของโครงการการเข้ารหัสเซนเพื่อดาวน์โหลดปลั๊กอินการเข้ารหัสเซนล่าสุดสำหรับ Dreamweaver มีรายการดาวน์โหลดในคอลัมน์ด้านขวาของหน้านี้ซึ่งเป็นรายการที่มีส่วนขยาย MXP (เวอร์ชันปัจจุบันคือ 0.7 คุณสามารถคลิกที่นี่เพื่อดาวน์โหลดมีเวอร์ชันที่บรรจุโดย Qianduan แต่เวอร์ชันใหม่อย่างเป็นทางการคือ 0.7 ดังนั้นขอแนะนำให้ใช้อย่างเป็นทางการ)
หลังจากดาวน์โหลดให้ดับเบิลคลิกที่ไฟล์ ZEN V.0.7.MXP ที่คุณดาวน์โหลดและคุณสามารถติดตั้งได้โดยตรง มันง่ายมาก
หลังจากการติดตั้งรีสตาร์ท DW จากนั้นคุณจะพบเมนูย่อยการเข้ารหัสเซนภายใต้เมนูคำสั่งดังที่แสดงในรูปด้านล่าง:
ซึ่งหมายความว่าการติดตั้งเสร็จสมบูรณ์แล้ว
วิธีใช้ การใช้การเข้ารหัสเซนนั้นง่ายมากเช่นกัน สร้างไฟล์ HTML ใหม่หรือในใด ๆ สลับไปที่มุมมองรหัสและเขียนรหัสรูปแบบ ZenCoding เช่น:คัดลอกรหัส