كيفية إنشاء عرض شرائح باستخدام Dreamweaver

دايبوزيف

عروض الشرائح هي واجهة موقع ويب شائعة تُستخدم لإبراز المحتوى الحديث.

حقوق الصورة: ميريام 2009 / إستوك / جيتي إيماجيس

Dreamweaver هو برنامج تطوير ويب احترافي من Adobe ويوفر مجموعة من الوظائف لبناء صفحات الويب. تتراوح هذه الوظائف من تكامل قاعدة البيانات الخلفية إلى عروض شرائح JavaScript التي تغير الصور على فترات زمنية ثابتة. تتيح JavaScript المعياري من Dreamweaver لمطوري مواقع الويب إنشاء عروض شرائح دون الحاجة إلى البحث في التعليمات البرمجية مباشرةً. بينما يشترك عنصر الويب المسمى "عرض الشرائح" في نفس الاسم مثل مجموعة شرائح PowerPoint ، فإن إخراج Dreamweaver هو HTML قياسي قابل للعرض في أي مستعرض ويب.

الخطوة 1

قم بتشغيل Dreamweaver وافتح مشروع موقع الويب من قائمة "File". انتقل إلى صفحة مشروع موقع الويب الخاص بك حيث سيتم دمج عرض الشرائح.

فيديو اليوم

الخطوة 2

انقر على "إدراج" ، ثم "طبقة" من قائمة الطبقة العليا. سيؤدي هذا إلى فتح مربع حوار ؛ انقر فوق "صورة" لنوع الطبقة في هذا المربع.

الخطوه 3

انقر فوق "تصفح" وانتقل إلى دليل الصور الخاص بك. حدد صورة الطبقة الأولى - ستكون هذه أول شريحة يتم عرضها في عرض الشرائح. يمكنك أيضًا الإشارة إلى صفحات HTML أخرى بدلاً من الصور ؛ هذه طريقة واحدة لدمج النص والروابط القابلة للنقر في عرض شرائح موقع الويب الخاص بك.

الخطوة 4

كرر الخطوتين السابقتين ، بإضافة طبقة جديدة ومحتوى مناسب لكل شريحة تريد عرضها. نظرًا لأن JavaScript المستخدم لعرض عرض الشرائح في مستعرض الويب سوف يقوم بجلب كل المحتوى مسبقًا ، فسوف تقوم بذلك ربما ترغب في الاحتفاظ بعرض الشرائح بما لا يزيد عن ستة أو سبعة عناصر بحيث يتم تحميل صفحة الويب بشكل معقول زمن.

الخطوة الخامسة

انقر على "نافذة" ، ثم على "الخط الزمني" من قائمة الطبقة العليا. سيظهر محرر الخط الزمني. أدخل مدة لكل صورة في مجموعة الطبقات التي قمت بإنشائها. حدد الصورة الأولى التي تريد عرضها ، وانقر بزر الماوس الأيمن على إدخال المخطط الزمني لها وحدد "إضافة إطار رئيسي".

الخطوة 6

حدد مجموعة طبقة / صورة للإطار الرئيسي المحدد وكرر هذا الإجراء لكل طبقة وصورة تريدها في مخططك الزمني.

الخطوة 7

انقر فوق "موافق" لحفظ الإعدادات الخاصة بك.