24 سبتمبر 2008، بكين - أعلنت شركة Adobe (Nasdaq: ADBE) اليوم عن إطلاق منتج بارز في الصناعة - عائلة منتجات Adobe® Creative Suite® 4. يمكن استخدام المنتج في جميع مسارات العمل الإبداعية وهو برنامج التصميم والتطوير الرائد في الصناعة. من خلال تحقيق اختراق أساسي في سير العمل، يتم إزالة الحواجز بين المصممين والمطورين. يشتمل خط إنتاج Creative Suite 4 الجديد على مئات الميزات المبتكرة لتعزيز العملية الإبداعية لإنتاج الطباعة والويب والهاتف المحمول والتفاعلية والصوت والفيديو بشكل شامل. يعمل هذا المنتج على رفع مستوى تقنية Flash الخاصة بخط الإنتاج بالكامل إلى مستوى جديد من التكامل والتعبير، وهو أكبر إصدار لبرنامج Adobe حتى الآن، بما في ذلك إصدارات Adobe Creative Suite 4 Design وإصدارات Creative Suite 4 Web وCreative Suite 4 Production Premium من Adobe المجموعة الرئيسية و13 منتجًا أساسيًا و14 تقنية متكاملة و7 خدمات.
لذلك قمت بتنزيل الإصدار التجريبي الرسمي من DreamWeaver CS4 للاختبار. ليس هناك الكثير مما يمكن قوله عن إلغاء الضغط والتثبيت. أشعر فقط أن سرعة التثبيت أسرع بكثير من الإصدار السابق من DreamWeaver CS3 واجهة أفضل من ذي قبل بعض التغييرات.
بالإضافة إلى تغييرات الواجهة، يعد هذا الإصدار بمثابة إصدار هام وله العديد من التحديثات، مثل:
نصائح التعليمات البرمجية لأطر عمل Ajax وJavaScript
أدوبي إنكونتيكست التحرير
مجموعة بيانات HTML
التكامل Subversion®
أفضل ممارسات CSS، وما إلى ذلك، يمكنك مراجعة صفحة الميزات الرسمية لمزيد من المعلومات.
سأقدم لك هنا بشكل أساسي بعض الميزات الجديدة لجافا سكريبت.
1. كود جافا سكريبت للروابط الخارجية.
نحن نعلم أننا لا نكتب بشكل عام تعليمات JavaScript مباشرة على الصفحة، ولكننا نضعها في ملف JS خارجي، ولا تقتصر فائدة القيام بذلك على تسهيل إدارة JavaScript على الموقع بأكمله فحسب، بل أيضًا مساعدة الكثير من الأشخاص بمساعدة التخزين المؤقت لملفات js الخاصة بالعميل، يتم تقليل إهدار حركة مرور نقل الشبكة لملفات js التي نادرًا ما تتغير.
بالإضافة إلى ذلك، لأسباب مثل التعاون بين عدة أشخاص والإدارة السهلة والتغييرات السريعة وطبقات التعليمات البرمجية، يجب أن نحاول الفصل بين الهيكل والأداء والسلوك قدر الإمكان في كتابة التعليمات البرمجية العادية، يمكنك استخدام الكثير من الكلمات مثل
< a onclick="alert_me('هذا رابط')" href="#">انقر لتنبيهي</a>
ومع ذلك، فإن مثل هذه التعليمات البرمجية تقوم بذلك عن طريق دمج السلوك في بنية التعليمات البرمجية الأساسية، ونحن نؤيد إضافة أحداث لفصلها بالكامل في تعليمات JavaScript البرمجية. ويمكن أيضًا إكمال هذه العملية بواسطة DreamWeaver CS4.
في DreamWeaver CS4، يتم توفير هذه الوظيفة لنا. يمكنك العثور على هذه الوظيفة في [الأوامر]->[Externalize JavaScript].
ومن أجل اختبار هاتين الميزتين، كتبنا الكود التالي:
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD /xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml ">
<الرأس>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>مستند بدون عنوان</title>
<نوع البرنامج النصي = "نص/جافا سكريبت">
وظيفة التنبيه_لي (رسالة)
{
تنبيه (رسالة)؛
}
</script>
</الرأس>
<الجسم>
<a href="#" onclick="alert_me('هذا رابط')">انقر لتنبيهي</a>
</الجسم>
</html>
يمكنك أن ترى أنه في هذا الكود، لا تظهر وظيفة JavaScript على الصفحة فحسب، بل يرتبط السلوك أيضًا مباشرةً بعلامة HTML. في هذا الوقت، استخدم [Commands]->[Externalize JavaScript] لفتح DreamWeaver CS4 كـ. كما ترون من الأدوات التي نقدمها، هناك خياران، يتوافقان على التوالي مع فصل كتل تعليمات JavaScript البرمجية الموجودة في الصفحة إلى ملفات خارجية وفي نفس الوقت فصل JavaScript في تعليمات HTML البرمجية:
نختار "Externalize JavaScript و" إرفاق بشكل غير ملحوظ "، أي أن فصل كتل التعليمات البرمجية والأكواد الموجودة في العلامات يكتمل في نفس الوقت. بعد اكتمال تنفيذ الأمر، يكون رمز الصفحة كما يلي:
< !DOCTYPE html PUBLIC "-//W3C/ /DTD XHTML 1.0 Transitional//EN" " http://www .w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml ">
<الرأس>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>مستند بدون عنوان</title>
<script src="SpryAssets/SpryDOMUtils.js" type="text/javascript"></script>
<script src="Untitled-15.js" type="text/javascript"></script>
</الرأس>
<الجسم>
<a href="#" id="a1">انقر لتنبيهي</a>
</الجسم>
</html>
بهذه الطريقة، يتم إكمال العمل المقابل تلقائيًا.
2. نصائح حول كود جافا سكريبت.
لم يكن هناك دائمًا بيئة تطوير متكاملة (IDE) ملائمة بشكل خاص لتطوير JavaScript. Aptana هي أداة تطوير JavaScript تعتمد على Ecplise، والتي توفر تمييز التعليمات البرمجية ووظائف مطالبة التعليمات البرمجية. الآن، يوفر DreamWeaver CS4 أيضًا هذه الوظيفة متاح بالفعل لتلميحات التعليمات البرمجية.
بالإضافة إلى ذلك، يوفر DreamWeaver CS4 أيضًا مطالبات لأخطاء التعليمات البرمجية. عند حدوث خطأ في التعليمات البرمجية، سيكون هناك شريط مطالبات أصفر أعلى النافذة ورقم السطر على الجانب الأيسر من التعليمات البرمجية.
3. دعم مكتبات جافا سكريبت التابعة لجهات خارجية.
يوفر Aptana المذكور أعلاه أيضًا دعمًا لمجموعة متنوعة من مكتبات JavaScript التابعة لجهات خارجية، مثل Prototype وjQuery وYUI وExtJS وما إلى ذلك. كما يوفر DreamWeaver CS4 الدعم أولاً، ونقدم مكتبة النموذج الأولي، ثم ندخل Ajax الجديد عند المحاولة لإنشاء تطبيق Ajax، يقدم DreamWeave CS4 تلميحات تعليمات برمجية لأساليب أعضاء فئة Ajax.
مصدر المقال: http://www.hanguofeng.cn/archives/web-client/dreamweaver-cs4-new-feture-javascript