ملخص الميزات | Dreamweaver CC | إصدارات 2015

يوفر لك الإصداران Dreamweaver CC 2015.1 و2015.2 و2015.3 تجربة رائعة في تصميم المواقع وإنشائها في Dreamweaver. يُمكن الآن الوصول إلى مكتبات Creative Cloud وAdobe Stock من خلال Dreamweaver لتكامل عناصر التصميم والأنماط من تطبيقات Adobe لسطح المكتب وتطبيقات الهاتف الجوال والصور ومقاطع الفيديو ذات الجودة العالية. توفر الميزات التعاونية في Creative Cloud مهام سير عمل أكثر سلاسة من المصمم إلى المطور.

يتضمن هذا الإصدار أيضًا العديد من التحسينات للوحة DOM للحصول على تصميم ويب أكثر استجابة وExtract وتحرير طريقة العرض Live وغيرها من طلبات التحسين المستخدمة من مستخدمين مثلك. توفر هذه المقالة معلومات أساسية حول هذه الميزات الجديدة والتحسينات، كما توفر ارتباطات لموارد من أجل مزيد من التعليمات والتثقيف.

يوفر هذا الإصدار من Dreamweaver حلاً للمشكلة على أجهزة الكمبيوتر العاملة بنظام Windows، حيث لا يمكن أن يتحول الكمبيوتر إلى وضع السكون في حالة تشغيل Dreamweaver (مشكلة مؤقت التنبيه). 

لمزيد من المعلومات، راجع يتعذر سكون الكمبيوتر في حالة تشغيل Dreamweaver | Windows.

Adobe Dreamweaver CC 2015.2 (إصدار مارس 2016)

تحسينات لوحة DOM

مع دعم لتحديدات متعددة، تحرير العلامات والطبقات، ومعرّفات وإدخال عناصر جديدة، يمكنك الآن تخطيط وتصميم الجزء الأكبر من صفحة ويب الخاصة بك باستخدام لوحة DOM فقط.

تابع القراءة لمعرفة المزيد حول هذه التحسينات على لوحة DOM:

• الدعم لتحديد عدة عناصر
• تحرير العلامات والفئات والمعرفات ولوحة DOM
• إدراج العناصر في لوحة DOM
• الملاحظات المرئية للعُقد التابعة

الدعم لتحديد عدة عناصر DOM 

يمكنك الآن تحديد العلامات متعددة في لوحة DOM من مستند في نفس الوقت تحرير أو إجراء عمليات أخرى على عدة علامات.

• للتحديد المتجاور، اضغط باستمرار المفتاح Shift وانقر فوق العلامات في لوحة DOM.
• للتحديد غير المتجاور، اضغط باستمرار المفتاح Ctrl وانقر فوق العلامات في لوحة DOM.

عند تحديد عناصر متعددة في لوحة DOM:

• يتم تعطيل Property Inspector، وCSS Designer.
• يتم مسح التدرج الهرمي للعلامات كما هو مبين في الجزء السفلي من الصفحة.
• وتصبح نقطة الإدراج في عرض Code تصبح غير نشطة.

تحرير العلامات والفئات والمعرفات ولوحة DOM

يُمكنك الآن تحرير العلامات والفئات والمعرفات عن طريق النقر المزدوج فوقها في لوحة DOM. كما يُمكنك إضافة فئات أو معرفات إضافية عن طريق فصلها بمسافة. بالنسبة للعلامات غير المرتبطة بفئة ما أو معرف، يُمكنك كتابة اسم الفئة أو المعرف بعد النقر المزدوج فوق العلامة.

تظهر تلميحات التعليمة البرمجية بمجرد بدء كتابة اسم العلامة أو الفئة أو المعرف. لتضييق نطاق التلميحات إلى الفئات، ابدأ الكتابة بنقطة. لرؤية المعرفات فقط في التلميحات، ابدأ الكتابة بعلامة تجزئة (#).

لإزالة علامة، انقر بزر الماوس الأيمن فوق العلامة الموجودة في لوحة DOM، وانقر فوق Remove Tag.

إدراج العناصر في لوحة DOM

يُمكنك الآن إدراج عناصر جديدة في صفحة الويب باستخدام لوحة DOM بإحدى الطرق التالية:

• اضغط على مفتاح المسافة أو انقر فوق أيقونة الإدراج المجاورة للعنصر المطلوب في لوحة DOM. في النافذة المنبثقة التي تظهر، انقر فوق أحد الخيارات التالية. لالتفاف العديد من العناصر باستخدام علامة، حدد العناصر المطلوبة ثم اختر علامة الالتفاف من خيارات الإدراج.

• انقر فوق العنصر المطلوب في لوحة الإدراج واسحبه إلى لوحة DOM. تظهر أدلة Live للإشارة إلى ما إذا كان سيتم إدراج العنصر. أفلت العنصر في موقع الصورة.

عند قيامك بإدراج العلامات باستخدام لوحة DOM، يتم أيضا إدراج النص الافتراضي (العنصر النائب) والسمات المطلوبة للعلامات:

• عند إدراج أي من العلامات التالية وتطبيق التغييرات، يتم إدراج النص الافتراضي في طريقة عرض Code وLive وDesign:
  div، وheader، وnav، وaside، وarticle، وsection، وfooter، وh1-h6، وhgroup
• عندما تقوم بإدراج علامة جدول وتنفيذ هذه التغييرات، يتم إدراج جدول 3X3.
• عند إدراج علامة embed أو img وتنفيذ التغييرات، يظهر حوار Select File ويطالبك باختيار الملف المناسب.
• عند إدراج علامة تعريف وتطبيق التغييرات، تتم إضافة التعليمة البرمجية في عرض Code: <meta name="" content="">
• عند إدراج علامة figure وتنفيذ التغييرات، يتم إدراج علامة figure مع figcaption متداخلة.
• وعند إدراج علامة ul أو علامة ol وتنفيذ التغييرات، يتم إدراج علامة ol/ul مع علامة li المتداخلة.

الملاحظات المرئية للعُقد التابعة

عند تحديد عقدة في لوحة DOM يتم عرض العقد التابعة لها في باللون الأزرق الفاتح.

وفي حالة عدم تحديد أي عقد تابعة بشكل صريح، لا يتم عرض التمييز باللون الأزرق الفاتح.

التحسينات الأمنية لمنع استغلال Gatekeeper

Gatekeeper هي ميزة حماية من البرامج الضارة مضمنة في نظام التشغيل Mac OS X 10.7 والإصدارات اللاحقة. وتتحقق هذه الميزة من وجود توقيعات معرف مطور صالحة في التطبيقات قبل تثبيتها على Mac. لكن لا تكتشف .Gatekeeper التطبيقات المحملة بشكل ديناميكي من داخل التطبيقات التي لها توقيعات صالحة، ولا تحظرها. وفي حالة شراء Dreamweaver من مصادر غير مرخصة، قد يتم استغلال هذا العيب في Gatekeeper لتقديم مكونات إضافية ضارة في حزمة تثبيت Dreamweaver. 

لمنع أي استغلال محتمل، تطالبك Dreamweaver الآن بتأكيد ما إذا كنت تريد تحميل المكونات الإضافية الخاصة بجهة خارجية إذا تم تثبيتها في مكان خلاف /Applications.

للحصول على معلومات تفصيلية، راجع منع استغلال Gatekeeper المحتمل.

تكامل CEF

يتم الآن تكامل Dreamweaver مع CEF3 2357. يُمكن لطريقة عرض Live تقديم تنقلات CSS3 3D، علاوة على
الرسوم المتحركة والتحويلات.

لمزيد من المعلومات، راجع تكامل CEF.

تحسينات استعلام الوسائط المرئية

سوف تكون قادرًا الآن على تحديد وحدة ما - px أو em أو rem- أثناء إضافة استعلامات الوسائط باستخدام شريط استعلام الوسائط البصرية. وعندما تقوم بتحديد قيمة في وحدة واحدة، ثم تقوم بتغيير الوحدة، يتم تحويل القيمة تلقائيًا إلى الوحدة المحددة مؤخرًا.

لمزيد من المعلومات، راجع استعلامات الوسائط المرئية.

التحسينات لـ CC Libraries

التغييرات في مربع حوار إعادة التشكيل

تم تغيير تسمية واجهة المستخدم، "تغيير الحجم إلى"، في مربع حوار تحسين الصورة إلى "إعادة التشكيل إلى".

وأيضًا، عند إعادة تشكيل صورة من لوحة CC Libraries، تظهر أداة انتقاء في الصورة حتى يتم تشكيل الصورة تمامًا.

لمزيد من المعلومات التفصيلية، راجع مكتبات Creative Cloud في Dreamweaver.

استخراج ملفات SVG المحسّنة من مكتبات CC

إذا قمت بحفظ صور Adobe Stock مرخصة في مكتبات Creative Cloud لديك، فيُمكنك استخراجها كملفات SVG ويب محسّنة في صفحات ويب Dreamweaver. عند قيامك بسحب صور من لوحة مكتبات CC إلى صور الويب، سيتم إدراجها كملفات SVG بشكل افتراضي.

إذا أردت تخصيص خصائص ملفات SVG، فيُمكنك تحرير التفضيلات في ملف options.json.

لمزيد من المعلومات، راجع استخراج ملفات SVG المحسنة على الويب من CC Libraries.

قوالب بادئ التشغيل الجديدة

تمت إضافة ثلاثة قوالب بريد إلكتروني جديدة في هذا الإصدار - وهي Email-Fluid، وEmail-Hybrid، وEmail-Responsive

للوصول إلى القوالب، انتقل إلى File > New > Starter Templates > Email Templates.

التحسينات على تحرير الجدول في طريقة العرض Live

خيارات التحرير الجديدة للصفوف والأعمدة

تتوفر خيارات التحرير التالية للجداول في عرض الجدول:

• احذفها باستخدام مفاتيح Delete/Backspace.
• قم بالقص باستخدام قائمة السياق، أو قائمة Edit، أو اختصار لوحة المفاتيح.
• قم بالنسخ باستخدام قائمة السياق، أو قائمة Edit، أو اختصار لوحة المفاتيح.
• قم بالصق باستخدام قائمة السياق، أو قائمة Edit، أو اختصار لوحة المفاتيح.
• قم بنسخ واستبدال الصفوف أو الأعمدة الأخرى باستخدام خيار "استبدال الخلايا المحددة" في قائمة السياق.

لمشاهدة هذه الخيارات، أدخل التنسيق الجديد في الجدول من خلال تحديد الجدول والوقر فوق أيقونة الشطيرة في عرض العناصر. ثم حدد الخلية (الخلايا) المطلوبة وانقر بزر الماوس الأيمن.

التنقل بين الصفوف والأعمدة

يمكنك الآن التنقل بين خلايا جدول ما في طريقة عرض Live باستخدام مفتاحي السهمين الأيمن والأيسر. انقر فوق خلية في الجدول واضغط على مفتاح السهم لليسار للانتقال إلى الخلية السابقة ومفتاح السهم الأيمن للانتقال إلى الخلية التالية في الجدول.

التغييرات في الشاشة Welcome

يتم تغيير شاشة Welcome في هذا الإصدار من Dreamweaver:

Adobe Dreamweaver CC 2015.1 (إصدار نوفمبر 2015)

التكامل مع مكتبات Creative Cloud

مع الدعم الجديد لمكتبات Creative Cloud، يمكنك التعاون في الرسومات ونسق الألوان التي تم إنشاؤها في أدوات التصميم الأخرى ومشاركتها، مثل Photoshop أو Illustrator أو تطبيقات الهاتف المحمول. كما يمكنك استعراض الأصول الإبداعية وإدارتها والوصول إليها وقتما تشاء وأينما كنت بحاجة إليها، عبر مشروعات Dreamweaver. 

عندما تقوم بإدراج الأصول من مكتبات Creative Cloud، يمكنك اختيار الاحتفاظ على الرابط بين الأصل والمصدر حتى تظل أصولك مُحدثة طوال الوقت.

تساعدك لوحة "مكتبات CC" الجديدة في Dreamweaver على عرض الأصول في مكتبات Creative Cloud الخاصة بك وإدراجها في صفحات الويب الخاصة بك. يمكنك إدراج الأصول في طريقة العرض Live أو طريقة العرض Code باستخدام تلميحات الأكواد البرمجية.

للحصول على معلومات تفصيلية، راجع مكتبات Creative Cloud في Dreamweaver.

التكامل مع Adobe Stock

يتيح لك التكامل مع Adobe Stock تنزيل صور ملكية مجانية ورسومات متجهات وفيديوهات مباشرة إلى "مكتبات Creative Cloud" وإدارة محتوى Adobe Stock وإعادة استخدامه بسهولة من خلال Dreamweaver مباشرة.

اعثر على الصور المثالية والرسومات والفيديوهات من Adobe Stock لجعل موقع الويب الخاص بك يشترك في المطالبة البصرية لجمهورك - أثناء العمل في Dreamweaver.

تحسينات التصميم التفاعلي

• تحسينات Bootstrap
• تحسينات استعلام الوسائط المرئية

تحسينات Bootstrap

الدعم الخاص بإصدار 3.3.5 من Bootstrap

تم تحديث إصدار Bootstrap المستخدم في Dreamweaver إلى الإصدار 3.3.5. ونتيجة لذلك، أصبحت الآن مكونات Bootstrap والأجزاء وقوالب بداية التشغيل بالإصدار 3.3.5. 

تم تحديث إصدار jQuery أيضًا إلى 1.11.3.

الصفوف والأعمدة المتكررة

إضافة إلى دعم قدرات "إضافة عمود/إضافة صف" لمستندات Bootstrap في طريقة العرض Live، يتيح لك Dreamweaver أيضًا الآن تكرار الصفوف والأعمدة.

يُمكنك تكرار صف أو عمود محدد عن طريق النقر فوق أيقونة التكرار () التي تظهر أسفل الزاوية اليسرى. يتم تكرار الصف أو العمود بالكامل إضافة إلى المحتويات الموجودة به.

تحسينات على سير عمل إنشاء مستند Bootstrap

سواء كنت تقوم بإنشاء مستند Bootstrap من مربع الحوار "مستند جديد" أو من قوالب بداية التشغيل، فقد أصبح سير العمل الآن سلسًا. لا تظهر أي مربعات حوار - Copy Dependent Files وOverwrite Existing Files - كما في إصدارات Dreamweaver السابقة.

عند إنشاء مستند Bootstrap وحفظه في موقع محدد، يتم حفظ الملفات التابعة في نفس الموقع بشكل تلقائي.

تحسينات استعلام الوسائط المرئية

• التركيز على القيم الحالية لنقطة الفاصل
• التحسينات لإضافة سير عمل استعلام الوسائط
• تحسينات على تحرير نقاط الفاصل

التركيز على القيم الحالية لنقطة الفاصل

يعمل Dreamweaver الآن على تمييز استعلامات الوسائط المرتبطة بحجم إطار العرض الحالي بحيث يُمكنك تحديدها سريعًا. يكون التمييز في شكل الصفوف الأغمق وخلفية مظلمة لقيم نقطة الفاصل الخاصة باستعلامات الوسائط.

تحسينات لإضافة سير عمل استعلام الوسائط

عند النقر الآن فوق + في شريط "استعلامات الوسائط المرئية"، لا يطالبك Dreamweaver بالنقر فوق خياري max-width أو min-width. وبدلاً من ذلك، تظهر القائمة المنبثقة لإضافة استعلام الوسائط على الفور. 

وكذلك، في القائمة المنبثقة، يتم تحديد خيار max-width افتراضيًا. يتم تقديم قائمة منسدلة لتتيح لك تغيير الخيار إلى min-width أو min-max. 

تحسينات على تحرير نقاط الفاصل

يُمكنك الآن تحرير قيم استعلام الوسائط عن طريق النقر المزدوج فوق قيم نقطة الفاصل في شريط "استعلام الوسائط المرئية". عند قيامك بالنقر المزدوج فوق قيمة نقطة الفاصل، يتم عرض حد برتقالي وتظهر نقطة إدخال داخل الحد.

وبعد إدخال القيم الجديدة (بوحدة البيكسل)، اضغط على Enter/Return لتنفيذ التغييرات، أو اضغط على Escape لتجاهلها.

عرض رقم السطر في الخيار Go To Code

يعرض الخيار Go To Code في قائمة سياق النقر بزر الماوس الأيمن لاستعلام الوسائط المرئية رقم سطر التعليمة البرمجية حتى يسهل عليك الوصول إلى التعليمة البرمجية المقابلة.

تحسينات على Extract

• دعم العديد من وحدات الرسم
• دعم استخراج Drop Shadow
• تلميحات لمعالجة أنماط طبقة غير مدعومة

دعم العديد من وحدات الرسم

يُمكنك الآن فتح ملفات PSD باستخدام العديد من لوحات الرسم في لوحة استخراج Dreamweaver لاستخراج أصول. يتم عرض كل لوحة رسم كمجلد في جزء الطبقات. يُمكنك توسيع المجلد أو طيه لرؤية محتوياته أو إخفائها.

لتكبير لوحة رسم معينة، ما عليك سوى النقر فوق اسم لوحة الرسم.

انقر نقرًا مزدوجًا فوق "FIT" في رأس اللوحة لتصغير لوحة الرسم وملاءمة PSD مع العرض الحالي.

دعم استخراج Drop Shadow

عند قيامك باستخراج CSS من ملف PSD يحتوي على خاصية Drop Shadow، يتم الآن استخراج الخاصية كـ box-shadow في CSS.

تلميحات لمعالجة أنماط طبقة غير مدعومة

في العديد من السيناريوهات، يُمكنك إنشاء العديد من أنماط الطبقة في ملف PSD الذي يعمل بشكل فردي، ولكن لا يُمكن أن يعمل معًا. يعمل Extract على التحقق من هذه الحالات وتوفير اقتراحات حول كيفية التعامل مع أنماط الطبقة هذه.

يكتشف Extract الحالات التالية:

• السيناريو 1: العديد من المثيلات لأي خصائص يتم ترجمتها إلى ألوان خلفية. على سبيل المثال، اثنان من Color Overlay أو اثنان من Gradient Overlay المحددة في ملف PSD.
• السيناريو 2: يتم وضع Color Overlay مع عتامة أقل 100% أعلى Gradient Overlay، أو يتم تخصيص لون خلفية للطبقة. في هذه الحالة، من الصعب تحديد لون المحصل الممزوج.
  
• السيناريو 3: يتميز Gradient Overlay بدرجة عتامة أقل من 100% وتم تخصيص لون خلفية للطبقة. في هذه الحالة، من الصعب أيضًا تحديد لون المحصل الممزوج.
  

عند اكتشاف هذه الحالات، يعرض Extract أيقونة تحذير في الصورة المصغرة للطبقة في لوحة Extract. يتم عرض رسالة التحذير التالية في القائمة المنبثقة للصورة المصغرة للطبقة، وفي ملف CSS الخاص بهذه الطبقة:

"تحتوي الطبقة على العديد من الأنماط التي لا يُمكن تمثيلها في CSS. استخدم منتقي الألوان أو استخلص الطبقة كصورة."

إضافة إلى ذلك، في الحالات التي يقوم فيها لون خلفية شبه شفافة بتراكب لون خلفية آخر (السيناريو 2 و3 أعلاه)، يتم عرض القيم الخاصة بجميع ألوان الخلفية في CSS. يُمكنك عندئذ استخراج القيمة المطلوبة.

تحسينات على التحرير في طريقة العرض Live

• تحسينات على تحرير الجدول
• Quick Property Inspector للنص
• التغييرات في Quick Property Inspector للصور

تحسينات على تحرير الجدول

تحديد صف أو عمود بنقرة واحدة

يمكنك الآن تحديد صفوف الجدول وأعمدته في طريقة العرض Live بنقرة واحدة تم تقديم رمز صف جديد (مشابه للرمز الموجود في طريقة العرض Design)، والتي يمكنك النقر فوقه لتحديد صف أو عمود.

السحب مع تحديد العديد من الخلايا

يمكنك الآن تحديد العديد من الخلايا/الصفوف/الأعمدة باستخدام السحب. انقر فوق إحدى الخلايا وقم بالسحب عبر العديد من الخلايا/الصفوف/الأعمدة لتحديدها.

حذف صفوف أو أعمدة باستخدام المفتاح Delete

يمكنك الآن حذف الصفوف أو الأعمدة عن طريق تحديدها والضغط على المفتاح Delete/Backspace.

Quick Property Inspector‬‏‫ للنص

يمكنك الآن استخدام Quick Property Inspector للنص في طريقة العرض Live للتنسيق السريع والاستخدام والنص التشعبي. يظهر Quick Property Inspector عندما تقوم بالنقر فوق رمز الشطيرة لعناصر النص: h1-h6 وpre وp.

• يتيح لك خيار التنسيق تغيير علامة العنصر سريعًا إلى إحدى هذه العلامات: h1-h6 وp وpre. 
• يتيح لك خيار الارتباط تحديد ارتباط تشعبي لعنصر النص. 
• تتيح لك رموز Bold وItalic إضافة <strong> و<em> إلى عنصر النص.
• تساعدك رموز blockquote في إضافة المسافة البادئة للنص أو إزالتها. تتم إضافة علامة أو إزالتها من الكود البرمجي وفقًا لذلك.
  

في مستندات Bootstrap، يتيح لك Quick Property Inspector الخاص بالنص أيضًا محاذاة عناصر النص ونقلها.

• محاذاة: محاذاة عناصر نص Bootstrap إلى اليسار أو الوسط أو اليمين أو الضبط عن طريق تطبيق الفئات المتطابقة.
• النقل: تغيير حالة النص الخاصة بعنصر عن طريق تطبيق فئات أحرف صغيرة أو أحرف كبيرة أو التحسس لحالة الأحرف.

التغييرات في "Quick Property Inspector" للصور

يتضمن Quick Property Inspector الخاص بالصور الآن خيارات لتخصيص الصور في مستندات Bootstrap.

• قص للتشكيل: انقر لقص زوايا الصور إلى زوايا دائرية أو مستديرة أو كصورة مصغرة.
• جعل الصورة تستجيب: انقر لجعل الصور تستجيب وتتأقلم مع مختلف أحجام الشاشة.

تحديثات من داخل التطبيق

يوفر Adobe تحديثات باستمرار لإبقاء Dreamweaver محدّثًا وفقًا للتكنولوجيا المتطورة. على سبيل المثال، مكتبات Bootstrap أو قوالب بداية التشغيل.

يُمكنك تنزيل تحديثات من داخل التطبيق وتثبيتها تلقائيًا أو يدويًا. كما يُمكنك أيضًا تعطيل تحديثات من داخل التطبيق، أو تثبيتها وإرجاع Dreamweaver إلى آخر حالة كان فيها مثبتًا أو محدّثًا باستخدام برنامج سطح المكتب Adobe Creative Cloud. يتيح لك مربع حوار Dreamweaver تحديد نمط التحديث أو تعطيل تحديثات من داخل التطبيق أو إرجاعها.

لمزيد من المعلومات حول التحديثات داخل التطبيق، راجع التحديثات داخل التطبيق.

خادم الاختبار - تحسينات سير عمل

في الإصدار السابق (Dreamweaver CC 2015)، تم تقديم دفع الملفات إلى خادم الاختبار تلقائيًا للحصول على تجربة تحرير سلسة لمستندات الديناميكية في طريقة العرض Live. بناءً على طلب جمهور المستخدمين ليكون لديهم إمكانية تعطيل هذه الميزة، تم الآن تقديم أحد التفضيلات الجديدة في مربع الحوار Site Setup.

للحصول على معلومات مفصلة، راجع تعطيل الدفع التلقائي للملفات الديناميكية.

طي التعليمة البرمجية المستندة إلى التحديد

عاد طي التعليمة البرمجية لكتلة محددة من التعليمة البرمجية مرة أخرى. يمكنك الآن:

• طي تعليمة برمجية على مستوى العلامة كما في الإصدار السابق من Dreamweaver، و/أو؛
• طي جزء من التعليمة البرمجية عن طريق تحديدها.

انقر فوق '-' لطي التعليمة البرمجية. لتوسيع قسم مطوي من التعليمة البرمجية، انقر فوق '+'.

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

تحسينات على مصمم CSS

• إعادة ترتيب المحددات
  
• أجزاء في CSS Designer تحتفظ بأحجام محددة
• لوحة Properties معطلة لملفات Bootstrap
• واجهات برمجة التطبيقات المهملة

إعادة ترتيب المحددات

يُمكنك الآن إعادة ترتيب المحددات في جزء "المحددات" عن طريق سحبها إلى الموقع المطلوب في الجزء.

أجزاء في CSS Designer تحتفظ بأحجام محددة

إذا قمت بطي الأجزاء في CSS Designer أو توسيعها، فيتم تذكر أحجام الأجزاء ضمن جلسة عمل. تستخدم أجزاء المصادر والوسائط الأحجام المحددة إلى أن تقوم بتغيير أحجامها مرة أخرى.

لوحة Properties معطلة لملفات Bootstrap

في ملفات Bootstrap، عند تحديد الأنماط في ملفات Bootstrap CSS وكانت للقراءة فقط، يتم تعطيل جزء Properties في CSS Designer.

التراجع/الإعادة الخاصة بالمستندات النشطة

يمكن أن تقتصر الآن إجراءات التراجع والإعادة على المستندات النشطة فقط.

افتراضيًا، تؤثر إجراءات التراجع والإعادة على المستند النشط الحالي وجميع الملفات ذات الصلة، مثل ملفات CSS المرتبطة. عندما تقوم بتضييق إجراءات التراجع على المستند النشط، فلن يتم تطبيق إجراءات التراجع / الإعادة إلا على التغييرات التي تتم في الملف الواقع في التركيز حاليًا فقط. على سبيل المثال، إذا كنت في ملف HTML، فلن تؤثر إجراءات التراجع / الإعادة إلا على التغييرات التي تقوم بإجرائها في ملف HTML فقط وليس في ملف CSS ذات الصلة. للتراجع / لإعادة أي تغييرات قمت بإجرائها في ملف CSS ذي الصلة، سيتعين عليك التبديل إلى ملف CSS قبل القيام بالتراجع / الإعادة.

إذا كان التركيز يقع على طريقة العرض Live أو Design، فلن يتم تطبيق التراجع / الإعادة إلا على التغييرات التي أثرت في التعلمية البرمجية لـ HTML فقط. على سبيل المثال، لنفترض أنك تقوم بتحرير صفحة Bootstrap في طريقة العرض Live. تقوم بتحرير بعض النصوص ثم إعادة تحجيم استعلام وسائط في شريط "استعلام الوسائط المرئي". لا يمكنك التراجع إلا على تحرير النص وليس تغييرات استعلام الوسائط حيث إن هذه التغييرات توجد في الملف ذي الصلة وليس ملف HTML. يمكنك التبديل إلى ملف CSS المرتبط والتراجع عن التغييرات.

لتضييق نطاق إجراءات التراجع والإعادة على المستند الحالي، قم بإجراء الخطوات التالية:

تحسينات على لوحة DOM

يُمكنك الآن نسخ علامة في لوحة DOM الخاصة بمستند ولصقها في لوحة DOM لمستند آخر باستخدام قائمة السياق التي تظهر عند النقر بزر الماوس الأيمن في اللوحة.

إعادة ضبط الخيارات لأدلة الميزات الجديدة

أدلة الميزات الجديدة - Feature Floaters و Contextual Feature Tips - تظهر تلقائيًا أثناء التشغيل الأول بعد تحديث Dreamweaver. يساعدك Feature Floater في اكتشاف الميزات الجديدة في التحديث الجديد كما تساعدك Contextual Feature Tips في اكتشاف تحسينات الميزات وسير العمل.

أثناء عمليات التشغيل المتتالية لـ Dreameaver، يتم منع دليل الميزة الجديدة هذا ولا يتم عرضه بشكل افتراضي. إذا أردت عرضه مرة أخرى، يمكنك استخدام خيار إعادة الضبط في تفضيلات Dreamweaver.

التحديث إلى أداة تحقق W3C

تم تحديث Dreamweaver لاستخدام خدمة أداة التحقق الجديدة لـ HTML5 من WC: 3./https://validator.w3.org/nu/. خدمة أداة التحقق الأقدم، validator.w3.org، قديمة الآن.

تدعم خدمة أداة التحقق الجديدة المحللات التالية فقط:

كما في الإصدارات السابقة من Dreamweaver، سيظل بإمكانك تحديد محلل الارتداد الذي يمكن لـ Dreamweaver اختياره إذا تعذر التعرف على المحلل استنادًا إلى نوع محتوى المستند أو DTD. تم تغيير القائمة المتوفرة فقط باستخدام أداة التحقق الجديدة.

لمزيد من المعلومات، راجع التحقق من صحة المستندات باستخدام W3C Validator.

الدعم لملفات SVG في لوحة Assets

تدرج اللوحة Assets الآن جميع أصول SVG في موقع Dreamweaver مقترنة مع المستند النشط الحالي. وبالمثل كما في أي أصل آخر في لوحة Assets، يمكنك تنفيذ العديد من الإجراءات على أصول SVG، على سبيل المثال التحرير وتعيين عناوين URL وإعادة استخدام الأصول عبر المستندات والمواقع.

التغيير في خيارات التكبير/التصغير

لم يعد التكبير أو التصغير في طريقة العرض Live وطريقة العرض Design باستخدام الإجراءات التالية متوفرًا في Dreamweaver:

Windows:

• اضغط على Ctrl واستخدم عجلة الماوس
• اضغط على Ctrl واستخدم التمرير على لوحة اللمس

Mac:

• اضغط على Cmd واستخدم عجلة الماوس
• اضغط على Cmd واستخدم التمرير على لوحة اللمس

ليست هناك أية تغييرات على الطرق الأخرى لتكبير أحد المستندات وتصغيره: Cmd/Ctrl++ أو Cmd/Ctrl+-، والتكبير/التصغير من طريقة العرض View > قائمة Magnification.

التغييرات في القائمة View

تمت إعادة تسمية الخيار Code And Live/Code And Design في القائمة View للـ 'تقسيم' ويعمل بنفس الطريقة التي يعمل بها في شريط الأدوات Document.

مزامنة سريعة لإعدادات Dreamweaver مع Creative Cloud

مع توافر العديد من تحسينات الأداء في ميزة إعدادات المزامنة، يمكنك الآن مزامنة الإعدادات بين مثيلات Dreamweaver وCreative Cloud أسرع من ذي قبل.  

لوحة CSS Styles وواجهات برمجة التطبيقات المهملة‬‏‫

يتم إزالة لوحة أنماط CSS القديمة من Dreamweaver ونتيجة ذلك، يتم أيضًا إزالة واجهة برمجة التطبيقات المرتبطة.

لا تزال واجهات برمجة التطبيقات الأساسية متوفرة:

• dreamweaver.cssRuleTracker.newRule()

• dreamweaver.cssStylePalette.getStyles()

• dreamweaver.cssStylePalette.editStyleSheet()

• dreamweaver.cssStylePalette.attachStyleSheet()

• dreamweaver.cssStylePalette.getMediaType()

• dreamweaver.cssStylePalette.setMediaType()

• dreamweaver.cssStylePalette.getDisplayStyles()

• dreamweaver.cssStylePalette.setDisplayStyles()

• dreamweaver.cssStylePalette.newStyle()

واجهات برمجة التطبيقات التالية غير مدعومة من الآن فصاعدًا:

• dreamweaver.cssRuleTracker.editSelectedRule()

• dreamweaver.cssRuleTracker.canEditSelectedRule()

• dreamweaver.cssStylePalette.getSelectedStyle()

• dreamweaver.cssStylePalette.editSelectedStyle()

• dreamweaver.cssStylePalette.editSelectedStyleInCodeview()

• dreamweaver.cssStylePalette.renameSelectedStyle()

• dreamweaver.cssStylePalette.applySelectedStyle()

• dreamweaver.cssStylePalette.duplicateSelectedStyle()

• dreamweaver.cssStylePalette.deleteSelectedStyle()

• dreamweaver.cssStylePalette.canEditSelectedStyle()

• dreamweaver.cssStylePalette.canEditSelectedStyleInCodeview()

• dreamweaver.cssStylePalette.canRenameSelectedStyle()

• dreamweaver.cssStylePalette.canDuplicateSelectedStyle()

• dreamweaver.cssStylePalette.canDeleteSelectedStyle()

• dreamweaver.cssStylePalette.canApplySelectedStyle()

• dreamweaver.canDisableSelectedStyle()

• dreamweaver.canEnableAllDisabled()

• dreamweaver.canDeleteAllDisabled()

• dreamweaver.getSelectedStyleIsDisabled()

• dreamweaver.setSelectedStyleIsDisabled()

• dreamweaver.enableAllDisabled()

• dreamweaver.deleteAllDisabled()