- قم بعمل fork للـ repository
- افتح الrepository باستخدام github desktop
- قم بإضافة صفحة رئيسية إلى مشروعك بصيغة html وافتحها بواسطة live server
- غير عنوان الصفحة الرئيسية واجعله "الصفحة الترحيبية"
- انشئ مجلد للصور باستخدام الطريقة الصحيحة لترتيب ملفات الموقع
مساعدة: "assets/images" - استخدم h2 في الصفحة الرئيسية وقم بكتابة "مرحبا، اسمي ….."
- أنشئ صفحة html جديدة باسم "food"
- في الصفحة الرئيسية، أضف رابط يؤدي الى صفحة "food" واكتب بداخله "صفحة الطعام"
- احفظ التغييرات وارفع الكود الى github
- قم بتسليم الواجب على موقع Mentorly
- في الصفحة الرئيسية أدرج صورة من الإنترنت باستخدام رابطها المطلق
آخر موعد لرفع الكود هو نهاية المحاضرة "لا تترددون أنكم تسألون المدرسين 👌"
- بعد أن رفعنا تغييرات التمرين الأول سنبدأ بالتمرين الثاني!
- في الصفحة الرئيسية قم بإضافة h4 تحت اسمك واكتب بداخله "هواياتي"
- تحت وسم h4 استخدم وسم القائمة الغير مرتبة و أضف 3 هوايات مختلفة داخل القائمة
مساعدة: وسم العناصر <li> ووسم القائمة المرتبة <ul> - في صفحة food أضف h3 واكتب بداخله "أكلاتي المفضلة"
- تحت وسم h3 أنشئ قائمة مرتبة و أضف داخلها 2 أو 3 من أكلاتك المفضلة بالترتيب
مساعدة: وسم القائمة المرتبة <ol> - تحت القائمة المرتبة أدرج رابط يأخذك للصفحة الرئيسية وأكتب بداخلة "ارجع إلى الصفحة الرئيسية"
- احفظ التغييرات وارفع الكود الى github
- قم بتسليم الواجب على موقع Mentorly
- قم بإزالة النقاط أو الأرقام من القائمة باستخدام inline styling
آخر موعد لرفع الكود هو نهاية المحاضرة "انتوا قدها 💪"
- أضف صورتين في مجلد images، واحدة لطعامك المفضل الأول وأخرى لطعامك المفضل الثاني
- في صفحة food استخدم وسم احتواء div تحت قائمة الطعام المفضلة ليحتوي على الصورة الأولى والثانية
- غير حجم الصور لتتناسب مع الموقع
- في الصفحة الرئيسية غير لون h4 الى اللون الأزرق
- في صفحة food غير لون عناصر القائمة المرتبة إلى اللون الأحمر
- احفظ التغييرات وارفع الكود الى github
- قم بتسليم الواجب على موقع Mentorly
- غير لون خلفية الصفحة
آخر موعد لرفع الكود هو نهاية المحاضرة