ضع نقطة الإدراج في نافذة المستند
حيث تريد إدراج الكائن.
تاريخ آخر تحديث
27 أبريل 2021
تعرف على كيفية إدراج كائنات الوسائط وتحريرها في صفحات ويب Dreamweaver، واستخدام Design Notes، وغير ذلك الكثير.
بالإضافة إلى ملفات SWF وFLV، يمكنك إدراج كائنات صوت أو فيديو أخرى في مستند Dreamweaver. إذا قمت بإدراج سمات إمكانية الوصول مع أحد كائنات الوسائط، يمكنك تعيين سمات إمكانية الوصول وتحرير هذه القيم في تعليمة HTML البرمجية.
قم بإدراج الكائن من خلال القيام بأحد الإجراءات التالية:
في الفئة HTML من اللوحة Insert، حدد الرمز الخاص بنوع الكائن الذي تريد إدراجه.
حدد الكائن المناسب من القائمة الفرعية Insert > HTML.
يظهر عندئذٍ مربع حوار يتيح لك اختيار ملف مصدر وتحديد معلمات معينة لكائن الوسائط.
ملاحظة
لكي تمنع ظهور مربعات الحوار هذه، حدد Edit > Preferences > General (في نظام التشغيل Windows) أو Dreamweaver > Preferences > General (في نظام التشغيل Macintosh) وحدد الخيار Show Dialog When Inserting Objects. لتخطي أي تفضيل تم تعيينه لإظهار مربعات الحوار، اضغط مع الاستمرار على Control (في نظام التشغيل Windows) أو على Option (في نظام التشغيل Macintosh) أثناء إدراج الكائن.
أكمل مربع الحوار Select File وانقر فوق OK.
ملاحظة
يظهر مربع الحوار Accessibility Attributes إذا اخترت إظهار السمات عند إدراج الوسائط في مربع الحوار Edit > Preferences.
اضبط
سمات إمكانية الوصول.
ملاحظة
يمكنك أيضًا تحرير سمات كائن الوسائط عن طريق تحديد الكائن وتحرير كود HTML في عرض الكود، أو النقر بزر الماوس الأيمن (Windows) أو النقر مع الضغط على Control (Macintosh)، ثم تحديد Edit Tag Code.
Title
قم بإدراج عنوان لكائن الوسائط.
Access Key
أدخل مكافئ لوحة المفاتيح (حرف واحد) في مربع النص لتحديد كائن النموذج في المتصفح. يتيح هذا لزائر الموقع استخدام مفتاح Control (Windows) مع مفتاح الوصول للوصول إلى الكائن. على سبيل المثال، إذا أدخلت B كمفتاح وصول، فاستخدم Control+B لتحديد الكائن في المتصفح.
Tab Index
أدخل رقمًا لترتيب جدولة كائن النموذج. يُعد تعيين ترتيب علامات التبويب مفيدًا عندما يكون لديك روابط وكائنات نموذج أخرى على الصفحة وتحتاج إلى أن يتنقل المستخدم خلالها بترتيب محدد. إذا عينت ترتيب علامة التبويب لكائن واحد، فتأكد من تعيين ترتيب علامة التبويب لجميع الكائنات.
انقر فوق OK لإدراج كائن الوسائط.
ملاحظة
إذا نقرت على إلغاء الأمر، يظهر عنصر نائب لكائن الوسائط في المستند، لكن Dreamweaver لا يربط علامات أو سمات إمكانية الوصول به.
لتحديد ملف المصدر، أو لتعيين الأبعاد والمعاملات والسمات الأخرى، استخدم Property inspector لكل كائن. يمكنك تحرير سمات إمكانية الوصول لكائن.
ابدأ محررًا خارجيًا لملفات الوسائط
يمكنك بدء محرر خارجي من Dreamweaver لتحرير معظم ملفات الوسائط. كما يمكنك تحديد المحرر الذي تريد أن يقوم Dreamweaver ببدء تشغيله لتحرير الملف.
تأكد من أن نوع ملف الوسائط مقترن بمحرر
على نظامك.
لمعرفة أي محرر مقترن بنوع الملف، حدد Edit > Preferences في Dreamweaver وحدد File Types/Editors من قائمة Category. انقر على امتداد الملف في عمود Extensions لعرض المحرر أو المحررات المقترنة في عمود Editors. يمكنك تغيير المحرر المقترن بنوع ملف.
انقر نقرًا مزدوجًا على ملف الوسائط في لوحة Files لفتحه
في المحرر الخارجي.
يُسمى المحرر الذي يبدأ عندما تنقر نقرًا مزدوجًا على الملف في لوحة Files بالمحرر الأساسي. إذا نقرت نقرًا مزدوجًا على ملف صورة، على سبيل المثال، فإن Dreamweaver يفتح الملف في المحرر الخارجي الأساسي للصور مثل Adobe Fireworks.
إذا كنت لا تريد استخدام المحرر الخارجي الأساسي
لتحرير الملف، يمكنك استخدام محرر آخر على نظامك لتحرير
الملف عن طريق القيام بأحد الإجراءات التالية:
في لوحة Files، انقر بزر الماوس الأيمن (Windows) أو انقر مع الضغط على Control (Macintosh) على اسم الملف وحدد Open With من القائمة السياقية.
في عرض التصميم، انقر بزر الماوس الأيمن (Windows) أو انقر مع الضغط على Control (Macintosh) على عنصر الوسائط داخل الصفحة الحالية، وحدد Edit With من القائمة السياقية.
حدد المحرر الذي تريد تشغيله من Dreamweaver
يمكنك تحديد المحرر الذي تريد من Dreamweaver استخدامه لتحرير نوع ملف معين، وإضافة أو حذف أنواع الملفات التي يتعرف عليها Dreamweaver.
حدد بوضوح أي محررات خارجية يجب تشغيلها لنوع ملف معين
حدد تحرير > التفضيلات
واختر أنواع الملفات/المحررات من قائمة الفئة.
امتدادات أسماء الملفات، مثل .gif و .wav و .mpg، مُدرجة على اليسار تحت الامتدادات.المحررات المقترنة بامتداد محدد مُدرجة على اليمين تحت المحررات.
حدد امتداد نوع الملف في قائمة الامتدادات
وقم بأحد الإجراءات التالية:
لربط محرر جديد بنوع الملف، انقر على زر الإضافة (+) أعلى قائمة المحررات وأكمل مربع الحوار الذي يظهر.
على سبيل المثال، حدد أيقونة التطبيق الخاصة بـ Acrobat لاقترانها بنوع الملف.
لجعل محرر هو المحرر الأساسي لنوع ملف معين (أي المحرر الذي يفتح عند النقر المزدوج على نوع الملف في لوحة الملفات)، حدد المحرر في قائمة المحررات وانقر على جعل أساسي.
لإلغاء اقتران محرر من نوع ملف، حدد المحرر في قائمة المحررات وانقر على زر الطرح (-) أعلى قائمة المحررات.
أضف نوع ملف جديدًا ومحررًا مقترنًا
انقر على زر الإضافة (+) أعلى
قائمة الامتدادات وأدخل امتداد نوع ملف (بما في ذلك النقطة
في بداية الامتداد) أو عدة امتدادات ذات صلة
مفصولة بمسافات.
على سبيل المثال، قد تدخل .xml .xsl إذا كنت تريد اقترانهما بمحرر XML مثبت على نظامك.
حدد محررًا لنوع الملف بالنقر على زر الإضافة
(+) أعلى قائمة المحررات وإكمال مربع الحوار
الذي يظهر.
إزالة نوع ملف
حدد نوع الملف في قائمة الامتدادات
وانقر على زر الطرح (-) أعلى قائمة الامتدادات.
ملاحظة
لا يمكنك التراجع بعد إزالة نوع ملف، لذا تأكد من أنك تريد إزالته.
استخدام Design Notes مع كائنات الوسائط
كما هو الحال مع الكائنات الأخرى في Dreamweaver، يمكنك إضافة ملاحظات التصميم إلى كائن وسائط.ملاحظات التصميم هي الملاحظات المقترنة بملف معين، والتي تُحفظ في ملف منفصل.يمكنك استخدام ملاحظات التصميم لتتبع معلومات الملف الإضافية المقترنة بمستنداتك، مثل أسماء ملفات المصدر للصور والتعليقات على حالة الملف.
انقر بزر الماوس الأيمن (Windows) أو انقر مع الضغط على Control (Macintosh) على الكائن في نافذة المستند.
ملاحظة
يجب عليك تعريف موقعك قبل إضافة ملاحظات التصميم إلى أي كائن.
حدد Design Notes for Page من قائمة السياق.
أدخل المعلومات التي تريدها في Design Note.
ملاحظة
يمكنك أيضًا إضافة ملاحظة تصميم إلى كائن وسائط من لوحة الملفات عبر تحديد الملف وإظهار قائمة السياق واختيار ملاحظات التصميم من قائمة السياق.
إضافة فيديو (ليس بتنسيق FLV)
يمكنك إضافة فيديو إلى صفحة الويب الخاصة بك بطرق مختلفة وباستخدام تنسيقات مختلفة.يمكن تنزيل الفيديو إلى المستخدم أو يمكن بثه بحيث يتم تشغيله أثناء التنزيل.
ضع المقطع في مجلد الموقع الخاص بك.
تكون هذه المقاطع غالبًا بتنسيق الملف AVI أو MPEG.
قم بإضافة ارتباط إلى المقطع أو تضمينه في صفحتك.
للربط بالمقطع، أدخل نصًا للرابط مثل "تنزيل المقطع"، وحدد النص، وانقر على أيقونة المجلد في مفتش الخصائص.استعرض وصولاً إلى ملف الفيديو وحدده.
ملاحظة
يجب على المستخدم تنزيل تطبيق مساعد (مكون إضافي) لعرض تنسيقات البث الشائعة مثل Real Media وQuickTime وWindows Media.
إدراج محتوى مكون إضافي
يمكنك إنشاء محتوى مثل فيلم QuickTime لمكون إضافي للمتصفح، ثم استخدام Dreamweaver لإدراج ذلك المحتوى في مستند HTML.تتضمن المكونات الإضافية النموذجية RealPlayer وQuickTime، بينما تتضمن بعض ملفات المحتوى ملفات mp3 وأفلام QuickTime.
يمكنك معاينة الأفلام والرسوم المتحركة التي تعتمد على المكونات الإضافية للمتصفح مباشرة في عرض التصميم لنافذة المستند.يمكنك تشغيل جميع عناصر المكونات الإضافية في وقت واحد لرؤية كيف ستبدو الصفحة للمستخدم، أو يمكنك تشغيل كل منها بشكل فردي لضمان أنك قمت بتضمين عنصر الوسائط الصحيح.
ملاحظة
لا يمكنك معاينة الأفلام أو الرسوم المتحركة التي تعتمد على عناصر تحكم ActiveX.
بعد إدراج المحتوى لمكون إضافي، استخدم مفتش الخصائص لتعيين معاملات لهذا المحتوى.لعرض الخصائص التالية في مفتش الخصائص، حدد كائن مكون إضافي.
يعرض مفتش الخصائص في البداية الخصائص الأكثر استخداماً.انقر على سهم التوسيع في الزاوية اليمنى السفلى لرؤية جميع الخصائص.
إدراج محتوى المكون الإضافي وتعيين خصائصه
في عرض التصميم لنافذة المستند، ضع نقطة الإدراج حيث تريد إدراج المحتوى، ثم قم بأحد الإجراءات التالية:
في فئة Common للوحة Insert، انقر على زر Media وحدد أيقونة Plugin
من القائمة.حدد Insert > Media > Plugin.
في مربع الحوار الذي يظهر، حدد ملف محتوى لمكون إضافي وانقر موافق.
قم بتعيين خيارات المكون الإضافي في عارض الخصائص.
Name
يحدد اسمًا لتعريف المكون الإضافي عند البرمجة النصية. أدخل اسماً في مربع النص غير المسمى في أقصى الجانب الأيسر من مفتش الخصائص.
W and H
حدد، بالبكسل، العرض والارتفاع المخصص للكائن على الصفحة.
Src
يحدد ملف البيانات المصدر. انقر على أيقونة المجلد لاستعراض ملف، أو أدخل اسم ملف.
Plg Url
يحدد عنوان URL للسمة pluginspace. أدخل عنوان URL الكامل للموقع حيث يمكن للمستخدمين تنزيل المكون الإضافي.إذا لم يكن لدى المستخدم الذي يعرض صفحتك المكون الإضافي، فسيحاول المتصفح تنزيله من عنوان URL هذا.
Align
يحدد كيفية محاذاة الكائن في الصفحة.
V Space وH Space
حدد مقدار المساحة البيضاء بالبكسل أعلى وأسفل وعلى جانبي المكون الإضافي.
Border
يحدد عرض الحد حول المكون الإضافي.
Parameters
يفتح مربع حوار لإدخال معاملات إضافية لتمريرها إلى المكون الإضافي.وتستجيب العديد من المكونات الإضافية لمعلمات خاصة.
يمكنك أيضاً عرض السمات المعينة للمكون الإضافي المحدد بالنقر على زر Attribute.يمكنك تعديل وإضافة وحذف سمات مثل العرض والارتفاع في مربع الحوار هذا.
تشغيل محتوى المكون الإضافي في نافذة المستند
أدرج عنصرًا واحدًا أو أكثر من عناصر الوسائط
باستخدام إحدى الطرق الموضحة في القسم السابق.
قم بأحد الإجراءات التالية:
حدد عنصر وسائط واحد قمت بإدراجه، وحدد View > Plugins > Play أو انقر فوق الزر Play في عارض الخصائص.
حدد View > Plugins > Play All لتشغيل كافة عناصر الوسائط في الصفحة المحددة التي تعتمد على المكونات الإضافية.
ملاحظة
ينطبق الخيار Play All على المستند الحالي، ولا ينطبق على المستندات الأخرى الموجودة في مجموعة إطارات، على سبيل المثال.
إيقاف تشغيل محتوى مكون إضافي
حدد عنصر وسائط وحدد عرض > المكونات الإضافية > إيقاف، أو انقر فوق زر الإيقاف في مفتش الخصائص.
يمكنك أيضًا تحديد عرض > المكونات الإضافية > إيقاف الكل لإيقاف تشغيل جميع محتويات المكونات الإضافية.
استكشاف أخطاء المكونات الإضافية وحلها
إذا اتبعت الخطوات لتشغيل محتوى المكون الإضافي في نافذة المستند، ولكن بعض محتوى المكون الإضافي لا يعمل، جرب ما يلي:
تأكد من تثبيت المكون الإضافي المرتبط على جهاز الكمبيوتر الخاص بك، وأن المحتوى متوافق مع إصدار المكون الإضافي الذي لديك.
افتح الملف Configuration/Plugins/UnsupportedPlugins.txt في محرر نصوص وتحقق مما إذا كان المكون الإضافي الذي يسبب مشاكل مدرجًا.حيث يتعقب هذا الملف المكونات الإضافية التي تتسبب في المشاكل في Dreamweaver وبالتالي لا يتم دعمها. (إذا واجهت مشاكل مع مكون إضافي معين، فكر في إضافته إلى هذا الملف.)
تحقق من توفر مساحة ذاكرة كافية لديك. تتطلب بعض المكونات الإضافية ٢ إلى ٥ ميجابايت إضافية من الذاكرة للتشغيل.
استخدام السلوكيات للتحكم في الوسائط
يمكنك إضافة سلوكيات إلى صفحتك لبدء وإيقاف كائنات الوسائط المختلفة.
Control Shockwave Or Flash
تشغيل أو إيقاف أو إرجاع أو الانتقال إلى إطار في فيلم Shockwave أو ملف SWF.
Play Sound
يتيح لك تشغيل صوت؛ على سبيل المثال، يمكنك تشغيل تأثير صوتي كلما حرّك المستخدم مؤشر الماوس فوق رابط.
Check Plugin
يتيح لك التحقق لمعرفة ما إذا كان زوار موقعك لديهم المكون الإضافي المطلوب مثبتًا، ثم توجيههم إلى عناوين URL مختلفة، اعتمادًا على ما إذا كان لديهم المكون الإضافي الصحيح. هذا ينطبق فقط على المكونات الإضافية، حيث أن سلوك التحقق من المكون الإضافي لا يتحقق من عناصر تحكم ActiveX.
استخدم المعاملات للتحكم في كائنات الوسائط
تحديد معلمات خاصة للتحكم في ملفات SWF والمكونات الإضافية. يتم استخدام المعلمات مع علامات object وembed وapplet. وتقوم المعلمات بتعيين سمات محددة لأنواع مختلفة من الكائنات. على سبيل المثال، يمكن أن يستخدم ملف SWF معلمة الجودة <paramname="quality"value="best"> لعلامة الكائن. يتوفر مربع الحوار Parameter من عارض الخصائص. انظر الوثائق الخاصة بالكائن الذي تستخدمه لمعرفة معلومات عن المعلمات التي يتطلبها.
ملاحظة
لا يوجد معيار مقبول على نطاق واسع لتحديد ملفات البيانات لعناصر تحكم ActiveX. راجع الوثائق الخاصة بعنصر تحكم ActiveX الذي تستخدمه لمعرفة أي معاملات يجب استخدامها.
إدخال اسم وقيمة لمعلمة
حدد كائن يمكن أن تكون له معلمات في النافذة Document.
افتح عارض الخصائص إذا لم يكن مفتوحًا بالفعل، وانقر فوق الزر Parameters الموجود في النصف السفلي من عارض الخصائص. (تأكد من توسيع عارض الخصائص).
انقر على زر الإضافة (+) وأدخل اسم المعامل
والقيمة في الأعمدة المناسبة.
إزالة معلمة
حدد معاملاً واضغط على زر الطرح
(–).
إعادة ترتيب المعلمات
حدد معاملاً، واستخدم أزرار الأسهم لأعلى ولأسفل.
قم بإنشاء مواقع ويب جميلة في Dreamweaver
قم بتصميم مواقع الويب الديناميكية وبرمجتها وإدارتها في أداة قوية متكاملة.
