شريط التنقل
شريط التنقل (أو نظام التنقل ) هو جزء من واجهة المستخدم الرسومية يهدف إلى مساعدة الزوار في الوصول إلى المعلومات. يتم تطبيق أشرطة التنقل في أنظمة التشغيل ، ومتصفحات الملفات ، [ 1 ] ومتصفحات الويب ، والتطبيقات، ومواقع الويب، وغيرها من واجهات المستخدم المماثلة .
متصفحات الملفات

تستخدم متصفحات الملفات شريط التنقل لمساعدة المستخدم في استعراض نظام الملفات . قد تتضمن أشرطة التنقل المسار الحالي ، أو مسارات التنقل ، أو قائمة المفضلة . [ 2 ]
متصفحات الويب
يتضمن شريط التنقل في متصفح الويب زري الرجوع والتقدم، بالإضافة إلى شريط العنوان لإدخال عناوين المواقع الإلكترونية . [ 3 ] في السابق، كانت وظائف شريط التنقل موزعة بين شريط أدوات المتصفح وشريط العناوين ، لكن جوجل كروم قدم ممارسة دمج الاثنين.
تصميم مواقع الويب
عادةً ما تحتوي مواقع الويب على شريط تنقل رئيسي [ 4 ] ، وأحيانًا شريط تنقل ثانوي في جميع الصفحات. تتضمن هذه الأقسام روابط لأهم أقسام الموقع. يُعدّ تصميم وتنفيذ أشرطة التنقل جانبًا بالغ الأهمية في تصميم مواقع الويب وسهولة استخدامها .
بشكل عام، توجد أشرطة التنقل في رأس الصفحة، ولكن يمكن العثور عليها أيضًا في شكل شريط جانبي.
رأس صفحة ويب نموذجي مع شريط تنقل
شريط رأس بتصميم بسيط
التنقل بين الصفحات
تتنوع أنواع أشرطة التنقل المتاحة حسب الغرض، كالأشرطة الأفقية والعمودية. وفي مشاريع المواقع الإلكترونية الديناميكية التي تستخدم جافا سكريبت، يمكن تصميم أشرطة التنقل لتكون متجاوبة مع مختلف أحجام الشاشات.
علامة التنقل HTML5
استخدمت بعض الإصدارات الأولى من متصفح نتسكيب وسم الرابط (link) في لغة HTML لإنشاء شريط تنقل لتصفح المواقع الإلكترونية. [ 5 ] أما اليوم، فيمكن استخدام وسم التنقل (nav) للغرض نفسه. [ 6 ] في لغة HTML5 ، تُحاط عناصر التنقل بوسم <a> ، وغالبًا ما يحتوي هذا الوسم على قائمة من الروابط.<nav>
<nav> <ul> <li> <a href="/"> الرئيسية </a> </li> <li> <a href="/blog"> المدونة </a> </li> <li> <a href="/contact"> اتصل بنا </a> </li> <li> <a href="/about"> نبذة عنا </a> </li> </ul> </nav>انظر أيضاً
مراجع
- ↑ "تخصيص شريط التنقل في مستكشف ويندوز" . PCWorld .
- ↑ "دولفين" .
- ↑ "مساعدة متصفح Avant - شريط التنقل" .
- ↑ "شريط التنقل: الشروحات والأمثلة" .
- ↑ "رابط" .
يمكن استخدام عنصر الرابط لتعريف شريط أدوات يحتوي على أزرار تنقل أو آلية مكافئة مثل عناصر القائمة. يمكن حجز العديد من قيم سمة REL لهذا الغرض (مثل الصفحة الرئيسية، التالي، السابق، إلخ).
- ↑ "علامة HTML <nav>" .
- تصميم مواقع الويب
- عناصر التحكم الرسومية
- عناصر واجهة المستخدم الرسومية
- مقتطفات من شبكة الإنترنت العالمية
