วิธีใช้การเข้ารหัสเซนใน Dreamweaver

หลังจากที่ฉันเผยแพร่บทความก่อนหน้าของฉัน "การเข้ารหัสเซน: วิธีการเขียนรหัส HTML/CSS" อย่างรวดเร็วชาวเน็ตบางคนบอกว่าพวกเขาไม่รู้วิธีใช้ปลั๊กอินการเข้ารหัสเซนบน Dreamweaver ตกลงวันนี้ฉันจะเขียนบทช่วยสอนโดยละเอียดเกี่ยวกับวิธีใช้การเข้ารหัสเซนใน DW หากคุณรู้วิธีใช้แล้วคุณสามารถหยุดอ่านบทความนี้ได้

โชคดีที่ฉันทดสอบมันใน Dreamweaver CS3 และพิสูจน์แล้วว่าทั้ง Dreamweaver CS3 และ CS4 รองรับปลั๊กอินของการเข้ารหัสเซนนี้

ก่อนที่จะติดตั้งปลั๊กอินโปรดตรวจสอบให้แน่ใจว่าคุณได้ติดตั้ง Adobe Extention Manager หากไม่ได้ติดตั้งโปรดไปที่ Adobe อย่างเป็นทางการดาวน์โหลดและติดตั้ง:

• DW CS3 ต้องการการติดตั้ง Manager Extention เวอร์ชัน 1.8 เข้าถึงหน้าดาวน์โหลดหรือดาวน์โหลดโดยตรง
• DW CS4 ต้องการการติดตั้งรุ่น Manager 2.0 , เข้าถึงหน้าดาวน์โหลดหรือดาวน์โหลดโดยตรง

ดาวน์โหลดและติดตั้ง

ไปที่หน้าแรกของโครงการการเข้ารหัสเซนเพื่อดาวน์โหลดปลั๊กอินการเข้ารหัสเซนล่าสุดสำหรับ Dreamweaver มีรายการดาวน์โหลดในคอลัมน์ด้านขวาของหน้านี้ซึ่งเป็นรายการที่มีส่วนขยาย MXP (เวอร์ชันปัจจุบันคือ 0.7 คุณสามารถคลิกที่นี่เพื่อดาวน์โหลดมีเวอร์ชันที่บรรจุโดย Qianduan แต่เวอร์ชันใหม่อย่างเป็นทางการคือ 0.7 ดังนั้นขอแนะนำให้ใช้อย่างเป็นทางการ)

หลังจากดาวน์โหลดให้ดับเบิลคลิกที่ไฟล์ ZEN V.0.7.MXP ที่คุณดาวน์โหลดและคุณสามารถติดตั้งได้โดยตรง มันง่ายมาก

หลังจากการติดตั้งรีสตาร์ท DW จากนั้นคุณจะพบเมนูย่อยการเข้ารหัสเซนภายใต้เมนูคำสั่งดังที่แสดงในรูปด้านล่าง:

ซึ่งหมายความว่าการติดตั้งเสร็จสมบูรณ์แล้ว

การใช้การเข้ารหัสเซนนั้นง่ายมากเช่นกัน สร้างไฟล์ HTML ใหม่หรือในใด ๆ สลับไปที่มุมมองรหัสและเขียนรหัสรูปแบบ ZenCoding เช่น:

คัดลอกรหัส