ما يجب معرفته
- مع الصفحة الصفحة الرئيسية في خطة عرض ، انتقل إلى نافذة> Library >[MR] فيديو الخلفية بملء الشاشة مجلد واسحب الأداة إلى الصفحة.
- لإضافة فيديو ، انتقل إلى File> Add Files For Upload> videos folder > Open.
يسمح لك Adobe Muse بإنشاء صفحات ويب باستخدام سير عمل مماثل للمنشورات ؛ لست بحاجة إلى فهم عميق للشفرة التي تنشئ موقعًا أو صفحة ، على الرغم من أن الإلمام بـ HTML5 و CSS وجافا سكريبت لن يضر. على الرغم من أن فيديو الويب التقليدي يُضاف عادةً من خلال HTML5 Video API ، فإن Adobe Muse ينجز نفس الشيء من خلال الأدوات التي تنشئ HTML 5 المطلوبة لمهام محددة ولكنها تستخدم واجهة بلغة بسيطة في Muse لكتابة الكود عند نشر الصفحة.
كيفية تحضير صفحة لفيديو الخلفية في Adobe Muse CC
بعد تثبيت الأداة ، يمكنك الآن إنشاء الصفحة التي ستستخدم الفيديو.
- قبل أن تبدأ ، قم بإنشاء مجلد لموقع Muse الخاص بك. داخل هذا المجلد ، قم بإنشاء مجلد آخر - نستخدم "الوسائط" - وقم بنقل نسخ الفيديو بتنسيق mp4 و webm إلى هذا المجلد.
- عند تشغيل Muse ، حدد ملف> موقع جديد.
- عند فتح مربع الحوار Layout ، حدد Desktop مثل Initial Layout وقم بتغيير Page Width و ارتفاع الصفحة قيم إلى1200 و900 . انقر فوق موافق.
- انقر نقرًا مزدوجًا فوق الصفحة الرئيسيةفي عرض الخطة لفتح الصفحة الرئيسية. عند فتح الصفحة الرئيسية ، انقل أدلة الرأس والتذييل إلى أعلى الصفحة وأسفلها. لا تحتاج حقًا إلى رأس وتذييل في هذا المثال.
كيفية استخدام أداة فيديو الخلفية بملء الشاشة في Adobe Muse CC
استخدام الأداة بسيط للغاية.
- أول شيء عليك القيام به هو العودة إلى عرض الخطة عن طريق تحديد View> Plan Mode.
- عند فتح عرض الخطة ، انقر نقرًا مزدوجًا فوق الصفحة الرئيسيةلفتحها.
- افتح لوحة Library - إذا لم تكن مفتوحة على الجانب الأيمن من الواجهة ، فحدد Window> Library- و قم بتدوير المجلد [MR] فيديو الخلفية بملء الشاشة.
- اسحب أداة المجلد إلى الصفحة.
-
ستلاحظ أن Options يطلب منك إدخال أسماء إصدارات mp4 و webm لمقاطع الفيديو.أدخل الأسماء تمامًا كما وردت في المجلد الذي وضعتها فيه. إحدى الحيل الصغيرة لضمان عدم ارتكابك لخطأ هي نسخ اسم فيديو mp4 ولصقه في مناطق MP4 و WEBM من قائمة الخيارات
خدعة أخرى: كل ما تفعله هذه الأداة هو كتابة كود HTML 5 نيابة عنك. يمكنك معرفة ذلك لأنك ترى في القطعة. في هذه الحالة ، يمكنك وضع عنصر واجهة المستخدم من صفحة الويب على لوحة اللصق ، وسيظل يعمل. بهذه الطريقة ، لا تتداخل مع أي محتوى ستضعه على الصفحة.
كيفية إضافة فيديو واختبار صفحة في Adobe Muse CC
على الرغم من أنك أضفت الرمز الذي سيشغل مقاطع الفيديو ، إلا أن Muse لا يزال لا يعرف مكان وجود مقاطع الفيديو هذه.
- لإصلاح ذلك ، حدد ملف> إضافة ملفات للتحميل.
- عند فتح مربع الحوار تحميل ، انتقل إلى المجلد الذي يحتوي على مقاطع الفيديو الخاصة بك ، وحددها وانقر فوق فتح.
- للتأكد من تحميلها ، افتح لوحة الأصول ،وسترى مقطعي الفيديو الخاصين بك. فقط اتركهم في اللوحة. لا يلزم وضعهم على الصفحة.
- لاختبار المشروع ، حدد ملف> معاينة الصفحة في المتصفح أو ، لأن هذه صفحة واحدة ، ملف > معاينة الموقع في المتصفح . سيفتح المستعرض الافتراضي الخاص بك ، وسيتم تشغيل الفيديو.
-
في هذه المرحلة ، يمكنك التعامل مع ملف Muse كصفحة ويب عادية وإضافة محتوى إلى الصفحة الرئيسية ، وسيتم تشغيل الفيديو تحتها.
كيفية إضافة إطار ملصق فيديو في Adobe Muse CC
هذا هو الويب الذي نتحدث عنه هنا ، واعتمادًا على سرعة الاتصال ، هناك فرصة جيدة أن يفتح المستخدم الصفحة ويحدق في شاشة فارغة أثناء تحميل الفيديو. هذا ليس شيئا جيدا. إليك كيفية التعامل مع هذا القدر من القبح.
إنها "أفضل ممارسة" لتضمين إطار ملصق للفيديو ، والذي سيظهر أثناء تحميل الفيديو. عادة ما تكون هذه لقطة شاشة بالحجم الكامل لإطار من الفيديو.
- لإضافة إطار الملصق ، انقر مرة واحدة على Browser Fillفي أعلى الصفحة.
- انقر فوق رابط الصورةوانتقل إلى الصورة المراد استخدامها.
- في منطقة Fitting ، حدد Scale to Fill وانقر فوق نقطة المركز في منطقة Position. سيضمن هذا تغيير حجم الصورة دائمًا من وسط الصورة عندما يتغير حجم إطار عرض المتصفح.سترى أيضًا الصورة تملأ الصفحة
-
خدعة صغيرة أخرى تتمثل في الحصول على لون تعبئة خالص في حال استغرق إطار الملصق بعض الوقت في الظهور. للقيام بذلك ، انقر فوق شريحة Color لفتح Muse Color Picker. حدد أداة eyedropperوانقر على اللون السائد في الصورة. عند الانتهاء ، انقر فوق الصفحة لإغلاق مربع الحوار "تعبئة المتصفح".
-
في هذه المرحلة ، يمكنك حفظ المشروع أو نشره.
يوضح لك الجزء الأخير من هذه السلسلة كيفية كتابة كود HTML5 الذي ينقل مقطع فيديو إلى خلفية صفحة الويب.
