[MUSIC]
في الدرس السابق أشرت إلى فئة التنقل المستخدمة في Bootstrap
لإنشاء هياكل التنقل.
استكشفنا الملاحة navbar بالفعل في الوحدة السابقة.
في هذه المحاضرة،
ونحن في طريقنا لاستكشاف علامات التبويب التنقل وحبوب التنقل في مزيد من التفاصيل قليلا.
والتمرين الذي يتبع هذا،
سننظر في كيفية الاستفادة من هذا لإنشاء بنية تنقل لصفحة الويب الخاصة بنا.
توفر علامات التبويب والحبوب بنية تنقل مثيرة للاهتمام لصفحة الويب الخاصة بنا.
وسوف تسمح لك لإحاطة المحتوى داخل صفحة الويب الخاصة بك بحيث
يمكن للمستخدم التنقل بين المحتوى دون إعادة تحميل
صفحة الويب إلى صفحة ويب مختلفة.
حتى إذا كان لديك كمية معينة من المحتوى ليتم عرضها في صفحة الويب الخاصة بك،
ولكن تريد أن تظهر سوى جزء من المحتوى على صفحة الويب الخاصة بك، ولكن
لا تزال توفر للمستخدم القدرة على التنقل إلى أجزاء أخرى من المحتوى،
ثم علامات التبويب والحبوب يمكن أن تكون مفيدة جدا لهذا الغرض.
ما هو أفضل من مجرد الذهاب وإلقاء نظرة على استخدام علامات التبويب
والحبوب في الملاحة؟
إلقاء نظرة على مثال على استخدام علامات التبويب في الملاحة،
سترى أنه في هذه الحالة بالذات، لديك
معلومات القيادة المؤسسية في صفحة aboutus.html لدينا،
محاطة داخل علامات التبويب مع التنقل علامة التبويب بنيت في الأعلى.
لذلك يمكنك أن ترى أن لديك أربعة قادة الشركات المختلفة
ممثلة في علامة التبويب الخاصة بهم هنا.
والمحتوى الذي يتم كشفه حاليًا على صفحة الويب هو فقط
التفاصيل حول أول شركة رائدة.
لذلك إذا كنت ترغب في التبديل إلى الآخرين، ثم يمكنك ببساطة النقر على
علامة التبويب المقابلة، ومن ثم الكشف عن هذا المحتوى في صفحة الويب الخاصة بك.
لذا لاحظ أننا لا نتنقل إلى صفحة ويب مختلفة، ولكننا
ببساطة نكشف عن المحتوى باستخدام علامة التبويب هذه هنا.
بدلاً من ذلك، في بعض الحالات
، قد تجد التنقل المستند إلى الحبوب أكثر فائدة لغرضك.
لذا فإن الملاحة القائمة على الحبوب تعمل على هذا النحو.
لذلك لا يزال لديك نفس هيكل الملاحة في الأعلى هنا، ولكن
سيتم تسليط الضوء على المعلومات المعروضة حاليا كحبوب منع الحمل هنا.
لذلك إذا قمت بالتبديل إلى جزء آخر من التنقل الخاص بك،
لاحظ كيف يتم تمييز هذا العنصر المحدد في صفحة الويب،
والمعلومات المقابلة التي يتم عرضها في محتوى علامة التبويب أدناه.
لذلك هذا هو الملاحة القائمة على حبوب منع الحمل.
لذلك يستخدم هذا حبوب التنقل بدلا من علامات التبويب التنقل
للفئة التي يتم تطبيقها على فئة التنقل هناك.
الآن بعد أن رأيت مثالا على استخدام مبوب وسحب الملاحة
في صفحة ويب، وأنا متأكد من أنك غريبة لمعرفة كيف يتم بناؤها في الواقع.
هذا ما سنستكشفه في التمرين التالي.
لذلك سنستخدم التنقل المبوب ثم نستخدم محتوى علامة
التبويب وألواح التبويب لتنظيم المحتوى الفعلي الذي سيتم عرضه في صفحة الويب الخاصة بنا.
[ موسيقى]