1
00:00:00,042 --> 00:00:04,268
[MUSIC]

2
00:00:04,268 --> 00:00:09,793
في الدرس السابق أشرت إلى فئة التنقل المستخدمة في Bootstrap

3
00:00:09,793 --> 00:00:12,790
لإنشاء هياكل التنقل.

4
00:00:12,790 --> 00:00:17,376
استكشفنا الملاحة navbar بالفعل في الوحدة السابقة.

5
00:00:17,376 --> 00:00:21,660
في هذه المحاضرة،

6
00:00:21,660 --> 00:00:26,700
ونحن في طريقنا لاستكشاف علامات التبويب التنقل وحبوب التنقل في مزيد من التفاصيل قليلا.

7
00:00:26,700 --> 00:00:29,350
والتمرين الذي يتبع هذا،

8
00:00:29,350 --> 00:00:33,927
سننظر في كيفية الاستفادة من هذا لإنشاء بنية تنقل لصفحة الويب الخاصة بنا.

9
00:00:36,020 --> 00:00:41,300
توفر علامات التبويب والحبوب بنية تنقل مثيرة للاهتمام لصفحة الويب الخاصة بنا.

10
00:00:42,640 --> 00:00:47,608
وسوف تسمح لك لإحاطة المحتوى داخل صفحة الويب الخاصة بك بحيث

11
00:00:47,608 --> 00:00:52,201
يمكن للمستخدم التنقل بين المحتوى دون إعادة تحميل

12
00:00:52,201 --> 00:00:55,460
صفحة الويب إلى صفحة ويب مختلفة.

13
00:00:55,460 --> 00:01:00,190
حتى إذا كان لديك كمية معينة من المحتوى ليتم عرضها في صفحة الويب الخاصة بك،

14
00:01:00,190 --> 00:01:04,700
ولكن تريد أن تظهر سوى جزء من المحتوى على صفحة الويب الخاصة بك، ولكن

15
00:01:04,700 --> 00:01:09,855
لا تزال توفر للمستخدم القدرة على التنقل إلى أجزاء أخرى من المحتوى،

16
00:01:09,855 --> 00:01:13,340
ثم علامات التبويب والحبوب يمكن أن تكون مفيدة جدا لهذا الغرض.

17
00:01:14,390 --> 00:01:18,290
ما هو أفضل من مجرد الذهاب وإلقاء نظرة على استخدام علامات التبويب

18
00:01:18,290 --> 00:01:19,790
والحبوب في الملاحة؟

19
00:01:20,860 --> 00:01:25,430
إلقاء نظرة على مثال على استخدام علامات التبويب في الملاحة،

20
00:01:25,430 --> 00:01:28,890
سترى أنه في هذه الحالة بالذات، لديك

21
00:01:29,910 --> 00:01:34,570
معلومات القيادة المؤسسية في صفحة aboutus.html لدينا،

22
00:01:34,570 --> 00:01:40,240
محاطة داخل علامات التبويب مع التنقل علامة التبويب بنيت في الأعلى.

23
00:01:40,240 --> 00:01:44,740
لذلك يمكنك أن ترى أن لديك أربعة قادة الشركات المختلفة

24
00:01:44,740 --> 00:01:47,270
ممثلة في علامة التبويب الخاصة بهم هنا.

25
00:01:47,270 --> 00:01:52,080
والمحتوى الذي يتم كشفه حاليًا على صفحة الويب هو فقط

26
00:01:52,080 --> 00:01:55,270
التفاصيل حول أول شركة رائدة.

27
00:01:55,270 --> 00:02:00,280
لذلك إذا كنت ترغب في التبديل إلى الآخرين، ثم يمكنك ببساطة النقر على

28
00:02:00,280 --> 00:02:05,520
علامة التبويب المقابلة، ومن ثم الكشف عن هذا المحتوى في صفحة الويب الخاصة بك.

29
00:02:05,520 --> 00:02:08,610
لذا لاحظ أننا لا نتنقل إلى صفحة ويب مختلفة، ولكننا

30
00:02:08,610 --> 00:02:13,590
ببساطة نكشف عن المحتوى باستخدام علامة التبويب هذه هنا.

31
00:02:15,030 --> 00:02:17,980
بدلاً من ذلك، في بعض الحالات

32
00:02:17,980 --> 00:02:22,650
، قد تجد التنقل المستند إلى الحبوب أكثر فائدة لغرضك.

33
00:02:22,650 --> 00:02:25,150
لذا فإن الملاحة القائمة على الحبوب تعمل على هذا النحو.

34
00:02:25,150 --> 00:02:29,210
لذلك لا يزال لديك نفس هيكل الملاحة في الأعلى هنا، ولكن

35
00:02:29,210 --> 00:02:34,270
سيتم تسليط الضوء على المعلومات المعروضة حاليا كحبوب منع الحمل هنا.

36
00:02:34,270 --> 00:02:39,760
لذلك إذا قمت بالتبديل إلى جزء آخر من التنقل الخاص بك،

37
00:02:39,760 --> 00:02:45,600
لاحظ كيف يتم تمييز هذا العنصر المحدد في صفحة الويب،

38
00:02:45,600 --> 00:02:49,500
والمعلومات المقابلة التي يتم عرضها في محتوى علامة التبويب أدناه.

39
00:02:49,500 --> 00:02:51,790
لذلك هذا هو الملاحة القائمة على حبوب منع الحمل.

40
00:02:51,790 --> 00:02:56,680
لذلك يستخدم هذا حبوب التنقل بدلا من علامات التبويب التنقل

41
00:02:56,680 --> 00:03:02,030
للفئة التي يتم تطبيقها على فئة التنقل هناك.

42
00:03:02,030 --> 00:03:06,770
الآن بعد أن رأيت مثالا على استخدام مبوب وسحب الملاحة

43
00:03:06,770 --> 00:03:12,180
في صفحة ويب، وأنا متأكد من أنك غريبة لمعرفة كيف يتم بناؤها في الواقع.

44
00:03:12,180 --> 00:03:16,310
هذا ما سنستكشفه في التمرين التالي.

45
00:03:16,310 --> 00:03:20,418
لذلك سنستخدم التنقل المبوب ثم نستخدم محتوى علامة

46
00:03:20,418 --> 00:03:25,940
التبويب وألواح التبويب لتنظيم المحتوى الفعلي الذي سيتم عرضه في صفحة الويب الخاصة بنا.

47
00:03:25,940 --> 00:03:29,369
[ موسيقى]