كيفية تصميم صفحة خطأ 404 مخصص باستخدام HTML & CSS

ستتعلم اليوم في هذه المدونة كيفية إنشاء صفحة خطأ 404 مخصصة باستخدام HTML و CSS فقط

مرحبًا أيها القراء ، ستتعلم اليوم في هذه المدونة كيفية إنشاء صفحة خطأ 404 مخصصة باستخدام HTML و CSS فقط.

رسالة الخطأ HTTP 404 أو 404 Not Found أو 404 Page Not Found هي رمز استجابة قياسي لبروتوكول نقل النص التشعبي (HTTP) ، في اتصالات شبكة الكمبيوتر ، للإشارة إلى أن المتصفح كان قادرًا على التفاعل مع خادم معين ولكن الخادم لم يستطع حدد موقع ما تم طلبه. يظهر هذا الخطأ عندما لا تكون الصفحة أو عنوان URL الذي طلبه المستخدم موجودًا على موقع معين.

في هذا البرنامج (تصميم صفحة خطأ 404 مخصص) ، في البداية ، على صفحة الويب ، توجد خلفية متدرجة خطية مع صندوق حاوية أبيض. داخل المربع ، يوجد نص العنوان والوصف وزرين. يحتوي نص 404 هذا على رسم متحرك للقناع مما يعني أن هناك رسوم متحركة متدرجة الألوان تتدفق من الأعلى إلى الأسفل. تم إنشاء صفحة الخطأ هذه لأغراض التصميم فقط ولن تعيد توجيهك إلى أي صفحة أخرى عند النقر على الأزرار.

إذا كنت تشعر بصعوبة في فهم ما أقوله. يمكنك مشاهدة فيديو تعليمي كامل على هذا البرنامج (تصميم صفحة خطأ 404 مخصص).

كما رأيت قناع النص الفعلي يتحرك في الرسوم المتحركة في الفيديو وأعتقد أنك فهمت الرموز الأساسية وراء إنشاء صفحة الخطأ هذه. هذا برنامج CSS خالص لذلك لا توجد أكواد واسعة مستخدمة لإنشاء هذا البرنامج. في الوقت الحاضر ، يحتوي كل موقع على صفحة خطأ 404 مخصصة تساعد على إعلام المستخدم بالصفحات المطلوبة غير الموجودة على الموقع.

يمكنك أيضًا إنشاء هذا النوع من صفحات الخطأ واستخدامها في مشاريعك وصفحات HTML. إذا كنت تعرف JavaScript ، فيمكنك إضافة ميزات متقدمة إلى هذا البرنامج والارتقاء بهذا البرنامج إلى المستوى التالي. إذا كنت تحب هذا البرنامج (تصميم صفحة خطأ 404 مخصص) وتريد الحصول على أكواد المصدر. يمكنك بسهولة الحصول على الأكواد المصدرية لهذا البرنامج. للحصول على أكواد المصدر ، تحتاج فقط إلى التمرير لأسفل.

تصميم صفحة خطأ 404 مخصص
لإنشاء هذا البرنامج (تصميم صفحة خطأ 404 مخصص). أولاً ، تحتاج إلى تحميل ملف الاكواد من زر التحميل

الملفات

ما هو رد فعلك؟

like

dislike

love

funny

angry

sad

wow