في نافذة Document، انتقل إلى طريقة عرض Design وحدد جزءًا من مستند لحفظه باسم عنصر مكتبة.
تاريخ آخر تحديث
20 ديسمبر 2021
استخدم هذا الموضوع لمعرفة كيفية إنشاء عناصر المكتبة في Dreamweaver، وأدرج عناصر المكتبة وحررها في المستندات.
المكتبة هي ملف Dreamweaver خاص يحتوي على مجموعة من الأصول الفردية أو نسخ من الأصول التي يمكنك وضعها في صفحات الويب الخاصة بك. تسمى الأصول الموجودة في المكتبة عناصر المكتبة. العناصر التي يمكنك تخزينها في مكتبة تتضمن الصور والجداول والأصوات والملفات التي تم إنشاؤها باستخدام Adobe Flash. يمكنك تحديث جميع الصفحات التي تستخدم عنصر مكتبة تلقائياً كلما قمت بتحرير العنصر.
على سبيل المثال، لنفترض أنك تقوم ببناء موقع كبير لشركة تريد ظهور شعار في كل صفحة. يمكنك إنشاء عنصر مكتبة ليحتوي على الشعار واستخدام ذلك العنصر في كل صفحة.إذا تغير الشعار، يمكنك تغيير عنصر المكتبة وتحديث كل صفحة تستخدمه تلقائياً.
يقوم Dreamweaver بتخزين عناصر المكتبة في مجلد Library داخل المجلد الجذر المحلي لكل موقع. كل موقع له مكتبة خاصة به.
يمكنك إنشاء عنصر مكتبة من أي عنصر في قسم body من المستند، بما في ذلك النص والجداول والنماذج وتطبيقات Java الصغيرة والمكونات الإضافية وعناصر ActiveX وأشرطة التنقل والصور.
بالنسبة للعناصر المرتبطة مثل الصور، تقوم المكتبة بتخزين مرجع فقط إلى العنصر. يجب أن يبقى الملف الأصلي في الموقع المحدد حتى يعمل عنصر المكتبة بشكل صحيح.
قد يكون من المفيد، بالرغم من ذلك، تخزين الصور في عناصر المكتبة. على سبيل المثال، يمكنك تخزين علامة img كاملة في عنصر مكتبة، مما يسمح لك بتغيير نص alt للصورة بسهولة، أو حتى خاصية src الخاصة بها، في جميع أنحاء الموقع. (لا تستخدم هذه التقنية لتغيير خصائص width وheight للصورة، إلا إذا كنت تستخدم أيضاً محرر صور لتغيير الحجم الفعلي للصورة.)
إذا كان عنصر المكتبة يحتوي على ارتباطات، قد لا تعمل الارتباطات في الموقع الجديد. علاوةً على ذلك، لا يتم نسخ الصور الموجودة في عنصر المكتبة إلى الموقع الجديد.
عند استخدام عنصر مكتبة، يقوم Dreamweaver بإدراج رابط إليه، وليس العنصر نفسه، في صفحة الويب. أي أن Dreamweaver يدرج نسخة من كود المصدر HTML للعنصر في المستند ويضيف تعليق HTML يحتوي على مرجع إلى العنصر الأصلي الخارجي. هذا المرجع الخارجي هو ما يجعل التحديث التلقائي ممكناً.
عند إنشاء عنصر مكتبة يتضمن عنصراً مع سلوك Dreamweaver مرتبط به، يقوم Dreamweaver بنسخ العنصر ومعالج الحدث الخاص به (الخاصية التي تحدد أي حدث يؤدي إلى تشغيل الإجراء، مثل onClick أو onLoad أو onMouseOver، وأي إجراء يتم استدعاؤه عند حدوث الحدث) إلى ملف عنصر المكتبة. لا يقوم Dreamweaver بنسخ وظائف JavaScript المرتبطة إلى عنصر المكتبة. بدلاً من ذلك، عند إدراج عنصر المكتبة في مستند، يقوم Dreamweaver تلقائياً بإدراج وظائف JavaScript المناسبة في قسم head من ذلك المستند (إذا لم تكن موجودة بالفعل).
وإذا قمت بإنشاء التعليمات البرمجية بتنسيق JavaScript يدويًا (أي إذا قمت بإنشائها دون استخدام سلوكيات Dreamweaver)، يمكنك جعلها جزءًا من عنصر مكتبة إذا كنت تستخدم السلوك Call JavaScript لتنفيذ التعليمات البرمجية. أما إذا لم تكن تستخدم أحد سلوكيات Dreamweaver لتنفيذ التعليمات البرمجية، فلا يتم الاحتفاظ بالتعليمات البرمجية باعتبارها جزءًا من عنصر المكتبة.
هناك متطلبات خاصة لتحرير السلوكيات في عناصر المكتبة. لا يمكن أن تحتوي عناصر المكتبة على أوراق الأنماط، لأن الكود لتلك العناصر جزء من قسم head.
إنشاء عنصر مكتبة بناءً على تحديد
حدد Tools > Library > Add Object to Library.
اكتب اسماً لعنصر المكتبة الجديد، ثم اضغط Enter
(Windows) أو Return (Macintosh).
يحفظ Dreamweaver كل عنصر مكتبة كملف منفصل (بامتداد الملف .lbi) في مجلد Library الخاص بالمجلد الجذر المحلي للموقع.
إنشاء عنصر مكتبة فارغ
تأكد من عدم تحديد أي شيء في
نافذة المستند.
إذا كان هناك شيء محدد، فسيتم وضعه في عنصر المكتبة الجديد.
في لوحة Assets، حدد فئة Library.
انقر فوق زر New Library Item الموجود أسفل اللوحة.
بينما العنصر لا يزال محددًا، أدخل اسمًا له،
ثم اضغط على Enter (Windows) أو Return (Macintosh).
إدراج عنصر مكتبة في مستند
عندما تضيف عنصر مكتبة إلى صفحة، يتم إدراج المحتوى الفعلي في المستند مع مرجع إلى عنصر المكتبة.
ضع نقطة الإدراج في نافذة Document.
في لوحة Assets، حدد فئة Library.
قم بأحد الإجراءات التالية:
- اسحب عنصر مكتبة من لوحة Assets إلى نافذة Document.
ملاحظة
لإدراج محتويات عنصر مكتبة دون تضمين مرجع إلى العنصر في النافذة، اضغط على Control (Windows) أو Option (Macintosh) أثناء سحب العنصر خارج لوحة Assets. إذا قمت بإدراج عنصر مكتبة بهذه الطريقة، فإنه يمكنك تحريره في المستند ولكن لن يتم تحديث المستند عندما تقوم بتحديث الصفحات التي تستخدم هذا العنصر.
حدد عنصر مكتبة ثم انقر فوق Insert.
تحرير عناصر المكتبة وتحديث المستندات
عندما تحرر عنصر مكتبة، يمكنك تحديث جميع المستندات التي تستخدم ذلك العنصر.إذا اخترت عدم التحديث، تبقى المستندات مرتبطة بعنصر المكتبة؛ يمكنك تحديثها لاحقًا.
يمكنك إعادة تسمية العناصر لفصل اتصالها مع المستندات أو القوالب، وحذف العناصر من مكتبة الموقع، وإعادة إنشاء عنصر مكتبة مفقود.
تحرير عنصر مكتبة
في لوحة Assets، حدد فئة Library.
حدد عنصر مكتبة.
إما أن تنقر فوق زر Edit أو تنقر نقرًا مزدوجًا فوق عنصر المكتبة.
يفتح Dreamweaver نافذة جديدة، مشابهة لنافذة المستند، لتحرير عنصر المكتبة.الخلفية الرمادية تشير إلى أنك تحرر عنصر مكتبة بدلاً من مستند.
قم بإجراء التغييرات التي تريدها ثم احفظها.
حدد ما إذا كنت تريد تحديث المستندات الموجودة على الموقع المحلي الذي يستخدم عنصر المكتبة أم لا. حدد Update للتحديث على الفور. إذا حددت Don’t Update، فلن يتم تحديث المستندات حتى تختار Tools > Library > Update Current Page أو Update Pages.
حديث المستند الحالي لاستخدام الإصدار الحالي من جميع عناصر المكتبة
حدد Tools > Library > Update Current Page.
تحديث الموقع بأكمله أو جميع المستندات التي تستخدم عنصر مكتبة معين
حدد Tools > Library > Update Pages.
في قائمة Look-In المنبثقة، حدد ما تقوم بتحديثه:
لتحديث جميع الصفحات في الموقع المحدد لاستخدام الإصدار الحالي من جميع عناصر المكتبة، حدد الموقع بأكمله، ثم حدد اسم الموقع من القائمة المنبثقة المجاورة.
لتحديث جميع الصفحات في الموقع الحالي التي تستخدم عنصر المكتبة، حدد "الملفات المستخدمة"، ثم حدد اسم عنصر مكتبة من القائمة المنبثقة المجاورة.
تأكد من أن عناصر المكتبة محددة في خيار
التحديث.
لتحديث القوالب في الوقت نفسه، حدد Templates أيضًا.
انقر فوق Start.
يحدث Dreamweaver الملفات كما هو مشار إليه.إذا حددت خيار إظهار السجل، ينشئ Dreamweaver تقريرًا يوضح ما إذا كانت الملفات قد تم تحديثها بنجاح، مع معلومات أخرى.
إعادة تسمية عنصر مكتبة
في لوحة Assets، حدد فئة Library.
حدد عنصر المكتبة وتوقف مؤقتًا ثم انقر مرةً أخرى.
(لا تنقر نقرًا مزدوجًا، فسيؤدي هذا الإجراء إلى فتح العنصر لتحريره.)
أدخل اسمًا جديدًا.
انقر فوق أي مكان أو اضغط على Enter (Windows) أو Return (Macintosh).
حدد ما إذا كنت تريد تحديث المستندات التي تستخدم العنصر باختيار إما "تحديث" أو "عدم التحديث".
حذف عنصر مكتبة من مكتبة
عندما تحذف عنصر مكتبة، يزيل Dreamweaver العنصر من المكتبة ولكن لا يغير محتويات أي مستندات تستخدم العنصر.
في لوحة Assets، حدد فئة Library.
حدد عنصر المكتبة.
إما انقر على زر الحذف أو اضغط على مفتاح Delete،
ثم أكد أنك تريد حذف العنصر.
إذا قمت بحذف عنصر مكتبة، فإنه لا يمكنك استخدام Undo لاسترداده. على الرغم من ذلك، فقد تتمكن من إعادة إنشائه.
إعادة إنشاء عنصر مكتبة مفقود أو محذوف
حدد
مثيلاً للعنصر في أحد مستنداتك.
انقر على زر إعادة الإنشاء في مفتش الخصائص (Window >
Properties).
تخصيص تمييز عناصر المكتبة
يمكنك تخصيص لون التمييز لعناصر المكتبة وإظهار أو إخفاء التمييز عن طريق تعيين تفضيلات التمييز.
تغيير لون تمييز عناصر المكتبة
حدد Edit > Preferences (في نظام التشغيل Windows) أو Dreamweaver > Preferences (في نظام التشغيل Macintosh).
حدد فئة التمييز من القائمة الموجودة على
يسار مربع حوار التفضيلات.
انقر على مربع لون عناصر المكتبة، ثم حدد لون التمييز باستخدام أداة اختيار الألوان (أو أدخل قيمة اللون السداسية العشرية في مربع النص).
حدد إظهار لعرض لون التمييز في نافذة المستند.
انقر فوق OK.
لإظهار أو إخفاء التمييز في نافذة المستند
لإظهار التمييز، حدد View > Design View Options > Visual Aids > Invisible Elements. لإخفاء التمييز، قم بإلغاء تحديد Invisible Elements.
تعديل خصائص عنصر المكتبة
يمكنك استخدام مفتش الخصائص لفتح عنصر مكتبة للتحرير، أو فصل عنصر مكتبة محدد عن ملف المصدر الخاص به، أو استبدال عنصر بعنصر المكतبة المحدد حالياً.
حدد عنصر مكتبة في مستند.
حدد أحد هذه الخيارات في مفتش الخصائص (نافذة > خصائص):
Src
يعرض اسم الملف وموقع الملف المصدر لعنصر المكتبة.لا يمكنك تحرير هذه المعلومات.
Open
يؤدي إلى فتح الملف المصدر لعنصر المكتبة بهدف تحريره. هذا يعادل تحديد العنصر في لوحة الأصول والنقر على زر التحرير.
Detach From Original
يكسر الرابط بين عنصر المكتبة المحدد وملف المصدر الخاص به.يمكنك تحرير العنصر المنفصل في المستند، لكنه لم يعد عنصر مكتبة ولا يتم تحديثه عند تغيير الأصل.
Recreate
يؤدي إلى الكتابة فوق عنصر المكتبة الأصلي باستخدام التحديد الحالي. استخدم هذا الخيار لإعادة إنشاء عناصر المكتبة إذا كان عنصر المكتبة الأصلي مفقوداً أو تم حذفه عن طريق الخطأ.
تحرير عناصر المكتبة في المستند
إذا كنت قد أضفت عنصر مكتبة إلى مستندك وتريد تحرير العنصر خصيصاً لتلك الصفحة، فيجب كسر الرابط بين العنصر في المستند والمكتبة.بمجرد جعل نسخة من عنصر المكتبة قابلة للتحرير، لا يتم تحديث تلك النسخة عند تغيير عنصر المكتبة.
حدد عنصر مكتبة في المستند الحالي.
انقر على فصل عن الأصل في مفتش الخصائص (نافذة > خصائص).
تحرير سلوك في عنصر مكتبة
لتحرير سلوك في عنصر مكتبة، يجب أولاً إدراج العنصر في مستند، ثم جعل العنصر قابلاً للتحرير في ذلك المستند.بعد إجراء التغييرات، يمكنك إعادة إنشاء عنصر المكتبة، واستبدال العنصر في المكتبة بالعنصر المُحرر من مستندك.
افتح المستند المحتوي على عنصر المكتبة.
سجّل اسم عنصر المكتبة، بالإضافة إلى العلامات الدقيقة التي يحتويها.فستكون في حاجة لهذه المعلومات مؤخرًا.
حدد عنصر المكتبة، ثم انقر على فصل عن الأصل في مفتش الخصائص (نافذة > خصائص).
حدد العنصر المرتبط به السلوك.
في لوحة السلوكيات (نافذة > سلوكيات)، انقر نقراً مزدوجاً على الإجراء الذي تريد تغييره.
في مربع الحوار الذي يظهر، قم بإجراء تغييراتك، ثم انقر على موافق.
في لوحة Assets، حدد فئة Library.
سجّل الاسم الدقيق وطريقة كتابة الأحرف لعنصر المكتبة الأصلي؛ حدده، ثم انقر على زر الحذف.
في نافذة المستند، حدد جميع العناصر التي تشكل عنصر المكتبة.
احرص على تحديد نفس العناصر بالضبط التي كانت في عنصر المكتبة الأصلي.
في لوحة Assets، انقر فوق الزر New Library Item ، ثم قم بإعطاء العنصر الجديد الاسم نفسه الخاص بالعنصر الذي تم حذفه، باستخدام نفس الهجاء والأحرف الكبيرة.
لتحديث عنصر المكتبة في المستندات الأخرى للموقع لديك، حدد Tools > Library > Update Pages.
في قائمة Look-In المنبثقة، حدد Files That Use.
في القائمة المنبثقة المجاورة، حدد اسم عنصر المكتبة الذي أنشأته للتو.
في خيار التحديث، تأكد من تحديد عناصر المكتبة، ثم انقر فوق ابدأ.
عند اكتمال التحديثات، انقر فوق Close.
المزيد مثل هذا
قم بإنشاء مواقع ويب جميلة في Dreamweaver
قم بتصميم مواقع الويب الديناميكية وبرمجتها وإدارتها في أداة قوية متكاملة.
