في نافذة Document، انتقل إلى طريقة عرض Design وحدد جزءًا من مستند لحفظه باسم عنصر مكتبة.
- دليل مستخدم Dreamweaver
- مقدمة
- Dreamweaver وCreative Cloud
- مساحات عمل Dreamweaver وطرق عرضه
- إعداد المواقع
- حول مواقع Dreamweaver
- إعداد إصدار محلي من موقعك
- الاتصال بخادم نشر
- إعداد خادم اختبار
- استيراد إعدادات موقع Dreamweaver وتصديرها
- إحضار مواقع ويب موجودة من خادم بعيد إلى جذر موقع الويب المحلي
- ميزات الوصول في Dreamweaver
- الإعدادات المتقدمة
- تعيين تفضيلات الموقع لنقل الملفات
- تحديد إعدادات خادم الوكيل في Dreamweaver
- مزامنة إعدادات Dreamweaver مع Creative Cloud
- استخدام Git في Dreamweaver
- إدارة الملفات
- التخطيط والتصميم
- CSS
- فهم أوراق الأنماط المتتالية
- تخطيط الصفحات باستخدام CSS Designer
- استخدام معالجات CSS الأولية في Dreamweaver
- كيفية تعيين تفضيلات أنماط CSS في Dreamweaver
- نقل قواعد CSS في Dreamweaver
- تحويل CSS مضمنة إلى قاعدة CSS في Dreamweaver
- استخدام علامات div
- تطبيق تدرجات على الخلفية
- إنشاء تأثيرات CSS3 الانتقالية وتحريرها في Dreamweaver
- تنسيق التعليمات البرمجية
- محتويات الصفحة وأصولها
- تعيين خصائص الصفحة
- تعيين خصائص عناوين CSS وخصائص ارتباطات CSS
- استخدام النص
- البحث عن النص والعلامات والسمات واستبدالها
- لوحة DOM
- التحرير في Live View
- ترميز المستندات في Dreamweaver
- تحديد العناصر وعرضها في النافذة Document
- تعيين خصائص النص في عارض الخصائص
- إجراء التدقيق الإملائي لصفحة ويب
- استخدام القواعد الأفقية في Dreamweaver
- إضافة مجموعات الخطوط وتعديلها في Dreamweaver
- استخدام الأصول
- إدراج التواريخ وتحديثها في Dreamweaver
- إنشاء الأصول المفضلة وإدارتها في Dreamweaver
- إدراج الصور وتحريرها في Dreamweaver
- إضافة كائنات وسائط
- إضافة مقاطع الفيديو في Dreamweaver
- إدراج فيديو HTML5
- إدراج ملفات SWF
- إضافة تأثيرات صوتية
- إدراج صوت HTML5 في Dreamweaver
- العمل باستخدام عناصر المكتبة
- استخدام النصوص العربية والعبرية في Dreamweaver
- الربط والتنقل
- عناصر واجهة jQuery وتأثيراتها
- كتابة التعليمات البرمجية لمواقع الويب
- حول كتابة التعليمات البرمجية في Dreamweaver
- بيئة كتابة التعليمات البرمجية في Dreamweaver
- تعيين تفضيلات التعليمات البرمجية
- تخصيص ألوان التعليمات البرمجية
- كتابة تعليمة برمجية وتحريرها
- تلميحات التعليمات البرمجية وإكمال التعليمات البرمجية
- طي التعليمات البرمجية وتوسيعها
- إعادة استخدام التعليمات البرمجية مع أجزاء التعليمات البرمجية
- فحص التعليمات البرمجية
- تحسين التعليمة البرمجية
- تحرير التعليمة البرمجية في طريقة العرض Design
- العمل باستخدام محتوى العنوان للصفحات
- إدراج تضمينات على جانب الخادم في Dreamweaver
- استخدام مكتبات العلامات في Dreamweaver
- استيراد علامات مخصصة إلى Dreamweaver
- استخدام سلوكيات JavaScript (إرشادات عامة)
- تطبيق سلوكيات JavaScript المضمنة
- نبذة عن لغتي XML وXSLT
- تنفيذ تحويلات XSL على جانب الخادم في Dreamweaver
- تنفيذ تحويلات XSL على جانب العميل في Dreamweaver
- إضافة كيانات أحرف لـ XSLT في Dreamweaver
- تنسيق التعليمات البرمجية
- عمليات سير العمل على مستوى المنتجات
- تثبيت الملحقات واستخدامها في Dreamweaver
- التحديثات من داخل التطبيق في Dreamweaver
- إدراج مستندات Microsoft Office في Dreamweaver (Windows فقط)
- استخدام Fireworks وDreamweaver
- تحرير المحتوى في مواقع Dreamweaver باستخدام Contribute
- تكامل Dreamweaver مع تطبيق Business Catalyst
- إنشاء حملات إعلانية خاصة عبر البريد الإلكتروني
- القوالب
- حول قوالب Dreamweaver
- التعرف على القوالب والمستندات القائمة على القوالب
- إنشاء قالب Dreamweaver
- إنشاء مناطق قابلة للتحرير في القوالب
- إنشاء مناطق وجداول التكرار في Dreamweaver
- استخدام المناطق الاختيارية في القوالب
- تحديد سمات العلامات القابلة للتحرير في Dreamweaver
- كيفية إنشاء قوالب متداخلة في Dreamweaver
- تحرير القوالب وتحديثها وحذفها
- تصدير محتوى xml واستيراده في Dreamweaver
- تطبيق أو إزالة قالب من مستند موجود
- تحرير المحتوى في قوالب Dreamweaver
- قواعد بناء الجملة لعلامات القوالب في Dreamweaver
- تعيين تفضيلات التمييز لمناطق القالب
- فوائد استخدام القوالب في Dreamweaver
- شاشات الهاتف المحمول والشاشات المتعددة
- المواقع والصفحات ونماذج الويب الديناميكية
- فهم تطبيقات الويب
- إعداد الكمبيوتر لتطوير التطبيقات
- استكشاف أخطاء اتصالات قاعدة البيانات وحلها
- إزالة برامج الاتصال النصية في Dreamweaver
- تصميم صفحات ديناميكية
- نظرة عامة على مصادر المحتوى الديناميكي
- تعريف مصادر المحتوى الديناميكي
- إضافة محتوى ديناميكي إلى الصفحات
- تغيير المحتوى الديناميكي في Dreamweaver
- عرض سجلات قاعدة البيانات
- توفير البيانات المباشرة واستكشاف أخطائها وحلها في Dreamweaver
- إضافة سلوكيات خادم مخصصة في Dreamweaver
- إنشاء النماذج باستخدام Dreamweaver
- استخدام النماذج لجمع معلومات من المستخدمين
- إنشاء نماذج ColdFusion وتمكينها في Dreamweaver
- إنشاء نماذج الويب
- دعم HTML5 محسّن لعناصر النماذج
- تطوير نموذج باستخدام Dreamweaver
- إنشاء التطبيقات مرئيًا
- إنشاء صفحات رئيسية وصفحات تفاصيل في Dreamweaver
- إنشاء صفحات البحث والنتائج
- إنشاء صفحة إدراج سجل
- إنشاء صفحة تحديث سجل في Dreamweaver
- إنشاء صفحات حذف سجل في Dreamweaver
- استخدام أوامر ASP لتعديل قاعدة البيانات في Dreamweaver
- إنشاء صفحة تسجيل
- إنشاء صفحة تسجيل دخول
- إنشاء صفحة يمكن للمستخدمين المخولين فقط الوصول إليها
- تأمين المجلدات في Coldfusion باستخدام Dreamweaver
- استخدام مكونات ColdFusion في Dreamweaver
- اختبار مواقع الويب ومعاينتها ونشرها
- استكشاف الأخطاء وإصلاحها
استخدم هذا الموضوع لمعرفة كيفية إنشاء عناصر المكتبة في 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 الخاص بمجلد الجذر المحلي للموقع.
إنشاء عنصر مكتبة فارغ
-
تأكد من عندم تحديد أي عنصر في نافذة Document.
ففي حالة وجود أي عنصر محدد، فسيتم وضعه في عنصر المكتبة الجديد.
-
في لوحة Assets، حدد فئة Library.
-
انقر فوق زر New Library Item الموجود أسفل اللوحة.
-
مع الاستمرار في تحديد العنصر، أدخل اسمًا له ثم اضغط على Enter (Windows) أو Return (Macintosh).
إدراج عنصر مكتبة في مستند
عندما تقوم بإضافة عنصر مكتبة إلى صفحة، فإنه يتم إدراج المحتوى الفعلي في المستند مع مرجع لعنصر المكتبة.
-
ضع نقطة الإدراج في نافذة Document.
-
في لوحة Assets، حدد فئة Library.
-
قم بأحد الإجراءات التالية:
- اسحب عنصر مكتبة من لوحة Assets إلى نافذة Document.
ملاحظة:لإدراج محتويات عنصر مكتبة دون تضمين مرجع إلى العنصر في النافذة، اضغط على Control (Windows) أو Option (Macintosh) أثناء سحب العنصر خارج لوحة Assets. إذا قمت بإدراج عنصر مكتبة بهذه الطريقة، فإنه يمكنك تحريره في المستند ولكن لن يتم تحديث المستند عندما تقوم بتحديث الصفحات التي تستخدم هذا العنصر.
حدد عنصر مكتبة ثم انقر فوق Insert.
تحرير عناصر المكتبة وتحديث المستندات
عندما تقوم بتحرير عنصر مكتبة، فإنه يمكنك تحديث جميع المستندات التي تستخدم هذا العنصر. إذا اخترت عدم تحديثها، فستظل المستندات مقترنة بعنصر المكتبة، ويمكنك تحديثها فيما بعد.
يمكنك إعادة تسمية العناصر لقطع اتصالها بالمستندات أو القوالب وحذف العناصر من مكتبة الموقع وإعادة إنشاء عنصر مكتبة مفقود.
تحرير عنصر مكتبة
-
في لوحة Assets، حدد فئة Library.
-
حدد عنصر مكتبة.
-
إما أن تنقر فوق زر Edit أو تنقر نقرًا مزدوجًا فوق عنصر المكتبة.
يفتح Dreamweaver نافذة جديدة، مماثلة لنافذة Document، لتحرير عنصر المكتبة. تشير الخلفية الرمادية إلى أنك تقوم بتحرير عنصر مكتبة بدلاً من تحرير عنصر.
-
قم بإجراء التغييرات التي تريدها ثم احفظها.
-
حدد ما إذا كنت تريد تحديث المستندات الموجودة على الموقع المحلي الذي يستخدم عنصر المكتبة أم لا. حدد Update للتحديث على الفور. إذا حددت Don’t Update، فلن يتم تحديث المستندات حتى تختار Tools > Library > Update Current Page أو Update Pages.
تحديث المستند الحالي لاستخدام النسخة الحالية من جميع عناصر المكتبة
-
حدد Tools > Library > Update Current Page.
تحديث الموقع بأكمله أو جميع المستندات التي تستخدم عنصر مكتبة محدد
-
حدد Tools > Library > Update Pages.
-
في قائمة Look-In المنبثقة، حدد ما تقوم بتحديثه:
لتحديث جميع الصفحات الموجودة في الموقع المحدد بحيث تستخدم النسخة الحالية من جميع عناصر المكتبة، حدد Entire Site ثم حدد اسم الموقع من القائمة المنبثقة المجاورة.
لتحديث جميع الصفحات الموجودة في الموقع الحالي التي تستخدم عنصر المكتبة، حدد Files That Use ثم حدد اسم عنصر المكتبة من القائمة المنبثقة المجاورة.
-
تأكد من تحديد Library Items في خيار Update.ملاحظة:
لتحديث القوالب في الوقت نفسه، حدد Templates أيضًا.
-
انقر فوق Start.
يقوم Dreamweaver بتحديث الملفات وفقًا لما هو محدد. إذا حددت خيار Show Log، يقوم Dreamweaver بإنشاء تقرير يوضح ما إذا كان قد تم تحديث الملفات بنجاح أم لا، بالإضافة إلى معلومات أخرى.
إعادة تسمية عنصر مكتبة
-
في لوحة Assets، حدد فئة Library.
-
حدد عنصر المكتبة وتوقف مؤقتًا ثم انقر مرةً أخرى. (لا تنقر نقرًا مزدوجًا، فسيؤدي هذا الإجراء إلى فتح العنصر لتحريره.)
-
أدخل اسمًا جديدًا.
-
انقر فوق أي مكان أو اضغط على Enter (Windows) أو Return (Macintosh).
-
حدد ما إذا كنت تريد تحديث المستندات التي تستخدم العنصر أم لا من خلال اختيار Update أو Don’t Update.
حذف عنصر مكتبة من مكتبة
عندما تحذف عنصر مكتبة، يقوم Dreamweaver بإزالته من المكتبة لكنه لا يغير محتويات أي مستندات تستخدم هذا العنصر.
-
في لوحة Assets، حدد فئة Library.
-
حدد عنصر المكتبة.
-
انقر فوق زر Delete أو اضغط على مفتاح Delete ثم أكد أنك تريد حذف العنصر.ملاحظة:
إذا قمت بحذف عنصر مكتبة، فإنه لا يمكنك استخدام Undo لاسترداده. على الرغم من ذلك، فقد تتمكن من إعادة إنشائه.
إنشاء عنصر مكتبة مفقود أو محذوف
-
حدد مثيلاً للعنصر في أحد مستنداتك.
-
انقر فوق الزر Recreate في Property inspector (Window > Properties).
تخصيص عملية تمييز عناصر المكتبة
يمكنك تخصيص لون تمييز عناصر المكتبة وإظهار أو إخفاء التمييز من خلال إعداد تفضيلات Highlighting.
تغيير لون تمييز عناصر المكتبة
-
حدد Edit > Preferences (في نظام التشغيل Windows) أو Dreamweaver > Preferences (في نظام التشغيل Macintosh).
-
حدد فئة Highlighting من القائمة الموجودة على يسار مربع الحوار Preferences.
-
انقر فوق مربع اللون Library Items، ثم حدد لون التمييز باستخدام color picker (أو أدخل قيمة اللون السداسية العشرية في مربع النص).
-
حدد Show لعرض لون التمييز في نافذة Document.
-
انقر فوق OK.
إظهار أو إخفاء التمييز في نافذة Document
-
لإظهار التمييز، حدد View > Design View Options > Visual Aids > Invisible Elements. لإخفاء التمييز، قم بإلغاء تحديد Invisible Elements.
تحرير خصائص عنصر مكتبة
يمكنك استخدام Property inspector لفتح عنصر مكتبة بهدف تحريره أو فصل عنصر مكتبة محدد من ملفه المصدر أو الكتابة فوق عنصر باستخدام عنصر المكتبة المحدد حاليًا.
-
حدد عنصر مكتبة في مستند.
-
حدد أحد هذه الخيارات في مستكشف Property (Window > Properties):
Src
يعرض اسم الملف وموقع الملف المصدر لعنصر المكتبة. لا يمكنك تحرير هذه المعلومات.
Open
يؤدي إلى فتح الملف المصدر لعنصر المكتبة بهدف تحريره. يعد هذا الأمر مكافئًا لتحديد عنصر في لوحة Assets والنقر فوق زر Edit.
Detach From Original
يؤدي إلى فصل الارتباط بين عنصر المكتبة المحدد وملفه المصدر. يمكنك تحرير العنصر الذي تم فصله في المستند، ولكنه لم يعد عنصر مكتبة ولا يتم تحديثه عند إجراء تغيير على العنصر الأصلي.
Recreate
يؤدي إلى الكتابة فوق عنصر المكتبة الأصلي باستخدام التحديد الحالي. استخدم هذا الخيار لإعادة إنشاء عناصر المكتبة إذا كان عنصر المكتبة الأصلي مفقودًا أو تم حذفه عن طريق الخطأ.
جعل عناصر المكتبة قابلة للتحرير في مستند
إذا قمت بإضافة عنصر مكتبة إلى مستند لديك وتريد تحرير هذا العنصر بشكل محدد لهذه الصفحة، فلا بد أن تفصل الارتباط بين العنصر الموجود في المستند والمكتبة. بمجرد أن تجعل مثيل عنصر المكتبة قابلاً للتحرير، فإنه لا يتم تحديث هذا المثيل عند إجراء تغيير على عنصر المكتبة.
-
حدد عنصر مكتبة في المستند الحالي.
-
انقر فوق Detach From Original في Property inspector (Window > Properties).
تحرير سلوك في عنصر مكتبة
لتحرير سلوك في عنصر مكتبة، يجب أن تقوم أولاً بإدراج العنصر في مستند ثم تجعل العنصر قابلاً للتحرير في هذا المستند. بعد أن تقوم بإجراء التغييرات، يمكنك إعادة إنشاء عنصر المكتبة، مستبدلاً العنصر الموجود في المكتبة بالعنصر الذي تم تحريره والموجود في المستند لديك.
-
افتح المستند المحتوي على عنصر المكتبة.
لاحظ اسم عنصر المكتبة والعلامات الدقيقة التي يحتوي عليها. فستكون في حاجة لهذه المعلومات مؤخرًا.
-
حدد عنصر المكتبة ثم انقر فوق Detach From Original في Property inspector (Window > Properties).
-
حدد العنصر المرفق به السلوك.
-
في لوحة Behaviors (Window > Behaviors)، انقر نقرًا مزدوجًا فوق الإجراء الذي تريد تغييره.
-
في مربع الحوار الذي يظهر، قم بإجراء التغييرات التي تريدها ثم انقر فوق OK.
-
في لوحة Assets، حدد فئة Library.
-
سجل الاسم الدقيق لعنصر المكتبة الأصلي والأحرف الكبيرة التي يحتوي عليها وحدده ثم انقر فوق الزر Delete.
-
في نافذة Document، حدد جميع العناصر التي تكون عنصر المكتبة.
كن حريصًا في تحديد نفس العناصر بالضبط التي كانت موجودة في عنصر المكتبة الأصلي.
-
في لوحة Assets، انقر فوق الزر New Library Item ، ثم قم بإعطاء العنصر الجديد الاسم نفسه الخاص بالعنصر الذي تم حذفه، باستخدام نفس الهجاء والأحرف الكبيرة.
-
لتحديث عنصر المكتبة في المستندات الأخرى للموقع لديك، حدد Tools > Library > Update Pages.
-
في قائمة Look-In المنبثقة، حدد Files That Use.
-
في القائمة المنبثقة المجاورة، حدد اسم عنصر المكتبة الذي قمت بإنشائه توًا.
-
في خيار Update، تأكد من تحديد Library Items ثم انقر فوق Start.
-
عند اكتمال التحديثات، انقر فوق Close.