تكليفات HTML الدروس من الدرس 19 إلى 23

[ 4 ] تكليفات خاصة ب [ Audio, Video ]

إنضم لكورسات الأكاديمية وإستفيد من الخصم الخاص في البداية من هنا
نوصي بكورس تعلم أساسيات البرمجة من أكاديمية Codezilla من هنا
لحجز إستضافة من Hostinger والحصول على الخصم عن طريقي إتبع الشرح من هنا

من جوجل

المقاطع المطلوب مشاهدتها

الدروس من رقم 19 إلى رقم 23 من الدورة التعليمية الموجودة هنا

التكليف 01

ما هي العناصر الموجودة في اللغة من العناصر التالية
  • Header
  • Nav
  • Main
  • Aside
  • Picture
  • Figure
  • Footer
  • FigCaption
  • Section
  • Command
  • Ruby
  • Data
  • Article
  • Install
  • Text

مساعدة

إبحث عن قائمة عناصر ال HTML

التكليف 02

  • قم بإنشاء صفحة كاملة جديدة
  • تأكد أنك تستخدم ال Semantic Elements في جميع الطلبات التالية
  • قم بإنشاء Header يحتوي على عنوان الصفحة والروابط الخاصة بالصفحة
  • يمكنك وضع خمس روابط بأي أسماء
  • تحتها قم بعمل Navigation Bar يحتوي على مجموعة روابط على الأقل 6 روابط بأي أسماء
  • قم بعمل عنصر يحتوي على محتوى الصفحة وبجانبه عنصر يحتوي على محتوى ال Sidebar
  • داخل محتوى الصفحة قم بعمل ثلاثة مقالات كل مقال بينه وبين الآخر خط عرضي
  • في كل مقال قم بوضع عنوان للمقال وتحته فقرة نصية فيها جزء من محتوى المقال
  • تحتها صورة للمقال ثم تحتها رابط فيه كلمة إقرأ المزيد
  • في أسفل الصفحة قم بإنشاء عنصر لل Footer وداخله جملة Copyright 2021 ©
  • وتأكد أنك تستخدم ال Entity السليمة لل Character
  • داخل عنصر ال Sidebar قم بوضع عنوان بإسم Categories
  • تحت العنوان إستخدم Unordered List لوضع خمس أقسام بأي اسماء تريد

التكليف 03

  • قم بإضافة عنصر يحتوي على ملف صوتي بأكثر من إمتداد 3 Extensions
  • ضع رسالة تظهر في حالة كان المتصفح لا يدعم الملف الصوتي
  • تأكد ان الملف يعمل تلقائيا عند فتح الصفحة
  • تأكد أن الملف إذا إنتهي سوف يعمل تلقائيا مرة أخرى

التكليف 04

  • قم بإضافة عنصر يحتوي على ملف فيديو بأكثر من إمتداد 3 Extensions
  • ضع رسالة تظهر في حالة كان المتصفح لا يدعم الملف المرئي
  • تأكد ان الملف يعمل تلقائيا عند فتح الصفحة
  • تأكد أن الفيديو لا يوجد به صوت عندما يعمل
  • ضع في ال Caption لغتين يمكن الشخص أن يختارهم
  • ضع Poster للفيديو باي صورة تريدها يظهر عند التحميل

تسليم ومراجعة الحلول

الحلول النموذجية هي هدية للداعمين يمكنك الإنضمام للداعمين لترى جميع الحلول من هنا

من جوجل

0 تعليقات


    اترك تعليقاً