قد يكون لديك عدة أسباب لفت انتباه الزوار
إلى أجزاء معينة من موقع الويب الخاص بك أو ربما كنت ترغب
في تنبيه المستخدمين حول بعض المعلومات أو قد ترغب في إبقاء
المستخدمين على علم بالتقدم المحرز في العملية التي بدأها على موقع الويب الخاص بك.
دعونا ننظر إلى بعض الآليات المختلفة التي
يوفرها bootstrap لهذا النوع من العمليات.
يحتوي Bootstrap على العديد من المكونات المختلفة التي تمكننا من إبقاء المستخدمين على علم.
لدينا شارات تسمح لنا لفت انتباه
المستخدمين إلى آخر التحديثات لصفحة الويب الخاصة بنا.
لدينا
رسائل التنبيه والخطأ والتحذير التي يمكن تسليمها للمستخدمين في حالة
قيامهم بعمليات غير مسموح بها.
وأيضا، قد نستخدم أشرطة التقدم لإبقاء المستخدمين على
علم بالتقدم المحرز في أي العمليات التي بدأها على موقعنا على الانترنت.
دعونا ننظر إلى هذا بمزيد من التفصيل بعد ذلك.
الشارات هي وسيلة سهلة لإضافة كمية صغيرة من
المعلومات إلى موقع الويب الخاص بك لجذب انتباه الزوار.
على سبيل المثال، يمكنك أن ترى أننا قد أضفنا بضع شارات إلى
هذا الوصف للطبق هنا على صفحتنا الرئيسية حتى
تتمكن من رؤية أن لدينا شارة حمراء اللون لفت انتباه المستخدمين إلى
حقيقة أن هذا هو البند الساخن في القائمة
وربما حتى إعلامهم عن سعر القائمة.
يمكن إضافة هذا النوع من المعلومات الصغيرة إلى موقع الويب الخاص بك باستخدام شارة.
على سبيل المثال،
يتم إنشاء شارة حمراء هنا باستخدام فترة مع شارة الفئات وشارة الخطر.
يمكنك استخدام الألوان الأخرى المختلفة المضمنة في
إطار bootstrap لإنشاء شارات من عدة ألوان مختلفة.
وبالمثل، يمكنك استخدام شارة حبوب منع الحمل التي تخلق مستطيل مستدير كما ترى هنا،
ويمكن القيام بذلك عن طريق تطبيق شارة،
فئة حبوب منع الحمل شارة إليها جنبا إلى جنب مع فئة شارة.
التنبيهات هي طريقة أخرى لإعلام المستخدمين عن المعلومات.
على سبيل المثال، يمكن إنشاء تنبيه باستخدام مكون التنبيه
الذي يمكن إنشاؤه ببساطة عن طريق تطبيق التنبيه مع تحذير التنبيه على سبيل المثال،
في هذا المثال أن ترى تحذير إنشاء تنبيه أصفر اللون.
يمكنك تطبيق مرة أخرى الخطر الأساسي والألوان التمهيد الأخرى هناك.
ثم فئة التنبيه غير المسموح بها،
يسمح لك بتضمين فئة هناك التي يمكن للمستخدم النقر عليها لرفض تنبيه.
لدعم هذه العملية،
تحتاج أيضا إلى تضمين زر في التنبيه الخاص بك كما ترون داخل هذا div،
قمنا بتضمين هذا الزر هنا.
ويمكن تنسيق محتويات التنبيه باستخدام HTML القياسية كما ترون هنا.
لذلك، وهذا يتيح لنا إنشاء تنبيه على صفحة الويب الخاصة بنا.
لذا, لتلخيص, تنبيه يمكن إنشاؤها من قبل تطبيق فئة التنبيه
جنبا إلى جنب مع فئات تنبيه مؤهلة إضافية,
والتي تمكنك من إنشاء تنبيهات بألوان مختلفة.
يمكننا أيضًا تضمين روابط في تنبيهاتنا.
يمكننا أيضا جعل التنبيه غير مسموح به باستخدام
فئة التنبيه غير المسموح به بما في ذلك زر الصليب داخل تنبيهنا.
وبالمثل، يتم تضمين أشرطة التقدم في المواقع الإلكترونية لإبقاء
المستخدمين على علم بالتقدم المحرز في كل ما بدأناه على الموقع.
على سبيل المثال، إذا كنت تقوم بتحميل ملف إلى موقع ويب،
فقد ترغب في إبقاء المستخدم على علم بمدى
اكتمال تحميل الملف من خلال عرض شريط التقدم على الموقع.
لذا،
يتم إنشاء شريط تقدم في bootstrap عن طريق تطبيق فئة التقدم على div وداخله يمكننا تطبيق
div داخلي آخر مع شريط تقدم الفئة
والسماح أيضًا بتمييزها باستخدام أشياء مثل
شريط التقدم المخطط ثم يمكنك تطبيق اللون
شريط التقدم عن طريق تحديد اللون كما واصلة BG واللون.
لذلك، في هذه الحالة يتم تطبيق خطر bg على شريط التقدم هذا.
يمكننا أيضا جعل جزء التقدم مخطط،
يمكننا أيضا تحريك شريط التقدم،
وأيضا تحديد مقدار شريط التقدم هذا يحتاج إلى أن يكون في الشكل.
لذلك، عن طريق تغيير قيمة العرض هذه
ديناميكيًا، يمكنك إنشاء شريط تقدم يحافظ على تحديث نفسه على صفحة الويب.
لذلك، لتلخيص، يمكن إنشاء شريط التقدم عن طريق
تطبيق فئة التقدم على div وداخل
هناك div الداخلي الذي تقوم بتطبيق
فئة شريط التقدم سيمكنك من إنشاء شريط التقدم.
يمكنك حتى تكديس أشرطة التقدم متعددة معا
لإنشاء شريط التقدم مكدسة وأيضا تطبيق ألوان مختلفة على شريط التقدم وأيضا
يمكن أن يكون لها مظهر مختلف لشريط
التقدم باستخدام فئة شريط التقدم مخطط وأيضا شريط التقدم
فئة الرسوم المتحركة لتحريك المشارب على شريط التقدم لدينا.
الآن بعد أن نظرنا في طرق مختلفة لتنبيه المستخدمين،
دعونا نفعل ممارسة بسيطة بعد ذلك واستخدام شارات
في صفحة الويب الخاصة بنا لجذب انتباه المستخدمين.