حل المشكلات في تصميم الويب

الخطوات التي يجب اتخاذها عندما يكون لديك مشكلة في التصميم

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

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

تحقق من صحة HTML الخاص بك

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

التحقق من صحة CSS الخاص بك

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

تحقق من جافا سكريبت أو عناصر ديناميكية أخرى

كما هو الحال في HTML و CSS إذا كانت صفحتك تستخدم جافا سكريبت ، أو PHP ، أو JSP ، أو بعض العناصر الديناميكية الأخرى ، فيجب عليك التأكد من أنها صالحة أيضًا.

اختبار في متصفحات متعددة

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

تبسيط الصفحة

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

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

اطرح ثم أضف

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

محددة و CSS التي تقوم بتصنيعها ، فابدأ بإزالة سطر واحد من CSS في كل مرة.

اختبار بعد كل إزالة. إذا كان ما أزلته قد تم إصلاحه أو أدى إلى إزالة المشكلة بالكامل ، فأنت تعرف ما تحتاج إلى إصلاحه.

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

تصميم للمتصفحات المتوافقة مع المعايير أولاً

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

ابق على الرمز الخاص بك بسيطة

بمجرد العثور على المشاكل وحلها ، يجب عليك البقاء يقظين لمنعهم من الظهور مرة أخرى في وقت لاحق. أسهل طريقة لتجنب المشكلات هي الحفاظ على سهولة استخدام HTML و CSS قدر الإمكان. لاحظ أنني لا أقول أنه يجب عليك تجنب القيام بشيء مثل إنشاء الزوايا الدائرية لمجرد أن HTML أو CSS معقد. فقط يجب تجنب القيام بأشياء معقدة عندما يقدم حل أبسط نفسه.

الحصول على بعض المساعدة

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

حرره جيريمي جيرارد في 2/3/17