يشتمل الإصدار الجديد 2014 من Dreamweaver CC على تحسينات عديدة على Live View وCSS Designer لمساعدتك في إنشاء محتوى الويب والأجهزة المحمولة وتحديثه بسهولة. تساعدك ميزة Element Quick View الجديدة في تسريع عرض علامات HTML والتنقل خلالها وتحريرها.

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

العرض السريع للعنصر

مراجعة العلامات في المستند لديك باستخدام العرض السريع للعنصر الجديد، حيث يقدم شجرة HTML تفاعلية لكل من المحتوى الثابت والحيوي. تعديل هيكل المحتوى الثابت في شجرة HTML. 

العرض السريع للعنصر
العرض السريع للعنصر

تم إدخال Element Quick View‏ (View > Element Quick View) للمساعدة في تسريع عملية التطوير. في الإصدارات السابقة من Dreamweaver، كان يتعين عليك تمييز عناصر HTML في Live View، والتبديل إلى عرض الأكواد البرمجية ثم تحرير العناصر. بعد التحرير، كان يتعين عليك التبديل مرة أخرى إلى Live View لمعاينة التغييرات. حاليًا، باستخدام العرض السريع للعنصر، يمكنك الاطلاع على جميع العناصر الموجودة في الصفحة بشكل مفرد، حيث يسهل قراءة العرض وتحرير المحتوى الثابت.

لمزيد من المعلومات، راجع العرض السريع للعنصر.

إمكانات التحرير الجديدة في Live View

قم بفحص وتغيير جميع خصائص عناصر HTML في Live View وراجع كيف تبدو دون تحديث أي شيء.

Quick Property Inspector

يعرض Live View الآن Quick Property Inspector لعناصر HTML في صفحاتك. استنادا إلى عنصر HTML الذي حددته، يتيح لك Quick Property Inspector تحرير سمات أو نص مباشرة في Live View.

Quick PI لتحرير سمات الصور
Quick PI لتحرير سمات الصور

Live View PI لتنسيق النص
Quick PI لتنسيق النص


لمزيد من المعلومات، راجع Quick View Property Inspector.

Element Display

مع Element Display الجديد، يمكنك الآن إقران عناصر HTML مع الفئات والمعرفات مباشرة في Live View. ينبهك Element Display بالفئات والمعرفات المتاحة لمساعدتك في عرض الخيار المطلوب واختياره بسرعة.

Element Display لتحرير الفئات والمعرفات
Element Display لتحرير الفئات والمعرفات

لمزيد من المعلومات، راجع إقران عناصر HTML مع الفئات والمعرفات‎.

تحرير نص Live

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

انقر نقرًا مزدوجًا فوق Live View للدخول إلى وضع التحرير. لمزيد من المعلومات، راجع تحرير النص مباشرة في طريقة العرض Live.

تحرير النص مباشرةً في Live View. تحرير نص Live.
تحرير النص مباشرةً في Live View

Live View Property Inspector

Property Inspector متاح الآن في Live View لذلك يمكنك تحرير صفحتك سريعًا دون الانتقال إلى طريقة العرض Design أو Code.

لمزيد من المعلومات، راجع Live View Property Inspector.

Live View Property Inspector
Live View Property Inspector

إدراج Live

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

لمزيد من المعلومات، راجع إدراج عناصر مباشرةً في طريقة العرض Live.

السحب والإفلات إلى طريقة العرض Live من اللوحة Insert
السحب والإفلات إلى طريقة العرض Live من اللوحة Insert

تحسينات CSS Designer

واجهة مستخدم محسنة للتحكم في الحدود

تحكم مبوب يساعدك في تعيين جميع خصائص الحدود الأربعة بطريقة سهلة وميسورة‎.

  • تحكم مبوب لتجنب الاطلاع على كافة القيم في وقت واحد للحد من الارتباك.
  • رموز سهلة ومألوفة يستطيع أي مبتدئ اتباعها.
  • رمزي تعيين للإشارة إلى حالات إلغاء التعيين/المحذوفة والمعطلة.
  • علامة تبويب “All sides” ذات توقف واحد لتعيين جميع خصائص الحدود في وقت واحد.
  • صف محسوب يوجهك إلى علامة التبويب المناسبة أثناء الفحص. 
خصائص Border Control قبل الإصدار 2014 من Dreamweaver CC
خصائص Border Control قبل الإصدار 2014 من Dreamweaver CC

خصائص Border Control في الإصدار 2014 من Dreamweaver CC
خصائص Border Control في الإصدار 2014 من Dreamweaver CC


لمزيد من المعلومات، راجع تعيين خصائص الحدود.

نسخ الأنماط ولصقها

يمكنك الآن نسخ الأنماط من أحد المحددات ولصقها في آخر. كما يمكنك نسخ كل الأنماط أو نسخ فئة معينة فقط من الأنماط مثل Layout، وText وBorder.

انقر بزر الماوس الأيمن فوق أحد المحددات وحدد من الخيارات المتاحة:  

Copy styles using CSS Designer
Copy styles using CSS Designer

  • إذا كان المحدد لا يحتوي على أنماط، فسيتم تعطيل Copy وCopy All Styles.
  • يتم تعطيل Paste Styles للمواقع البعيدة التي لا يمكن تحريرها. ولكن يتوفر الخياران Copy وCopy All
    styles.
  • يعمل Pasting Styles الموجود بالفعل جزئيًا على أحد المحددات (تداخل). يتم لصق تجميع
    كل المحددات.
  • يعمل أيضًا نسخ الأنماط ولصقها مع الروابط المختلفة لملفات CSS – Import، Link، Inline
    Styles.

تحرير مربعات النص بسرعة

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

تحرير مربعات النص بسرعة
تحرير مربعات النص بسرعة

تحديد الخصائص
تحديد الخصائص


تحسينات على خصائص سير العمل المخصصة

في السابق، كان يتعين عليك النقر فوق + في جزء Properties الخاص بـ CSS Designer لإضافة خصائص "أخرى" (أو مخصصة). حاليًا، مجموعة من مربعات النصوص - اسم الخاصية وقيمتها - تتوفر بسهولة في نهاية القائمة Properties. تتيح لك مربعات النص هذه كتابة اسم الخاصية وقيمتها مباشرةً بدون النقر فوق +.

لإضافة صفوف إضافية من الخصائص المخصصة، اضغط على Tab.

يتغير اسم مجموعة الخواص "الأخرى" إلى "Custom".

مربعات النص المطلوبة لإضافة اسم الخاصية والقيمة
مربعات النص المطلوبة لإضافة اسم الخاصية والقيمة

اختصارات لوحة المفاتيح

يمكن الآن إضافة أو حذف محددات CSS والخصائص باستخدام اختصارات لوحة المفاتيح. يمكنك أيضًا الانتقال بين مجموعات الخصائص في الجزء Properties.  

Shortcut سير العمل
CTRL + Alt +[Shift =] لإضافة محدد (إذا كان عنصر التحكم موجود في قسم المحدد)
CTRL + Alt+ S إضافة محدد (إذا كان عنصر التحكم في أي مكان من التطبيق)
CTRL + Alt +[Shift =] لإضافة الخصائص (إذا كان عنصر التحكم موجود في قسم الخصائص)
CTRL + Alt+ P لإضافة الخصائص (إذا كان عنصر التحكم موجود في أي مكان من التطبيق)
Select + Delete لإزالة المحدد، إذا تم تحديد المحدد
CTRL + Alt + (PgUp/PgDn) الانتقال السريع بين القسم - أثناء التواجد في اللوحة الفرعية للخصائص 

محددات أكثر تحديدًا/أقل تحديدًا

في هذا الإصدار، يوفر Dreamweaver ما يصل إلى ثلاثة تلميحات قواعد (أو أقل) أثناء إضافة محدِّد. يمكنك جعلها أكثر تحديدًا أو أقل تحديدًا باستخدام مفاتيح الأسهم up/down.

محددات أكثر تحديدًا/أقل تحديدًا
محددات أكثر تحديدًا/أقل تحديدًا

التمرير إلى فئة

في وقت سابق، عندما قمت بالنقر فوق Background أو الفئة Other في أعلى الجزء Properties في CSS Designer، تم "إظهار" ثلاث فئات في الجزء. لا يتم عرض هذه الفئات بشكل فعلي في أعلى الجزء.

حاليًا، يتم عرض الفئتان Background وOther (يتم تغيير اسمهما إلى Custom) في أعلى الجزء عند النقر فوقهما.

التمرير إلى فئة
التمرير إلى فئة

دعم اتصالات SFTP باستخدام ملف المعرف

يتيح لك إصدار Dreamweaver CC لعام 2014 الاتصال بخوادم النشر لديك عبر SFTP باستخدام أزواج المفاتيح العمومية والخاصة وتحديد المفاتيح (باستخدام عبارة مرور أو بدونها). مع هذا التحسين الذي تم إدخاله إلى Dreamweaver، أصبح اختيارك لموفري خدمات الاستضافة على الويب واسعًا - يمكنك الاشتراك مع أي موفر خدمة يطلب منك استخدام أزواج المفاتيح العمومية والخاصة للحصول على تخويل.

ملاحظة:

لا يدعم Dreamweaver إلا ملفات OpenSSH key فقط.

لمزيد من المعلومات، راجع اتصالات SFTP.

تحسينات التراجع/الإعادة

حتى الآن، للتراجع/إعادة عملية تم إجراؤها في لوحة CSS Designer، يتعين عليك النقر فوق ملف CSS (في الملفات المرتبطة) ثم التراجع/إعادة العملية. 

باستخدام التحسينات الجديدة لميزة التراجع/الإعادة، يمكنك تراجع/إعادة عملية مباشرةً من عرض Live للمستند أو من لوحة CSS Designer. ستنعكس هذه التغييرات تلقائيًا في ملف CSS المقترن. للتمكن من معرفة أن الملف ذي الصلة قد تفير، يتم تمييز علامة تبويب الملف المتأثر لفترة من الوقت (حوالي 8 ثوان).

  • عند التراجع عن/إعادة إجراء من لوحة CSS Designer، يتم تحديث عرض Live تلقائيًا.
  • عند تحديث المستند باستخدام الأكواد البرمجية للمصدر، والتراجع عن تغييرات من عرض Live، يتغير العرض إلى Split view ويتم جلب الأكواد البرمجية للمصدر في التركيز.

يتم تسجيل جميع إجراءات التراجع/الإعادة في مستوى ملف HTML. يعني هذا، أنه يمكن التراجع عن أي تغييرات يدوية يتم إجراؤها على ملف CSS من ملف ANY ذي الصلة. على سبيل المثال، اعتبار أن style1.css وstyle2.css مرتبطين بـ index.html. عند إضافة أنماط خاصة بـ .h1 في style1.css، وإجراء تراجع من style2.css، يتم حذف النمط .h1 من style1.css.  

ملاحظة:

للتراجع/إعادة التغييرات في ملفات JavaScript، تحتاج إلى التبديل إلى ملف JS المعني ثم إجراء التراجع/الإعادة. 

تغيير عمليات سير عمل Business Catalyst وPhoneGap Build

أصبح Business Catalyst وPhoneGap Build متاحين كإضافات إلى Dreamweaver. الآن، يجب تثبيت Business Catalyst وPhoneGap Build كامتدادات، ثم متابعة استخدام هاتين الخدمتين كما بالسابق.

لتثبيت امتدادات Business Catalyst وPhoneGap Build، انتقل إلى Manage > Browse Add-Ons، ثم ابحث عن الامتدادات وقم بتثبيتها.

التغييرات في الوصول إلى الامتدادات لبرنامج Dreamweaver

يمكنك الآن عرض امتدادات Dreamweaver وتثبيتها باستخدام Adobe Creative Cloud. يشار إلى الامتدادات حاليًا على أنها 'Add-ons'.

لاستعراض Adobe Creative Cloud بحثًا عن الإضافات، انقر فوق Window > Browse Add-Ons in Dreamweaver. تظهر صفحة Adobe Creative Cloud Add-Ons. 

Window > Extensions in Dreamweaver CC 13.0
Window > Extensions in Dreamweaver CC 13.0

Window > Browse Add-Ons in Dreamweaver CC 2014
Window > Browse Add-Ons in the 2014 release of Dreamweaver CC


لمزيد من المعلومات عن تثبيت الإضافات، راجع الإضافات.

التغييرات في إعدادات المزامنة

تتيح لك ميزة إعدادات المزامنة الموجودة في Dreamweaver إمكانية الحفاظ على مزامنة إعداداتك مع مثيلات Dreamweaver بأجهزة الكمبيوتر وCreative Cloud. يكتشف الإصدار 2014 من Dreamweaver CC تلقائيًا ما إذا كنت قد قمت بتمكين إعدادات المزامنة في الإصدار السابق من Dreamweaver ويتيح لك إمكانية استيراد تلك الإعدادات من Creative Cloud.

عند تشغيل الإصدار 2014 من Dreamweaver CC لأول مرة بعد تثبيته، يظهر مربع الحوار التالي:

Import sync settings
Import sync settings

  • لاستيراد الإعدادات المخزنة على Creative Cloud، انقر فوق Import Sync Settings

ملاحظة: يتم جعل هذا الخيار متاحًا لك في فترة زمنية لاحقة. 

  • لمزامنة الإعدادات في مثيل Dreamweaver الحالي باستخدام Creative Cloud، انقر فوق Sync Local.
  • لمزامنة الإعدادات تلقائيًا، حدد Always Sync Settings Automatically.
  • لعرض الخيارات المتقدمة لإعدادات المزامنة، انقر فوق Advanced.

إرسال خطأ/طلب ميزة مباشرة من Dreamweaver

يمكنك الآن الوصول مباشرةً إلى نموذج Wishlist وتقرير الأخطاء من Dreamweaver - Help > Submit Bug/Feature Request.

Submit Bug/Feature Request في القائمة Help
Submit Bug/Feature Request في القائمة Help

مركز التعليمات

تعرف على كيفية استخدام الميزات الجديدة وكيفية معالجة المهام المشتركة من Dreamweaver مع Help Center الجديد. 

بخلاف الإصدارات السابقة، يمكنك الآن اكتشاف الميزات وعمليات سير العمل الفعالة الجديدة بسهولة عند بدء Dreamweaver للمرة الأولى. يمكنك تخطي مرحلة الميزة الجديدة أو تعطيل رسائل تعليمات in-app في نقطة وفي أي وقت. إذا لزم الأمر، يمكنك تمكينها مرة أخرى.

معاينة الميزة الجديدة

يتضمن Dreamweaver حاليًا جولة صغيرة من الميزات الجديدة التي يتم تحميلها مع الإصدارات الأحدث.
بالإضافة إلى تقديم ميزات جديدة، تؤدي الجولة أيضًا إلى معرض الفيديو
حيث يمكنك معرفة الميزات الجديدة في الإجراء.

يتم عرض خيار معاينة الميزة الجديدة أو الجولة الصغيرة بمجرد
بدء Dreamweaver. يتم منحك أيضًا خيارًا لتخطي الجولة والانتقال إلى
شاشة الترحيب لمتابعة العمل.

ملاحظة: يتم عرض معاينة الميزة الجديدة عند تثبيت أو تحديث
Dreamweaver أو عند حذف التفضيلات وبدء Dreamweaver.

جولة ميزة جديدة
جولة ميزة جديدة

هذا ملخص لما يتم عرضه في معاينة الميزة الجديدة:

  • رسالة الترحيب. يُطلب منك أيضًا تحديد ما إذا كنت قد استخدمت Dreamweaver CC سابقًا حتى يتم تخصيص الخبرة وفقًا لذلك.
  • مقدمة للميزات واحدة بواحدة ووصف مختصر (مع إمكانية تخطي الجولة).
  • معرض فيديو يحتوي على ملفات فيديو ذات صلة بالميزات الجديدة.

معرض الفيديو

في نهاية متابعة الميزة الجديدة، يقوم معرض الفيديو بعرض فيديوهات
ذات صلة بالميزات الجديدة. عند تمرير الماوس فوق الصور المصغرة، يتم عرض وصف
موجز عن الفيديو.

معرض الفيديو
معرض الفيديو

ملاحظة:

يمكنك الوصول إلى متابعة ميزة جديدة ومعرض الفيديو في أي وقت
تستخدم Dreamweaver. للقيام بذلك، انتقل إلى القائمة Help أو شاشة Welcome وانقر فوق الخيار المطلوب.

رسائل In-app

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

يبدوا ان المطالبات تستند إلى "مشغلات" محددة. على سبيل المثال، عند النقر فوق محددات Tag
في أي طريقة عرض أو النقر بزر الماوس الأيمن فوق عنصر لفحصه، تظهر المطالبة الخاصة بـ Element
Quick View. Element Quick View هي ميزة جديدة لعلامة تجارية تساعدك في عرض
وتحرير علامة HTML بطريقة أسهل من الطرق الأخرى التي قمت بتجريبها (المشغلات).

عند استخدام الاقتراحات التي يتم توفيرها، لا تظهر المطالبة in-app مرة أخرى
في نفس المشغل. ومع ذلك، يتم عرض المطالبة مرة أخرى للمشغلات الأخرى
التي يتم تحديدها.

يمكنك تعطيل عرص رسائل in-app من خلال التفضيلات. لمزيدٍ من
المعلومات، راجع تعطيل رسائل in-app وin-product أو إعادة تعيينها . 

أمثلة على رسائل in-app: 

العرض السريع للعنصر

المشغلات:

  • يتم النقر فوقTag selectors (كافة طرق العرض)
  • Live + Inspect أو انقر بزر الماوس الأيمن فوق + Inspect على عنصر

Message:

رسالة العرض السريع للعنصر
رسالة العرض السريع للعنصر

عارض خصائص عرض Live الخاص بالفئات والمعرفات 

المشغلات:

  • تحرير ID باستخدام PI في Design View

Message:

رسالة طريقة العرض Live
رسالة طريقة العرض Live

رسائل In-product

يتكامل Dreamweaver بسهولة مع العديد من التطبيقات في Creative Cloud
وتقدم لك رسائل in-product messages سير عمل التكامل هذا. من خلال استخدام مهام سير العمل
، يمكنك زيادة Adobe Creative Cloud وعروضها بطريقة أفضل.

يتم عرض رسائل In-product استنادًا إلى "المشغلات" المحددة. على سبيل المثال، عند
محاولة استخدام CSS Transitions، يتم اقتراح سير العمل ‘Edge Animate’ من خلال
رسالة in-product.

تحتوي رسالة in-product على وصف موجز لسير العمل بديل
(أو أفضل) يمكنك استخدامه في سيناريو محدد. تتضمن أيضًا صور فيديو مصغرة يمكنك
النقر فوقها لعرض فيديو يشرح سير العمل. يرتبط الزر Tell Me More بمقالة/مدونة
توفر مزيد من المعلومات.

يتم عرض رسائل In-product مرة واحدة فقط عند بدء المشغل المحدد.

ملاحظة:

لمشاهدة الرسائل مجددًا، يمكنك إعادة تعيين إعداد التعليمات داخل التطبيق في Preferences.لمزيدٍ من
المعلومات، راجع تعطيل رسائل in-app وin-product أو إعادة تعيينها . 

أمثلة على رسائل in-product: 

Edge Animate

Trigger:

  • انقر فوق نقل CSS ثم انقر فوق +

Message:

رسالة Edge Animate
رسالة Edge Animate

Parfait

Trigger:

  • Insert Image > Edit Image Settings

Message:

Edit Image Settings
Edit Image Settings

تعطيل رسائل in-app وin-product أو إعادة تعيينها

انتقل إلى مربع حوار Preferences > Accessibility وقم بما يلي:

  • لتعطيل الرسائل، قم بإلغاء تحديد خانة اختيار Show In-app Help.

في حالة تمكين الرسائل مرة أخرى، لا يتم عرض
الرسائل المعروضة سابقًا. لا يتم إظهار إلا الرسائل التي لم يتم عرضها
سابقًا.

  • للاطلاع على الرسائل المعروضة سابقًا، انقر فوق Reset.
تعطيل التلميحات. تعطيل رسائل in-app.
تفضيلات خاصة بتعطيل تعليمات in-app أو إعادة تعيينها

التغييرات على القائمة Help

في الوقت الحالي تمت إعادة تنظيم القائمة Help لتوفير وصول سريع إلى معاينة الميزة الجديدة، ومعرض الفيديو والتعليمات وموارد التعلم ونموذج طلب إرسال الأخطاء/الميزات.

القائمة Help قبل Dreamweaver CC 2014
القائمة Help قبل الإصدار 2014 من Dreamweaver CC

القائمة Help في Dreamweaver CC 2014
القائمة Help في الإصدار 2014 من Dreamweaver CC


تم ترخيص هذا العمل بموجب الترخيص العام غير المعدل الخاص بالإسناد وعدم التجارة والمشاركة الإصدار 3.0 ‏من ‏‏Creative Commons‏‏  إن بنود Creative Commons لا تشمل منشورات Twitter™‎ وFacebook.

إشعارات قانونية   |   سياسة الخصوصية على الإنترنت