تعرف على كيفية استخدام الأصول مثل الصور والأفلام والألوان والبرامج النصية والارتباطات وعناصر المكتبة في Dreamweaver.
حول الأصول
يمكنك استخدام Adobe Dreamweaver لتتبع الأصول المخزنة في موقعك ومعاينتها، مثل الصور والأفلام والألوان والنصوص البرمجية والروابط.يمكنك أيضًا سحب الأصل مباشرة لإدراجه في صفحة من المستند الحالي.
يمكنك الحصول على الأصول من مصادر متنوعة. على سبيل المثال، قد تنشئ أصولاً في تطبيق مثل Adobe® Fireworks® أو Adobe® Flash®، أو تتلقاها من زميل في العمل، أو تنسخها من قرص مضغوط للرسومات أو موقع للرسومات.
يوفر 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.
المزيد مثل هذا
قم بإنشاء مواقع ويب جميلة في Dreamweaver
قم بتصميم مواقع الويب الديناميكية وبرمجتها وإدارتها في أداة قوية متكاملة.
