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