بعد أن نشرت مقالتي السابقة "Zen Coding: طريقة لكتابة رمز HTML/CSS بسرعة" ، قال بعض مستخدمي الإنترنت إنهم لا يعرفون كيفية استخدام البرنامج المساعد لـ Zen على Dreamweaver. حسنًا ، سأكتب اليوم برنامجًا تعليميًا مفصلاً حول كيفية استخدام ترميز Zen في DW. إذا كنت تعرف بالفعل كيفية استخدامه ، فيمكنك التوقف عن قراءة هذه المقالة.
لحسن الحظ ، اختبرت ذلك على Dreamweaver CS3 وأثبتت أن كلا من Dreamweaver CS3 و CS4 يدعمان هذا البرنامج المساعد من ترميز Zen.
يحضرقبل تثبيت المكون الإضافي ، يرجى التأكد من أنك قمت بتثبيت Adobe Extrenting Manager. إذا لم يتم تثبيته ، فيرجى الانتقال إلى تنزيل وتثبيت Adobe الرسمي:
انتقل إلى الصفحة الرئيسية لمشروع ترميز Zen لتنزيل أحدث مكون إضافي لـ Zen Coding لـ Dreamweaver. هناك قائمة تنزيل في العمود الأيمن من هذه الصفحة ، وهي تلك التي تحتوي على ملحق MXP. (الإصدار الحالي هو 0.7 ، يمكنك النقر هنا لتنزيله. هناك نسخة تعبئتها Qianduan ، ولكن الإصدار الجديد الرسمي هو 0.7 ، لذلك يوصى باستخدام الإصدار الرسمي.).
بعد التنزيل ، انقر نقرًا مزدوجًا فوق ملف Zen Coding v.0.7.mxp الذي قمت بتنزيله ويمكنك تثبيته مباشرة. إنه بسيط للغاية.
بعد التثبيت ، أعد تشغيل DW ، وبعد ذلك ستجد القائمة الفرعية للترميز Zen ضمن قائمة الأوامر ، كما هو موضح في الشكل أدناه:
هذا يعني أن التثبيت قد اكتمل بنجاح.
كيفية استخدام استخدام ترميز Zen بسيط للغاية. قم بإنشاء ملف جديد أو في أي ملف HTML ، والتبديل إلى عرض الرمز ، وكتابة رمز تنسيق zencoding ، مثل:انسخ الرمز