1
00:00:00,000 --> 00:00:04,642
[MUSIC]

2
00:00:04,642 --> 00:00:09,310
دعونا نناقش بإيجاز حول جداول التمهيد.

3
00:00:09,310 --> 00:00:15,537
ماذا يجلب Bootstrap إلى جداول التصميم التي ندرجها في صفحات الويب الخاصة بنا؟

4
00:00:15,537 --> 00:00:20,636
سننظر أيضًا في مكون bootstrap آخر يسمى بطاقة bootstrap،

5
00:00:20,636 --> 00:00:24,790
وهو مكون متعدد الاستخدامات لعرض المحتوى.

6
00:00:26,520 --> 00:00:31,438
قد تكون هناك العديد من المناسبات التي تريد فيها تقديم محتوى جدولي

7
00:00:31,438 --> 00:00:32,717
على صفحة الويب الخاصة بك.

8
00:00:32,717 --> 00:00:37,021
تم تصميم الجداول أساسا

9
00:00:37,021 --> 00:00:41,998
لهذا الغرض، ولكن قريبا هناك بعد أن

10
00:00:41,998 --> 00:00:46,706
اختطف مصممو صفحة الويب الجداول

11
00:00:46,706 --> 00:00:52,170
لاستخدامها لتصميم ووضع المحتوى في الصفحات.

12
00:00:52,170 --> 00:00:56,992
لأنه بطبيعتها، لم يكن HTML الأصلي

13
00:00:56,992 --> 00:01:01,931
القدرة على وضع المحتوى بشكل صحيح في صفحة ويب.

14
00:01:01,931 --> 00:01:07,175
وبطبيعة الحال، مع وصول تخطيطات القائمة على الشبكة مثل شبكة التمهيد،

15
00:01:07,175 --> 00:01:09,804
تم تشغيل الجداول على الجداول.

16
00:01:09,804 --> 00:01:14,379
وبشكل متزايد، يفضل الناس عدم استخدام الجداول

17
00:01:14,379 --> 00:01:19,465
كنوع رئيسي من تخطيط المحتوى في صفحات الويب.

18
00:01:19,465 --> 00:01:24,440
تم تصميم التخطيطات المستندة إلى الشبكة بشكل أفضل لهذا الغرض.

19
00:01:24,440 --> 00:01:29,896
في ما يلي مثال على ما يمكننا القيام به لجدول HTML قياسي

20
00:01:29,896 --> 00:01:36,736
باستخدام عدة فئات يوفرها bootstrap لجداول التصميم.

21
00:01:36,736 --> 00:01:41,951
حتى هنا، يمكنك أن ترى أن مجموعة بعيدا عن طريق عرضه

22
00:01:41,951 --> 00:01:47,371
في لون أغمق ومن ثم يتم تمييز الصفوف نفسها

23
00:01:47,371 --> 00:01:58,168
من خلال عرض صفوف بديلة مع نسخ احتياطية مختلفة.

24
00:01:58,168 --> 00:02:04,898
يشبه الجدول المستخدم في bootstrap المستند إلى تلك الصفحة كيفية استخدام الجداول في صفحات HTML القياسية.

25
00:02:04,898 --> 00:02:09,220
ولكن بالطبع، يمكنك تطبيق جدول الفئة

26
00:02:09,220 --> 00:02:14,610
المدعوم في bootstrap إلى تقنية جدول قياسية.

27
00:02:14,610 --> 00:02:21,490
بالإضافة إلى ذلك، يوفر Bootstrap العديد من الفئات المختلفة لجداول التصميم مثل،

28
00:02:21,490 --> 00:02:27,410
جدول مخطط للجداول مخطط حمار وحشي كما رأينا في المثال السابق.

29
00:02:27,410 --> 00:02:30,433
وبالمثل، لدينا جدول يحدها الحدود.

30
00:02:30,433 --> 00:02:38,136
الجداول، الجدول تحوم، الجدول سم للجداول مع الحشو الخلية قطع في النصف.

31
00:02:38,136 --> 00:02:43,289
وبالمثل، يمكن تطبيق استجابة الجدول على div حول الجداول،

32
00:02:43,289 --> 00:02:48,696
بحيث يمكن جعل الجداول تستجيب حيث يتم عرضها على أحجام الشاشة الأصغر.

33
00:02:48,696 --> 00:02:54,723
ستتمكن الجداول بعد ذلك من التمرير أفقيًا وعموديًا.

34
00:02:54,723 --> 00:03:00,039
أيضا، يمكنك تطبيق الخلفيات على صف فردي من الجداول أو

35
00:03:00,039 --> 00:03:02,480
الجداول بأكملها نفسها.

36
00:03:02,480 --> 00:03:08,454
فيما يلي بعض الأمثلة على كيفية تطبيق

37
00:03:08,454 --> 00:03:13,766
لون الخلفية على صف معين أو خلية معينة في الجدول.

38
00:03:13,766 --> 00:03:18,478
مكون آخر متعدد الاستخدامات متوفر في bootstrap

39
00:03:18,478 --> 00:03:20,695
هو بطاقة bootstrap.

40
00:03:20,695 --> 00:03:24,708
في بعض الأحيان، قد ترغب في تسليط الضوء على بعض المحتوى على صفحة الويب الخاصة بك.

41
00:03:24,708 --> 00:03:28,695
لذلك هذا هو المكان الذي يأتي التمهيد لمساعدتكم.

42
00:03:28,695 --> 00:03:33,172
في بطاقة Bootstrap هو مكون متعدد الاستخدامات يسمح لك

43
00:03:33,172 --> 00:03:35,904
بعرض المحتوى في myriads من الطرق.

44
00:03:35,904 --> 00:03:40,360
ستلاحظ أنه يسمح لك بالحصول على رؤوس للبطاقات.

45
00:03:40,360 --> 00:03:42,625
يمكنك أيضا تضمين الصور في بطاقات.

46
00:03:42,625 --> 00:03:45,615
يمكنك تضمين الصور في خلفية البطاقات.

47
00:03:45,615 --> 00:03:49,470
يمكنك حتى تغيير ألوان الخلفية للبطاقات.

48
00:03:49,470 --> 00:03:52,450
يتم دعم العديد من الميزات بواسطة البطاقات.

49
00:03:53,530 --> 00:03:59,218
فيما يلي بعض الأمثلة على البطاقات التي سنراها في التدريبات لاحقًا.

50
00:03:59,218 --> 00:04:04,974
وسوف نرى أيضا أكثر تنوعا لنا من بطاقات في التدريبات اللاحقة

51
00:04:04,974 --> 00:04:09,090
وغيرها من الدورات في هذا التخصص.

52
00:04:09,090 --> 00:04:14,090
بطاقة هي شركة مهمة جدا التي يمكن استخدامها بشكل فعال

53
00:04:14,090 --> 00:04:15,900
لعرض المحتوى.

54
00:04:15,900 --> 00:04:21,203
حان الوقت للانتقال إلى التمرين التالي حيث سنستخدم الجداول

55
00:04:21,203 --> 00:04:24,844
والبطاقات لعرض بعض المحتوى في صفحة الويب الخاصة بنا.

56
00:04:24,844 --> 00:04:30,629
[ موسيقى]