ملخص الميزات الجديدة

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

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

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

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

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

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

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

إمكانات التحرير الجديدة في طريقة العرض Live

قم بفحص جميع خصائص عناصر HTML وتغييرها في طريقة العرض Live وراجع مظهرها دون تحديث أي شيء.

فاحص الخصائص السريع

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

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

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

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

عرض العناصر

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

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

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

تحرير النص مباشرة

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

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

قم تحرير النص مباشرةً طريقة العرض Liveiew. تحرير النص مباشرة.
تحرير النص مباشرةً في طريقة العرض Live

عارض خصائص طريقة العرض Live

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

لمزيد من المعلومات، راجع عارض خصائص طريقة العرض Live.

عارض خصائص طريقة العرض Live
عارض خصائص طريقة العرض Live

الإدراج المباشر

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

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

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

تحسينات CSS Designer

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

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

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

خصائص التحكم في الحدود في الإصدار 2014 من Dreamweaver CC

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

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

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

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

نسخ الأنماط باستخدام CSS Designer
نسخ الأنماط باستخدام 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 ويتم التركيز على التعليمات البرمجية المصدر.

يتم تسجيل جميع إجراءات التراجع/الإعادة في مستوى ملف 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 في Dreamweaver CC 13.0
Window > Extensions في Dreamweaver CC 13.0

Window > Browse Add-Ons في Dreamweaver CC 2014
Window > Browse Add-Ons في إصدار 2014 من 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 من خلال مركز المساعدة الجديد. 

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

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

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

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

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

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

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

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

معرض الفيديو

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

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

ملاحظة:

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

الرسائل داخل التطبيق

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

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

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

يمكنك تعطيل عرص رسائل داخل التطبيق من خلال Preferences. لمزيدٍ من
المعلومات، راجع تعطيل رسائل داخل التطبيق وداخل المنتج أو إعادة تعيينها . 

أمثلة على الرسائل داخل التطبيق: 

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

المشغلات:

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

الرسالة:

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

عارض خصائص طريقة العرض Live الخاص بالفئات والمعرفات 

المشغلات:

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

الرسالة:

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

رسائل In-product

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

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

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

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

ملاحظة:
  • بدءًا من نوفمبر 2015، سيتوقف تطوير Edge Animate. لمزيد من المعلومات، راجع مجموعة منتجات Edge | نهاية التطوير.
  • لمشاهدة الرسائل مجددًا، يمكنك إعادة تعيين إعداد التعليمات داخل التطبيق في Preferences.لمزيدٍ من
    المعلومات، راجع تعطيل الرسائل داخل التطبيق وداخل المنتج أو إعادة تعيينها . 

أمثلة على الرسائل داخل المنتج: 

Edge Animate

المشغل:

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

الرسالة:

رسالة Edge Animate

Parfait

المشغل:

  • Insert Image > Edit Image Settings

الرسالة:

Edit Image Settings

تعطيل الرسائل داخل التطبيق وداخل المنتج أو إعادة تعيينها

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

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

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

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

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

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

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

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

شعار Adobe

تسجيل الدخول إلى حسابك