ملخص الميزات الجديدة - مايو 2015

استعلامات الإعلام المرئي

دعم فحص التعليمة البرمجية

مع هذا الإصدار الجديد من Dreamweaver، يمكنك الآن تصحيح التعليمة البرمجية الخاصة بك للأخطاء الشائعة باستخدام الفحص. "الفحص" هو عملية تشغيل أي برنامج لبحث مدى وجود أخطاء محتملة في التعليمة البرمجية. يمكن لـ Dreamweaver فحص ملفات HTML وCSS وJavaScript عند تحميلها أو تحريرها. يتم سرد الأخطاء والتحذيرات بعد ذلك في لوحة الإخراج الجديدة.

لمزيد من المعلومات، راجع فحص التعليمة البرمجية.

الدعم لـ Emmet

هل أنت مطور محترف يقوم بكتابة أسطر متعددة من التعليمة البرمجية في Dreamweaver؟ وفر وقتك باستخدام اختصارات Emmet للتعليمة البرمجية. من السهل مع هذه الاختصارات التي تتميز بسهولة تذكرها وكتابتها التوسع داخل التعليمة البرمجية كاملة في "عرض التعليمة البرمجية" عندما تقوم بالضغط على المفتاح Tab.

للحصول على معلومات مفصلة، راجع إدراج التعليمة البرمجية باستخدام Emmet.

معالجات CSS

معاينة الصور والألوان في "عرض التعليمة البرمجية"

معاينة الصور

يسمح لك Dreamweaver الآن بمعاينة الصور في "التعليمة البرمجية" بالمرور بالماوس فوق عنوان URL للصورة.

يتم الآن تمكين معاينات الصور لمسارات الصور عن بعد مثل <img src="https://a2.behance.net/img/profile/no-image-138.jpg?cb=1816124956" />.

إذا لم يتمكن Dreamweaver من عرض المعاينة للمسارات البعيدة، يتم عرض الرسالة "تعذر تحميل الصورة".

يمكنك الحصول على معاينة لأنواع ملفات الصور التالية:

JPEG
JPG
PNG
GIF
BMP
SVG

يتم عرض معاينة الصور عند تمرير الماوس فوق عناوين URL في الحالات التالية:

• url( );
• data-uri( )
• قيمة سمة Src لعلامة img

معاينة الألوان

تم تحسين معاينة الأصل في التعليمة البرمجية بصورة أكبر الآن. يسمح لك Dreamweaver الآن بمعاينة الألوان في "التعليمة البرمجية" بالمرور بالماوس فوق قيم الألوان. فيما يلي التنسيقات المدعومة:

قيم ألوان سداسية مكونة من 3 أو 6 أرقام: #ff0000;
RGB: rgb(0, 0, 0)‎;
RGBA: rgba(0, 255, 228,0.5)‎;
HSL: hsl(120, 100%, 50%)‎;
HSLA: hsla(120, 60%, 70%, 0.3)‎;
أسماء الألوان المحددة مسبقًا: الزيتي والأزرق المخضر والأحمر وغير ذلك؛

أجزاء التعليمة البرمجية الجديدة

والقصاصات هي أجزاء من التعليمة البرمجية يمكنك إعادة استخدامها عدة مرات في المشروعات الخاصة بك. يوفر هذا الإصدار من Dreamweaver أجزاء جديدة ومحدثة من التعليمات البرمجية:

• Boostrap_Snippets
• CSS_Animation_And_Transitions
• CSS_Effects
• CSS_Snippets
• HTML_Snippets
• قصاصات JavaScript (محدثة)
• PHP_Snippets
• Preprocessor_Snippets
• Responsive_Design_Snippets

للحصول على معلومات حول استخدام أجزاء التعليمة البرمجية، راجع العمل مع أجزاء التعليمة البرمجية.

تكامل نظام تمهيد التشغيل

يمكنك الآن فتح مواقع الويب التي تم إنشاؤها باستخدام إطار "نظام تمهيد التشغيل" (الإصدار 3 والإصدارات الأحدث) في Dreamweaver وتحرير الصفحات باستخدام ميزات التعليمة البرمجية أو التصميم المرئي. يتعرف Dreamweaver على ملفات CSS المرتبطة إذا احتوت أسماء الملفات على "نظام تمهيد التشغيل" داخلها.

يمكنك أيضًا إضافة مكونات "نظام تمهيد التشغيل" داخل Dreamweaver (إدراج لوحة) وتعديل التصميم لزوايا مختلفة من خلال تحرير الشبكات بسهولة وسرعة.

للحصول على معلومات مفصلة، راجع العمل مع ملفات "نظام تمهيد التشغيل".

قوالب بادئ نظام تمهيد التشغيل

يشتمل Dreamweaver الآن على قوالب "نظام تمهيد التشغيل" تساعدك في بدء العمل بسرعة مع التصميمات التفاعلية بشكل أسرع. يمكنك الوصول إلى قوالب "نظام تمهيد التشغيل" التالية من مربع الحوار New Document:

• Bootstrap-eCommerce
• Bootstrap-One PageBootstrap-Portfolio
• Bootstrap-The Agency
• Bootstrap-The Grid

التعليمة البرمجية القابلة للطي

يمكنك الآن طي التعليمة البرمجية في ملفات HTML وCSS وLESS وSASS وSCSS وJS وPHP وXML وSVG استنادًا إلى مقاطع العلامة. عند تمرير الماوس فوق عمود رقم السطر، يظهر مثلث صغير بجوار أرقام الأسطر في "عرض التعليمة البرمجية"، حيث يمكّنك من النقر لطي / توسيع مقاطع التعليمات البرمجية. تقوم وظيفة طي التعليمة البرمجية الجديدة هذه باستبدال التعليمة البرمجية الحالية المستندة إلى التحديد.

يتم عرض رموز طي التعليمة البرمجية (مثلثات معكوسة) لجميع مقاطع العلامات التي تحتوي على أكثر من سطرين من التعليمة البرمجية في "عرض التعليمة البرمجية".

تقوم عمليات Copy وCut وPaste والسحب والإفلات بالاحتفاظ بحالة طي التعليمة البرمجية. فعلى سبيل المثال، عندما تقوم بنسخ مجموعة تعليمات برمجية مطوية، ستقوم عملية Paste بلصق النص المنسوخ كمقطع مطوي.

طي التعليمة البرمجية في ملفات HTML

بعكس وظيفة طي التعليمة البرمجية سابقًا، سوف يحتوي المحتوى المطوي الآن على علامة الإغلاق ويتم تقديمها بشكل مختلف عن عملية التنفيذ السابقة.

زاد الآن عدد الأحرف المعروضة في مقطع مطوي للتعليمات البرمجية. يساعدك هذا على معاينة السمة (السمات) الأولية، إن وجدت، في مقطع العلامة المطوية. فعلى سبيل المثال، إذا احتوت علامة Div المطوية على سمتي المعرف والفئة، سوف تبدو المقطع المطوي كما يلي:

في Windows، يمكنك معاينة التعليمة البرمجية داخل مقطع مطوي بتمرير الماوس فوق التعليمة البرمجية المطوية. يتم توسيع المقطع المطوي تلقائيًا عندما تتلقى التعليمة البرمجية داخل المقطع المطوي التركيز من خلال Tag Selector أو Find & Replace أو Go To Line أو Element Quick View أو Live View أو Undo/Redo. وبمجرد نقل التركيز خارج مقطع التعليمة البرمجية، يتم طيها تلقائيًا.

طي التعليمة البرمجية في ملفات CSS وLESS وSASS وSCSS وJS

يمكن الآن طي مقاطع التعليمة البرمجية المحاطة بالأقواس المتعرجة في ملفات CSS وLess وSass وSCSS وJS.

قم بتمرير الماوس فوق منطقة طي التعليمة البرمجية على أي سطر يحتوي على الأقواس المتعرجة للفتح "{".

يؤدي النقر فوق طي إلى طي المحتوى بين الزوج المتوافق من الأقواس المتعرجة ويتم عرض المعاينة كـ "{...}"

طي التعليمة البرمجية في ملفات PHP

في ملفات PHP، يمكن طي عناصر HTML ومقاطع التعليمة البرمجية لـ CSS وJS بالإضافة إلى مقاطع تعليمة PHP البرمجية.

يمكن طي كل مقطع PHP يبدأ بـ “<?php” وينتهي بـ “?>”.

قم بتمرير الماوس فوق منطقة طي التعليمة البرمجية على أي سطر يحتوي على <?php وانقر فوق رمز الطي لطي مقطع التعليمة البرمجية.