1
00:00:03,260 --> 00:00:08,650
حان الوقت للانتقال إلى المهمة الثانية في هذه الدورة.

2
00:00:08,650 --> 00:00:13,599
هذا الأسبوع كنا قد غطت أزرار, أشكال

3
00:00:13,599 --> 00:00:20,095
, الجداول, بطاقات, الصور, ووسائل الإعلام ثم أخيرا غطينا شارة.

4
00:00:20,095 --> 00:00:23,870
لذلك، هذه المهمة سوف ننظر في

5
00:00:23,870 --> 00:00:29,780
محاولة لاستكشاف فهمك لجميع هذه المواضيع.

6
00:00:30,010 --> 00:00:33,920
وتتكون مهمتك الثانية من ثلاث مهام.

7
00:00:33,920 --> 00:00:37,120
دعونا نذهب من خلال كل واحد منهم خطوة بخطوة.

8
00:00:37,120 --> 00:00:44,160
مهمتك الأولى هي إنشاء نموذج في الملعب جدول استراتيجية الفهرس الخاص بك.

9
00:00:44,160 --> 00:00:48,110
لذلك، هذا هو الحق بعد الأوصاف التي لدينا حتى

10
00:00:48,110 --> 00:00:53,345
استخدام صف آخر مع محتوى الصف هناك.

11
00:00:53,345 --> 00:00:57,850
إنشاء بطاقة هناك مع عنوان. قم

12
00:00:57,850 --> 00:01:01,065
بحجز جدول، ثم قم

13
00:01:01,065 --> 00:01:04,460
بتضمين نموذج داخل تلك البطاقة في كتلة البطاقة.

14
00:01:04,460 --> 00:01:08,095
سيحتوي النموذج على أزرار الاختيار.

15
00:01:08,095 --> 00:01:13,280
يمكنك التحقق من وثائق النماذج لفهم كيفية إنشاء أزرار الاختيار.

16
00:01:13,280 --> 00:01:14,620
فهي واضحة إلى حد ما.

17
00:01:14,620 --> 00:01:19,100
لذلك، لدينا أزرار الاختيار مضمنة على طول الطريق تتراوح من واحد إلى

18
00:01:19,100 --> 00:01:25,400
ستة وسوف تسمح للمستخدم لتحديد أي واحد من هذه أزرار الاختيار.

19
00:01:25,400 --> 00:01:26,780
لذلك النقر على واحد منهم،

20
00:01:26,780 --> 00:01:29,455
سيسمح لك بتحديد عدد الضيوف.

21
00:01:29,455 --> 00:01:32,900
وقطعة المعلومات الثانية هي التاريخ،

22
00:01:32,900 --> 00:01:35,055
والجزء الثالث من المعلومات هو الوقت.

23
00:01:35,055 --> 00:01:40,480
لذلك، سيتم دعم التاريخ والوقت من قبل اثنين من حقول الإدخال

24
00:01:40,480 --> 00:01:44,040
هنا ومن ثم لدينا زر إرسال هنا اسمه

25
00:01:44,040 --> 00:01:47,955
«الاحتياطي» مع الزر يجري باللون الأزرق.

26
00:01:47,955 --> 00:01:52,855
لذلك، تذكر كل هذه التفاصيل المختلفة هنا وهذا هو في بطاقة.

27
00:01:52,855 --> 00:01:59,980
الآن، هذه البطاقة إذا كانت على صغيرة إلى حجم الشاشة الكبيرة،

28
00:01:59,980 --> 00:02:08,000
سيتم توسيطها في هذا الصف وسوف تشغل ثمانية أعمدة.

29
00:02:08,000 --> 00:02:11,180
لذلك لديك عمودين اليسار هنا واثنين من الأعمدة اليسار هناك.

30
00:02:11,180 --> 00:02:14,915
هذه بعض القرائن حول كيف ستضع هذا

31
00:02:14,915 --> 00:02:17,020
بالنسبة لأحجام الشاشة الصغيرة الإضافية،

32
00:02:17,020 --> 00:02:20,900
تشغل عرض الشاشة بالكامل،

33
00:02:20,900 --> 00:02:25,670
وإلا لا يمكن استيعاب النموذج الخاص بك بشكل مفيد هناك.

34
00:02:25,670 --> 00:02:31,505
لذلك، هذه هي المهمة الأولى في مهمتك الثانية.

35
00:02:31,505 --> 00:02:38,285
إذا كنت تتذكر، يسار السحب الثاني لمحتوياتنا غير مصمّم،

36
00:02:38,285 --> 00:02:41,980
فستستخدم كائن الوسائط الآن لتصميم هذا المحتوى.

37
00:02:41,980 --> 00:02:43,790
لاحظ على وجه الخصوص أنه

38
00:02:43,790 --> 00:02:47,460
بالنسبة لكائن الوسائط، سوف تظهر صورتك على الجانب الأيمن،

39
00:02:47,460 --> 00:02:50,365
لذلك استخدم المجموعة الصحيحة من

40
00:02:50,365 --> 00:02:55,800
الفئات لجعل صورتك تظهر على الجانب الأيمن من المحتوى،

41
00:02:55,800 --> 00:03:00,275
على عكس تلك الأخرى حيث تظهر الصورة على الجانب الأيسر.

42
00:03:00,275 --> 00:03:02,930
ويجب أن يكون مركزًا عموديًا هنا.

43
00:03:02,930 --> 00:03:08,665
لاحظ أيضًا أنك تحتاج إلى تضمين شارة هنا بكلمة «جديد».

44
00:03:08,665 --> 00:03:11,530
وهكذا رأينا هذا بالفعل في

45
00:03:11,530 --> 00:03:15,025
الممارسة من قبل لذلك لا ينبغي أن يكون من الصعب جدا تحقيقه.

46
00:03:15,025 --> 00:03:16,780
لذا، مهمتك الثانية، مرة أخرى،

47
00:03:16,780 --> 00:03:21,030
هي استخدام كائن الوسائط لتصميم هذا من خلال.

48
00:03:21,030 --> 00:03:24,545
المهمة النهائية في المهمة الثانية،

49
00:03:24,545 --> 00:03:27,455
هي إنشاء زر هنا.

50
00:03:27,455 --> 00:03:29,735
هذا سيكون زر كتلة.

51
00:03:29,735 --> 00:03:32,635
لذلك، زر كتلة الطبقة التي كنت تسير على استخدامها.

52
00:03:32,635 --> 00:03:38,430
الآن، ما يمكنك القيام به هو يمكنك إعادة وضع هذا المحتوى

53
00:03:38,430 --> 00:03:41,170
هنا لاحتلال نصف الشاشة

54
00:03:41,170 --> 00:03:44,770
وبعد ذلك هذين سوف يحبون الجزء المتبقي من الشاشة.

55
00:03:44,770 --> 00:03:47,910
واستخدم جدول حجز الكلمات هناك.

56
00:03:47,910 --> 00:03:50,815
ليس هذا فقط، عند النقر على هذا الزر،

57
00:03:50,815 --> 00:03:55,085
سيتم نقلك إلى النموذج في أسفل الصفحة،

58
00:03:55,085 --> 00:03:57,340
والذي يسمح لك بإجراء الحجز.

59
00:03:57,340 --> 00:04:01,150
لذلك، هذا هو المكان الذي تحتاج فيه إلى استخدام طرق HTML

60
00:04:01,150 --> 00:04:05,695
لتحديد المعرفات من أجل تحقيق هذا الإجراء.

61
00:04:05,695 --> 00:04:12,940
لذا بالعودة مرة أخرى، يجب وضع هذا الزر عموديًا في

62
00:04:12,940 --> 00:04:21,610
الجدول ويجب أن يشارك مساحة الشاشة نصف مع شعارك هنا.

63
00:04:21,610 --> 00:04:25,550
يمكن أن تشغل الصيغ هنا النصف المتبقي من النصوص البرمجية.

64
00:04:25,550 --> 00:04:30,930
حتى تتمكن من استخدام فئات العمود لضبط هذه الأشياء.