أول شيء يضعه المصممون في الاعتبار عند إنشاء صفحات الويب الخاصة بهم هو ما الدقة لتصميم. ما يعنيه هذا حقًا هو تحديد النطاق الذي يجب أن يكون عليه تصميمك. لم يعد هناك شيء مثل عرض موقع الويب القياسي.
لماذا تفكر في القرار
في عام 1995 ، كانت الشاشات القياسية بدقة 640 × 480 بكسل أكبر وأفضل الشاشات المتاحة. هذا يعني أن مصممي الويب ركزوا على جعل الصفحات التي تبدو جيدة في متصفحات الويب معظمة على شاشة مقاس 12 بوصة إلى 14 بوصة عند هذه الدقة.
في هذه الأيام ، تشكل دقة 640 × 480 أقل من 1 في المائة من معظم زيارات مواقع الويب. يستخدم الأشخاص أجهزة كمبيوتر ذات دقة أعلى بكثير بما في ذلك 1366 × 768 و 1600 × 900 و 5120 × 2880. في كثير من الحالات ، يعمل التصميم لشاشة بدقة 1366 × 768.
Todya ، يمتلك معظم الأشخاص شاشات كبيرة عريضة الشاشة ولا يقومون بتكبير نافذة المتصفح الخاصة بهم. لذلك إذا قررت تصميم صفحة لا يزيد عرضها عن 1366 بكسل ، فمن المحتمل أن تبدو صفحتك جيدة في معظم نوافذ المستعرض حتى على الشاشات الكبيرة ذات الدقة العالية.
عرض المتصفح
غالبًا ما يتم التغاضي عن إحدى المشكلات عند تحديد عرض صفحة الويب وهي مدى احتفاظ عملائك بمتصفحاتهم. على وجه التحديد ، هل يقومون بتكبير المستعرضات الخاصة بهم بحجم ملء الشاشة أم أنهم يحتفظون بها أصغر من ملء الشاشة؟
بعد أن تضع في اعتبارك العملاء الذين يقومون بالتكبير أو لا يفعلون ذلك ، فكر في حدود المتصفح. يستخدم كل متصفح ويب شريط تمرير وحدود على الجوانب تقلص المساحة المتاحة من 800 إلى حوالي 740 بكسل أو أقل على دقة 800 × 600 وحوالي 980 بكسل على إطارات مكبرة بدقة 1024 × 768 قرارات. هذا يسمى المتصفح كروم ويمكن أن يبتعد عن المساحة الصالحة للاستخدام لتصميم صفحتك.
الصفحات ذات العرض الثابت أو السائل
العرض العددي الفعلي ليس الشيء الوحيد الذي تحتاج إلى التفكير فيه عند تصميم عرض موقع الويب الخاص بك. تحتاج أيضًا إلى تحديد ما إذا كان لديك ملف عرض ثابت أو عرض سائل. بمعنى آخر ، هل ستقوم بتعيين العرض على رقم معين (ثابت) أم على نسبة مئوية (سائل)؟
عرض ثابت
الصفحات ذات العرض الثابت هي تمامًا كما تبدو. العرض ثابت برقم معين ولا يتغير مهما كان حجم المتصفح كبيرًا أو صغيرًا. يمكن أن يكون هذا النهج جيدًا إذا كنت تريد أن يبدو التصميم الخاص بك متماثلًا تمامًا بغض النظر عن مدى اتساع أو ضيق متصفحات القراء ، لكن هذه الطريقة لا تأخذ في الاعتبار القراء. سيتعين على الأشخاص الذين لديهم مستعرضات أضيق من تصميمك التمرير أفقيًا ، وسيكون لدى الأشخاص الذين لديهم متصفحات عريضة مساحات فارغة على الشاشة.
لإنشاء صفحات ذات عرض ثابت ، استخدم أرقام بكسل محددة لعرض أقسام صفحتك.
عرض السائل
صفحات ذات عرض سائل (تسمى أحيانًا صفحات ذات عرض مرن) في العرض اعتمادًا على مدى اتساع نافذة المتصفح. تجلب هذه الإستراتيجية تصاميم تركز أكثر على العملاء. تكمن مشكلة الصفحات ذات العرض السائل في صعوبة قراءتها. إذا كان طول المسح إذا كان سطر النص أطول من 10 إلى 12 كلمة أو أقصر من 4 إلى 5 كلمات ، فقد يكون من الصعب قراءته. هذا يعني أن القراء الذين لديهم نوافذ متصفح كبيرة أو صغيرة يواجهون مشكلة.
لإنشاء صفحات عرض مرنة ، استخدم النسب المئوية أو EMS لعرض أقسام صفحتك. تعرف على CSS أقصى عرض منشأه. تسمح لك هذه الخاصية بتعيين عرض بالنسب المئوية ، ولكن بعد ذلك قم بتقييده بحيث لا يصبح كبيرًا جدًا بحيث لا يتمكن الأشخاص من قراءته.
استعلامات وسائط CSS
أفضل حل هذه الأيام هو استخدام استعلامات وسائط CSS والتصميم سريع الاستجابة لإنشاء صفحة تتكيف مع عرض المتصفح الذي يعرضها. يستخدم تصميم الويب سريع الاستجابة نفس المحتوى لإنشاء صفحة ويب تعمل سواء كنت تشاهدها بعرض 5120 بكسل أو 320 بكسل عرضًا. تبدو الصفحات ذات الأحجام المختلفة مختلفة ، لكنها تحتوي على نفس المحتوى. باستخدام استعلام الوسائط في CSS3 ، يجيب كل جهاز استقبال على الاستعلام بحجمه ، وتتكيف ورقة الأنماط مع هذا الحجم المعين.