يستخدم مستخدمو الإنترنت مجموعة متنوعة من الشاشات بدقة شاشة مختلفة. لذلك ، تتمثل إحدى مهام مطوري الويب في الحاجة إلى إنشاء موقع وتحسينه لعرضه الصحيح على الشاشات بأي دقة.
تعليمات
الخطوة 1
صمم موقع الويب الخاص بك بأقل دقة قابلة للاستخدام - 800 * 600 بكسل واستخدم تصميمًا ثابتًا. ولكن مع هذا النهج ، هناك عيب واحد - بالنسبة للمستخدمين الذين لديهم شاشات عريضة ، ستظهر الحقول العريضة على الشاشة عند عرض موقعك.
الخطوة 2
استخدم تخطيطًا مرنًا. في هذه الحالة ، سيتم تمديد الصفحات أفقيًا على تلك الشاشات ، حيث تكون الدقة أعلى من تلك المستخدمة في التطوير. لكن أفضل طريقة لاستخدام هذا الأسلوب عند إنشاء مواقع تحتوي على الكثير من المعلومات النصية والحد الأدنى من الرسومات. هذا لأن بعض العناصر ، مثل الصور أو مكونات الجهات الخارجية ، سيتم تشويهها عند تغيير الحجم على شاشات مختلفة.
الخطوه 3
الأصح ، ولكن في نفس الوقت والأكثر تعقيدًا من وجهة نظر التنفيذ ، هو استخدام التخطيط التكيفي. هذه نسخة أكثر تعقيدًا من التخطيط المطاطي ، مما يجعل من الممكن تغيير عدد الأعمدة بالمعلومات عند استخدام رمز البرنامج.
الخطوة 4
ولكن مهما كان التصميم الذي يتم اختياره لتطوير الموقع ، قم بعمل تخطيطه بدقة شاشة 1024 * 768 بكسل. هذا هو الحل الأكثر شيوعًا.
الخطوة الخامسة
أيضًا ، من أجل العرض الصحيح للموقع على الشاشات بدقة مختلفة ، اتبع بعض القواعد. حاول الاحتفاظ بالمحتوى الرئيسي للصفحة على شاشة واحدة لتجنب التمرير. ضع معلومات النص في عمود ضيق بحيث لا "تنتشر" عبر عرض الشاشة بالكامل. تتبع التصميم العام للصفحات بحيث يكون كل شيء متناسبًا.
الخطوة 6
عند تصميم تصميمك ، احسب النسبة المئوية ، وليس الكمية ، لعرض الصفحة وارتفاعها. ثم سيتم تغيير حجم الصفحة بشكل متناسب على كل من الشاشات التقليدية والشاشات العريضة.
