استخدم اللوحة Assets في Dreamweaver لإدارة الأصول في الموقع الحالي.

يمكنك استخدام Adobe Dreamweaver لتعقب الأصول المخزنة في الموقع الخاص بك، مثل الصور والأفلام والألوان والبرامج النصية والارتباطات، ومعاينتها. يمكنك أيضًا سحب الأصول مباشرةً لإدراجها في صفحات المستند الحالي.

يمكنك الحصول على الأصول من مصادر متنوعة. على سبيل المثال، يمكنك إنشاء أصول في أحد التطبيقات مثل Adobe Photoshop، أو Adobe Animate CC أو استلامها من زميل في العمل، أو نسخها من قرص مضغوط يحتوي على قصاصات فنية، أو موقع رسومات على الويب.

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

استخدم اللوحة Assets ‏(Window > Assets) لإدارة الأصول في الموقع الحالي. تعرض اللوحة Assets الأصول الخاصة بالموقع المقترن بالمستند النشط في النافذة Document.

ملاحظة:

يجب تحديد موقع محلي قبل أن يكون بإمكانك عرض الأصول في اللوحة Assets.

اللوحة Assets في طريقة العرض Live
اللوحة Assets في طريقة العرض Live

‏‫اللوحة Assets في طريقتي العرض Design وCode
‏‫اللوحة Assets في طريقتي العرض Design وCode

توفر اللوحة Assets طريقتين مختلفتين لعرض الأصول:

القائمة Site

تعرض جميع الأصول الموجودة في الموقع لديك، بما في ذلك الألوان وعناوين URL المستخدمة في أي مستند موجود في موقعك.

القائمة Favorites

تعرض فقط الأصول التي قمت باختيارها بشكل صريح.

للتبديل بين طريقتي العرض هاتين، حدد زر الخيار Site أو Favorites الموجود بأعلى منطقة المعاينة. (لا تتوفر طريقتا العرض هاتان بالنسبة للفئتين Templates وLibrary.)

ملاحظة:

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

في كلتا القائمتين، تندرج الأصول ضمن إحدى الفئات التالية:

Images

ملفات الصور بتنسيق GIF أو JPEG أو PNG.

Colors

الألوان المستخدمة في المستندات وأوراق الأنماط، بما في ذلك ألوان النصوص والخلفيات والارتباطات.

عناوين URL

الارتباطات الخارجية في المستندات الحالية بالموقع لديك، بما في ذلك، FTP، وgopher، وHTTP، وHTTPS، وJavaScript، والبريد الإلكتروني (mailto)، وارتباطات الملف المحلي (file://).

Media

ملفات الوسائط‬ مثل ملفات Adobe Flash ‏(SWF فقط) أو ملفات Adobe Shockwave أو ملفات QuickTime أو ملفات MPEG.

Scripts

ملفات JavaScript أو VBScript. لا تظهر البرامج النصية الموجودة في ملفات HTML (وليس في ملفات JavaScript أو VBScript المستقلة) في اللوحة Assets. تتوفر هذه الفئة فقط في طريقتي العرض Code وDesign.

Templates

تخطيطات الصفحة الرئيسية المستخدمة على صفحات متعددة. يؤدي تعديل قالب معين إلى تعديل جميع الصفحات المرتبطة به تلقائيًا. ‫تتوفر هذه الفئة فقط في طريقتي العرض Code وDesign.

Library items

عناصر التصميم التي تستخدمها في صفحات متعددة؛ عند تعديل عنصر مكتبة، يتم تحديث جميع الصفحات التي تحتوي على هذا العنصر. ‫تتوفر هذه الفئة فقط في طريقتي العرض Code وDesign.

ملاحظة:

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

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

تشير أيقونة Creative Cloud في العمود Type إلى أن الأصول المقابلة يتم استيرادها من "مكتبات Creative Cloud". يمكنك النقر نقرًا مزدوجًا فوق أيقونة Creative Cloud لإعادة تشكيل الأصول المقابلة. لمزيد من المعلومات حول إعادة استخدام الأصول في CC Libraries، راجع Creative Cloud Libraries في Dreamweaver.

عرض أصل في منطقة المعاينة

  1. حدد الأصل في اللوحة Assets.

عرض الأصول الموجودة ضمن فئة

  1. انقر فوق رمز فئة بالجانب الأيسر من اللوحة Assets.

فرز الأصول

  1. انقر فوق عنوان عمود.

    على سبيل المثال، لفرز قائمة من الصور حسب النوع (بحيث تكون جميع صور GIF معًا، وجميع صور JPEG معًا، وهكذا)، انقر فوق عنوان العمود Type.

تغيير حجم عمود

  1. اسحب الخط الفاصل بين عنواني عمودين.

تغيير حجم منطقة المعاينة

  1. اسحب شريط التقسيم (بين منطقة المعاينة وقائمة الأصول) لأعلى أو لأسفل.

تحديث اللوحة Assets

قد يستغرق إنشاء القائمة Site بضع ثوان لأنه يلزم أن يقوم Dreamweaver بقراءة ذاكرة التخزين المؤقت للموقع أولاً.

لا تظهر تغييرات معينة في اللوحة Assets على الفور. على سبيل المثال، عند إضافة أصل أو إزالته من الموقع، لا تظهر التغييرات في اللوحة Assets إلى أن تقوم بتحديث القائمة Site من خلال النقر فوق الزر Refresh Site List. ‏‫إذا كنت تقوم بإضافة أصل أو إزالته خارج Dreamweaver - باستخدام Windows Explorer أو Finder، على سبيل المثال — يجب إعادة إنشاء ذاكرة التخزين المؤقت للموقع من أجل تحديث اللوحة Assets.

وفي حالة إزالة المثيل الوحيد للون أو عنوان URL معين في الموقع لديك أو حفظ ملف جديد يحتوي على لون أو عنوان URL غير مستخدم بالفعل في الموقع، لا تظهر التغييرات في اللوحة Assets إلى أن تقوم بتحديث القائمة Site.

  • لتحديث القائمة Site يدويًا، انقر فوق الزر Refresh Site List . يقوم Dreamweaver بإنشاء ذاكرة التخزين المؤقت للموقع أو تحديثها حسب الضرورة.
  • لتحديث القائمة Site وإعادة إنشاء ذاكرة التخزين المؤقت للموقع يدويًا، انقر بزر الماوس الأيمن (في نظام التشغيل Windows) أو انقر مع الضغط على المفتاح Command (في نظام التشغيل Macintosh) في القائمة Assets، ثم حدد Refresh Site List.

إضافة أصل إلى مستند

يمكنك إدراج معظم الأصول في مستند من خلال سحبها إلى طريقة العرض Live وطريقة العرض Code و طريقة العرض Design في النافذة Document أو من خلال استخدام الزر Insert الموجود في اللوحة. يمكنك سحب الأصول من طريقة عرض القائمة وجزء المعاينة للوحة الأصول.

ملاحظة: السحب من جزء المعاينة مدعوم فقط على أجهزة Mac.

يمكنك إدراج الألوان وعناوين URL في Design أو طريقة العرض ‏Live. في طريقة العرض ‏Design، يمكنك تطبيق الألوان وعناوين URL للعناصر المحددة.

 

  1. في المستند، ضع نقطة الإدراج حيثما تريد ظهور الأصل‬.

  2. في اللوحة Assets، حدد من بين أزرار فئات الأصول الموجودة إلى اليسار.

    ملاحظة:

    حدد أي فئة فيما عدا Templates. يتم تطبيق القالب على المستند بأكمله؛ ولا يمكن إدراجه في مستند.

  3. حدد Site أو Favorites بأعلى اللوحة، ثم حدد الأصل.

    لا توجد قوائم Site أو Favorites لعناصر المكتبة؛ ومن ثم تجاوز هذه الخطوة إذا كنت تقوم بإدراج عنصر مكتبة.

  4. قم بأحد الإجراءات التالية:
    • اسحب الأصل من اللوحة إلى المستند. يمكنك السحب من طريقة عرض القائمة وكذلك من جزء المعاينة.

      ملاحظة: في Windows، لا يمكنك سحب الأصول من جزء المعاينة.

      يمكنك سحب برامج نصية إلى منطقة محتوى الرأس بالنافذة Document؛ فإذا لم تكن هذه المنطقة ظاهرة، فحدد View > Head Content.

    • حدد الأصل في اللوحة ثم انقر فوق Insert.

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

تطبيق لون على النص باستخدام اللوحة Assets

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

  1. في طريقة العرض ‏Design، قم بإجراء الخطوات التالية:

    1. حدد النص الموجود في المستند.
    2. في اللوحة Assets، حدد الفئة Colors.

    3. حدد اللون المطلوب، ثم انقر فوق Apply.

  2. في طريقة العرض ‏Live، قم بإجراء الخطوات التالية:

    1. في اللوحة Assets، حدد الفئة Colors.

    2. قم بأحد الإجراءات التالية:

      • انقر بزر الماوس الأيمن في اللوحة Assets‬، وانقر فوق Copy Color Value. يتم نسخ قيمة اللون إلى الحافظة الخاصة بك. يمكنك الآن لصق قيمة اللون (Ctrl+v, Cmd+v) في CSS Designer.
      • اسحب اللون من المعاينة وقم بتمرير الماوس على العناصر في طريقة العرض ‏Live. عندما تقوم بإسقاط اللون، يظهر مربع الحوار New CSS Rule، وعندما تقوم بالنقر فوق OK، يتم تطبيق اللون على العنصر المحدد.
      • انقر فوق Apply في لوحة Assets. يظهر مربع الحوار New CSS Rule وعندما تقوم بالنقر فوق OK، يتم تطبيق اللون على العنصر المحدد .

تعيين عناوين URL للصور أو النص 

  1. في طريقة العرض ‏Design، قم بإجراء الخطوات التالية:

    1. حدد النص أو الصورة.
    2. في اللوحة Assets، حدد الفئة URLs في طريقة العرض Sites أو طريقة العرض Favorites، تبعًا لموقع تخزين عنوان URL.

      ملاحظة:

      يتم تخزين عناوين URL لملفات الموقع الخاص بك في طريقة العرض Sites بشكل افتراضي. بينما تحتفظ طريقة العرض Favorites بعناوين URL التي قمت بإضافتها بنفسك.

    3. حدد عنوان URL.
    4. قم بأحد الإجراءات التالية:
      • اسحب عنوان URL من اللوحة إلى التحديد في طريقة العرض ‏Design.

      • حدد عنوان URL، ثم انقر فوق Insert.

  2. في طريقة العرض ‏Live، قم بإجراء الخطوات التالية:

    1. في اللوحة Assets، حدد الفئة URLs في طريقة العرض Sites أو طريقة العرض Favorites، تبعًا لموقع تخزين عنوان URL.

    2. قم بأحد الإجراءات التالية:

      • اسحب عنوان URL من المعاينة أو طريقة عرض القائمة. قم بتمرير الماوس على العناصر في طريقة العرض ‏Live. عندما تقوم بإسقاط عنوان URL، يقوم <a> بالتفاف العنصر البارز في طريقة العرض ‏Live.
      • انقر فوق العنصر المطلوب في طريقة العرض ‏Live. اختر عنوان URL في لوحة Assets، وانقر فوق Apply. يتم تغليف العنصر المحدد مع العلامة <a>.

تحديد أصول وتحريرها

تتيح لك اللوحة Assets تحديد أصول متعددة دفعة واحدة. كما أنها توفر أيضًا طريقة سريعة لبدء عملية تحرير الأصول.

تحديد أصول متعددة

  1. في اللوحة Assets، حدد أحد الأصول.
  2. حدد الأصول الأخرى باستخدام إحدى الطرق التالية:
    • انقر مع الضغط على المفتاح Shift لتحديد سلسلة متتالية من الأصول.

    • انقر مع الضغط على المفتاح Control (في نظام التشغيل Windows) أو انقر مع الضغط على المفتاح Command (في نظام التشغيل Macintosh) لإضافة أصل مفرد إلى التحديد (سواءً كان مجاورًا للتحديد الموجود أم لا). انقر مع الضغط على المفتاح Control أو انقر مع الضغط على المفتاح Command فوق أحد الأصول المحددة لإلغاء تحديده.

تحرير أصل

عند تحرير أصل في اللوحة Assets، يتنوع السلوك بناءً على نوع الأصل. بالنسبة لبعض الأصول، مثل الصور، يمكنك استخدام محرر خارجي يتم فتحه تلقائيًا في حالة تحديد محرر لهذا النوع من الأصول. يمكنك تحرير الألوان وعناوين URL في القائمة Favorites فقط. عند تحرير قوالب وعناصر مكتبة، فإنك تقوم بإجراء التغييرات داخل Dreamweaver.

  1. في اللوحة Assets، قم بأحد الإجراءات التالية:
    • انقر نقرًا مزدوجًا فوق الأصل.

    • حدد الأصل، ثم انقر فوق الزر Edit.

    ملاحظة:

    في حالة وجود ضرورة لتحرير الأصل في محرر خارجي لا يتم فتحه تلقائيًا، حدد Edit > Preferences (في نظام التشغيل Windows) أو Dreamweaver > Preferences (في نظام التشغيل Macintosh)، ثم حدد الفئة File Types/Editors، وتأكد من قيامك بتحديد محرر خارجي لهذا النوع من الأصول.

  2. قم بإجراء التغييرات التي تريدها.
  3. عند الانتهاء، قم بأحد الإجراءات التالية:
    • إذا كان الأصل مستند إلى ملف (أي فئة بخلاف اللون أو عنوان URL)، قم بحفظه (في المحرر الذي قمت باستخدامه)، ثم أغلقه.

    • إذا كان الأصل عنوان URL، فانقر فوق OK في مربع الحوار Edit URL.

    ملاحظة:

    إذا كان الأصل لونًا، يتم إغلاق Color Picker تلقائيًا بعد انتقاء لون. لاستبعاد Color Picker دون انتقاء لون، اضغط على المفتاح Esc.

إعادة استخدام الأصول في موقع آخر

تعرض اللوحة Assets جميع الأصول (من الأنواع التي تم التعرف عليها) الموجودة في الموقع الحالي الخاص بك. لاستخدام أصل من الموقع الحالي في موقع آخر، يجب نسخ الأصل إلى الموقع الآخر. يمكنك نسخ أصل مفرد، أو مجموعة من الأصول المفردة، أو مجلد Favorites بأكمله دفعة واحدة.

قد تحتاج إلى تحديد موقع الملف الموجود في اللوحة Files والذي يطابق الأصل الموجود في اللوحة Assets قبل نقل الأصل إلى أو من موقعك البعيد.

ملاحظة:

قد تعرض اللوحة Files موقعًا مختلفًا عن الموقع الذي تعرضه اللوحة Assets. يرجع ذلك إلى أن اللوحة Assets تكون مقترنة بالمستند النشط.

تحديد موقع ملف أصل في اللوحة Files

  1. في اللوحة Assets، حدد فئة الأصل الذي تريد البحث عنه.
  2. انقر بزر الماوس الأيمن (في نظام التشغيل Windows) أو انقر مع الضغط على المفتاح Control (في نظام التشغيل Macintosh) فوق اسم الأصل أو رمزه في اللوحة Assets، ثم حدد Locate In Site من قائمة السياق.

    ملاحظة:

    لا يتوفر الأمر Locate In Site للألوان وعناوين URL التي لا تطابق الملفات الموجودة في الموقع.

    يتم فتح اللوحة Files، مع تحديد ملف الأصل. يحدد الأمر Locate In Site موقع الملف المتطابق مع الأصل نفسه، ولكنه لا يحدد مواقع الملفات التي تستخدم هذا الأصل.

نسخ أصول من اللوحة Asset إلى موقع آخر

  1. في لوحة Assets، حدد فئة الأصل التي تريد نسخها.
  2. انقر بزر الماوس الأيمن (Windows) أو اضغط على Control-انقر بزر الماوس (Macintosh) فوق أصل واحدٍ أو أكثر في أي من قائمة Site أو قائمة Favorites وحدد Copy To Site ثم حدد اسم الموقع الهدف من القائمة الفرعية التي تسرد جميع المواقع التي قمت بتحديدها.

    ملاحظة:

    في قائمة Favorites، يمكنك نسخ مجلد Favorites بالإضافة إلى الأصول الفردية.

    يتم نسخ الأصول إلى مواقعها المتوافقة في الموقع الهدف. يقوم Dreamweaver بإنشاء مجلدات جديدة في التسلسل الهرمي للموقع الهدف، وفقًا للضرورة. تتم إضافة الأصول أيضًا إلى قائمة Favorites الخاصة بالموقع الهدف.

    ملاحظة:

    إذا كان الأصل الذي تقوم بنسخه لونًا أو عنوان URL، فإنه يظهر فقط في قائمة Favorites للموقع الهدف. نظرًا لأن الألوان وعناوين URL لا تتوافق مع الملفات، فلا يوجد ملف لنسخه في الموقع الآخر.

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

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