كيفية جعل شرائح HTML5

HTML5، كصفحة ويب الجيل القادم القياسية، قاب قوسين. وسوف يمكنك إضافة دعم HTML5 لموقع الويب الخاص بك؟ ربما حان الوقت على الأقل للتحضير. هذه المادة سوف تظهر لك طرق 2 لجعل العرض HTML5 وتضمينها في موقع الويب الخاص بك.

عرض الشرائح HTML5 ذاتي التشغيل

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

هنا كيف يمكنك تضمين HTML5 فيديو عرض شرائح:

< poster="movie.jpg الفيديو" ضوابط >
< المصدر src='movie.webm 'نوع =' الفيديو/webm؛ برامج الترميز "vp8.0، فوربيس" = "/>
< المصدر src='movie.ogv 'نوع =' الفيديو/أغ؛ برامج الترميز "ثيورا، فوربيس" = "/>
< المصدر src='movie.mp4 'نوع =' الفيديو/mp4؛ برامج الترميز = "avc1.4D401E، mp4a.40.2"'/>
</الفيديو >

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

HTML5 عرض الشرائح الفيديو التي تم إنشاؤها مع DVD Slideshow Builder Deluxe --أكثر من 100 التحولات شملت.

ما تحتاج إليه الآن هو فقط برنامج عرض شرائح HTML5 وإنشاء عرض شرائح الفيديو بتنسيق MP4 (افك) .

عرض الشرائح HTML5 تفاعلية

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

1-وضع الملفات في المكان الصحيح.

عندما قمت بتحميل ملف المشروع HTML5 من هنا، فك ضغط الملف إلى جهاز الكمبيوتر الخاص بك، ونقل أو تحميلها إلى المجلد من موقع الويب الخاص بك.

وهناك أيضا أشخاص آخرين للمشاركة مشروع HTML5 عرض الشرائح على الإنترنت. جوجل واحد والتغير لتناسب احتياجاتك. فمن الأفضل لوضع إشعار حقوق النشر أشكر العمل الآخرين، أو تتبع بيانات الترخيص.

2-تغيير التعليمات البرمجية لتناسب احتياجاتك

عادة، لا تحتاج إلى تغيير التعليمات برمجية ملفات css وشبيبة، ما عدا عنوان الارتباط إذا كنت قد وضعها في مجلد مختلف. على سبيل المثال، يجب تغيير عنوان الارتباط ملف css إلى 'scripts/script.js' إذا قمت بنقل الملف script.js إلى مجلد موجود يسمى 'مخطوطات'. ويسمى هذا النوع من عنوان الارتباط ارتباط نسبي، بينما هناك نوع آخر ارتباط مطلق، مثل http://yoursite.com/scripts/script.js. إذا كان يتم تضمين عرض الشرائح HTML5 إلى صفحة في مجلد، يجب عليك استخدام شيء من هذا القبيل '... /scripts/script.js '. كنت أفضل استخدام ارتباط مطلق إذا كنت لم تكن مألوفة مع الاختلافات.

ويتسم الجزء الأهم من هذا العرض HTML5 في المربع الأحمر. انسخ هذه الرموز إلى أية صفحة تريدها HTML5 عرض الشرائح عرض وتغيير عنوان الصورة مثل الموصوفة أعلاه.

انقر لتكبير الصورة.

3-معاينة مع المتصفحات HTML5

وأخيراً، انظر كيف يبدو العرض HTML5 في متصفحك HTML5. عادة، سوف تحصل على هذا العرض HTML5. في الصفحة، يمكن أيضا تحميل ملفات الشرائح HTML5 ومشاهدة عملية مفصلة لتصميم من جانب انجيلوف مارتن.

كما تحقق من قوالب عرض الشرائح فلاش لجعل موقع ويب عرض الشرائح في النقرات.