Skip to content

في هذا الواجب سنقوم بتطبيق ما تعلمناه من بناء هيكل الموقع وتزيينه

Notifications You must be signed in to change notification settings

somo-u/web-hw-2

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 

Repository files navigation

واجب - 2

في هذا الواجب سنقوم بإنشاء موقع لعرض الافلام والمسلسلات

ملاحظه: في حال لديك فكره اخرى يمكنك تطبيقها لكن بشرط اتباع مطاليب الواجب

المطلوب الاول: انشاء الصفحه الرئيسيه

الصفحه الرئيسيه هي الصفحه التعريفيه للموقع، فيجب عليك اظهار ما الذي سيحتويه موقعك.

  1. قائمه ببعض الافلام
  2. قائمه ببعض المسلسلات
  3. (top movies, most watched, comedy,..., etc) يمكنك اظهار بعض التصنيفات الاخرى

المطلوب الثاني: انشاء صفحات اخرى

(trailer, description, actors, rating) يجب ان يكون للافلام صفحات خاصه بها تظهر فيها تفاصيل الفلم

(Navbar) المطلوب الثالث: إضافة شريط التنقل في أعلى الموقع

شريط التنقل لا يجعل شكل الموقع افضل فقط، بل ايضا يسمح للمستخدم بالتنقل لمحتويات الموقع بسهوله. محتويات الشريط:

  1. (شعار للموقع (يمكنك اختيار اي صوره تجدها مناسبه
  2. شريط للبحث
  3. instagram, twitter, youtube, Github ايقونات خاصه بمواقع التواصل الاجتماعي او غيرها وقم بربطها بحسابك الشخصي مثل
  4. زر لتسجيل الدخول

ملاحظه: يمكنك ان تجد صوره في ملف الصور مثال لشريط التنقل

(Dropdown menu) المطلوب الرابع: إضافة قائمة منسدله

يمكنك اما اضافة القائمه لشريط التنقل او اسفلها حسب ما تراه مناسبا لشكل موقعك. قد تحتوي هذه القائمه على:

  • تصنيفات الافلام التي لديك
  • او صفحات مواقع اخرى مرتبطه بموقعك

(Sidebar) المطلوب الخامس: إضافة شريط جانبي

  • انشأ شريط جانبي تظهر فيه صفحات موقعك لكي يسهل التنقل بينها
  • قم بتغيير خواص روابط الصفحات بحيث يتغير لون الرابط او لون الخلفيه عند المرور عليه ملاحظه: يمكنك زياره الموقع المعتاد ستجد فيه انواع واشكال من الشرائط الجانبيه، اضف ما تجده مناسبا w3schools.com

:ملاحظات عامة

  • احرص على ان يكون موقعك مقسم بطريقه مرتبه كما تعلمنا باستخدام وسوم الاحتواء وقم بتغيير خصائصها لكي تتناسب مع شكل موقعك
  • قم بتغيير الوان الخطوط والخلفيات بما تراه مناسبا شكليا
  • :تعديل كل من
    • الهوامش والحواشي
    • الحدود والمحاذاة
    • أنواع العرض
    • والطول والعرض بما تراه مناسبا
  • لا تنسى استخدام التعليقات فهي مهمة لترتيب وفهم الكود الذي تكتبه
  • عمنا قوقل وبعض المواقع وااايد مفيده في حال توهقتو
  • دايما في مجال للابداع، اذا حبيتو تضيفون شغلات زياده لا تترددون
  • :p للمزيد من الافكار زورو المواقع اللي تعرض الافلام وبوقو منهم بعض التطبيقات

وغيره imdb مثل

!بونص

  1. CSS animation قم باستخدام
  2. CSS transitions استخدم خاصية الانتقالات لتضيف حركه الى موقعك
  3. CSSاجعل موقعك متجاوب مع جميع الاجهزه باستخدام ال (Responsive)

آخر موعد لرفع الكود
30/6/2020

About

في هذا الواجب سنقوم بتطبيق ما تعلمناه من بناء هيكل الموقع وتزيينه

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published