वेब पेज लेआउट दो अलग-अलग तरीकों से किया जा सकता है:
- निश्चित चौड़ाई लेआउट - ये लेआउट हैं जहां पूरे पृष्ठ की चौड़ाई एक विशिष्ट संख्यात्मक मान के साथ सेट की गई है।
- तरल लेआउट - ये लेआउट हैं जहां संपूर्ण पृष्ठ की चौड़ाई लचीला है इस पर निर्भर करता है कि दर्शक का ब्राउज़र कितना व्यापक है।
दोनों लेआउट विधियों का उपयोग करने के अच्छे कारण हैं, लेकिन प्रत्येक विधि के सापेक्ष लाभ और कमियों को समझने के बिना, आप अपने वेब पेज के लिए उपयोग करने के बारे में एक अच्छा निर्णय नहीं ले सकते हैं।
निश्चित चौड़ाई लेआउट
फिक्स्ड लेआउट ऐसे लेआउट होते हैं जो वेब डिज़ाइनर द्वारा निर्धारित विशिष्ट आकार से शुरू होते हैं। पृष्ठ को देखने वाले ब्राउज़र विंडो के आकार के बावजूद वे चौड़ाई बने रहते हैं। फिक्स्ड चौड़ाई लेआउट एक डिजाइनर को अधिकतर स्थितियों में पृष्ठ को कैसे देखेंगे इस पर अधिक प्रत्यक्ष नियंत्रण की अनुमति देता है। उन्हें अक्सर प्रिंटर पृष्ठभूमि के साथ डिजाइनरों द्वारा पसंद किया जाता है, क्योंकि वे डिजाइनर को लेआउट में मिनट समायोजन करने की अनुमति देते हैं और उन्हें ब्राउज़र और कंप्यूटर पर लगातार बनाते हैं।
तरल लेआउट
तरल लेआउट लेआउट हैं जो वर्तमान ब्राउज़र विंडो के आकार के प्रतिशत पर आधारित हैं। वे खिड़की के आकार के साथ फ्लेक्स करते हैं, भले ही वर्तमान दर्शक अपने ब्राउज़र आकार को बदलते हैं, क्योंकि वे साइट देख रहे हैं। तरल चौड़ाई लेआउट किसी दिए गए वेब ब्राउज़र विंडो या स्क्रीन रिज़ॉल्यूशन द्वारा प्रदान की गई जगह का एक बहुत ही कुशल उपयोग करने की अनुमति देता है। उन्हें अक्सर डिजाइनरों द्वारा पसंद किया जाता है जिनके पास जितनी छोटी जगह हो सके उतनी कम जगह में पहुंचने के लिए बहुत सारी जानकारी होती है, क्योंकि वे पृष्ठ को कौन देख रहे हैं, इस पर ध्यान दिए बिना आकार और रिश्तेदार पृष्ठ वजन में लगातार रहते हैं।
स्टोक पर क्या है?
आपकी वेबसाइट डिज़ाइन के लिए चुनी गई विधि का आपके डिज़ाइन से अधिक प्रभाव होगा। जिस पर आप चुनते हैं, आप अपने पाठकों को अपने पाठ को स्कैन करने की क्षमता को प्रभावित करेंगे, वे जो खोज रहे हैं उसे ढूंढें या कभी-कभी आपकी साइट का भी उपयोग करें। साथ ही, लेआउट शैली ब्रांडिंग, रीयल एस्टेट उपलब्धता और आपकी साइट के सौंदर्यशास्त्र के माध्यम से अपनी वेबसाइट को विपणन करने के आपके प्रयासों को प्रभावित करेगी।
निश्चित चौड़ाई लेआउट के लाभ
- एक निश्चित चौड़ाई वाला लेआउट डिज़ाइनर को उन पृष्ठों को बनाने की अनुमति देता है जो समान दिखेंगे, इससे कोई फर्क नहीं पड़ता कि उन्हें कौन देख रहा है।
- छवियों जैसे फिक्स्ड चौड़ाई तत्व छोटे मॉनीटर पर पाठ को अधिक शक्तिशाली नहीं करेंगे क्योंकि पूरे पृष्ठ की चौड़ाई में उन तत्वों को शामिल किया जाएगा।
- स्कैन की लंबाई टेक्स्ट के बड़े हिस्सों से प्रभावित नहीं होगी, इससे कोई फर्क नहीं पड़ता कि वेब ब्राउज़र कितना व्यापक है।
तरल लेआउट के लाभ
- एक तरल चौड़ाई लेआउट विस्तारित जगह भरने के लिए विस्तार और अनुबंध।
- सभी उपलब्ध रियल एस्टेट का उपयोग किया जाता है, जिससे डिजाइनर बड़े मॉनीटर पर अधिक सामग्री प्रदर्शित कर सकता है, लेकिन फिर भी छोटे डिस्प्ले पर व्यवहार्य रहता है।
- तरल लेआउट सापेक्ष चौड़ाई में स्थिरता प्रदान करते हैं, जिससे पृष्ठ को बड़े फ़ॉन्ट आकार जैसे ग्राहक द्वारा लगाए गए प्रतिबंधों के लिए अधिक गतिशील प्रतिक्रिया देनी पड़ती है।
निश्चित चौड़ाई लेआउट के लिए दोष
- फिक्स्ड चौड़ाई लेआउट छोटे ब्राउज़र विंडोज़ में क्षैतिज स्क्रॉलिंग का कारण बन सकता है। और ज्यादातर लोग क्षैतिज स्क्रॉल करना पसंद नहीं करते हैं।
- वे बड़े मॉनीटरों में व्हाइटस्पेस के बड़े विस्तार के परिणामस्वरूप भी हो सकते हैं, जिसके परिणामस्वरूप बहुत अधिक अप्रयुक्त स्थान और अन्यथा आवश्यक होने की तुलना में लंबवत स्क्रॉलिंग हो सकती है।
- निश्चित चौड़ाई लेआउट ग्राहक आकारों को फ़ॉन्ट आकारों में बहुत अच्छी तरह से संभाल नहीं लेते हैं। फ़ॉन्ट आकार में छोटी वृद्धि के लिए, वे ठीक हो सकते हैं, लेकिन बड़े बढ़ने के लिए, लेआउट समझौता किया जा सकता है।
तरल लेआउट के लिए दोष
- तरल लेआउट पृष्ठ के विभिन्न तत्वों की चौड़ाई पर बहुत कम सटीक नियंत्रण की अनुमति देते हैं।
- वे पाठ के कॉलम में परिणामस्वरूप आसानी से स्कैन करने के लिए बहुत व्यापक हैं, या शब्दों को स्पष्ट रूप से दिखाने के लिए छोटे ब्राउज़र पर बहुत छोटे हैं।
- तरल लेआउट में समस्या हो सकती है जब एक निश्चित चौड़ाई तत्व, जैसे छवि, तरल कॉलम के अंदर रखा जाता है। यदि कॉलम को छवि के लिए पर्याप्त स्थान के बिना प्रस्तुत किया जाता है, तो कुछ ब्राउज़र डिज़ाइनर के निर्देशों को अनदेखा करते हुए कॉलम चौड़ाई बढ़ाएंगे, जबकि अन्य ब्राउज़र सही प्रतिशत प्राप्त करने के लिए टेक्स्ट और छवियों में ओवरलैप का कारण बनेंगे।
निष्कर्ष
ऐसी कई साइटें जिनमें बहुत सारी जानकारी है, उन्हें यथासंभव छोटी जगह में व्यक्त करने की आवश्यकता है, तरल लेआउट के साथ अच्छी तरह से काम करेंगे। इससे उन्हें उन सभी रियल एस्टेट का लाभ उठाने की अनुमति मिलती है जो छोटे मॉनीटर छोटे डिस्प्ले को कम करते समय प्रदान करते हैं।
ऐसी साइटें जिन्हें सटीक नियंत्रण की आवश्यकता होती है कि पृष्ठों को प्रत्येक स्थिति में कैसे दिखता है, एक निश्चित चौड़ाई लेआउट का उपयोग करने के लिए अच्छा होगा। यह अधिक आश्वासन प्रदान करता है कि आपकी वेबसाइट का ब्रांडिंग सुसंगत और स्पष्ट है इससे कोई फर्क नहीं पड़ता कि यह किस आकार की निगरानी पर देखा गया है।
लेआउट वरीयता
कई मिश्रित दृष्टिकोण पसंद करते हैं। वे पाठ के बड़े ब्लॉक के लिए तरल लेआउट का उपयोग करना पसंद नहीं करते हैं, क्योंकि यह टेक्स्ट को एक छोटे मॉनीटर पर या किसी बड़े पर असुरक्षित पाठ को प्रस्तुत नहीं कर सकता है। इसलिए वे पृष्ठों के मुख्य स्तंभों को एक निश्चित चौड़ाई बनाते हैं, लेकिन शेष अचल संपत्ति को लेने और बड़े ब्राउज़र की क्षमता खोने के लिए हेडर, पाद लेख और साइड कॉलम अधिक लचीला नहीं बनाते हैं।
कुछ साइटें आपके ब्राउज़र विंडो आकार को निर्धारित करने के लिए स्क्रिप्ट का उपयोग करती हैं और उसके बाद प्रदर्शन तत्वों को तदनुसार बदलती हैं। उदाहरण के लिए, यदि आप ऐसी साइट को बहुत विस्तृत विंडो में खोलते हैं, तो आपको बाएं तरफ लिंक का एक अतिरिक्त कॉलम मिल सकता है, जो छोटे मॉनीटर वाले ग्राहक नहीं देख सकते हैं। साथ ही, विज्ञापन के चारों ओर टेक्स्ट रैपिंग इस बात पर निर्भर है कि आपकी ब्राउज़र विंडो कितनी व्यापक है। यदि यह काफी व्यापक है, तो साइट इसके चारों ओर पाठ लपेट जाएगी, अन्यथा, यह विज्ञापन के नीचे आलेख पाठ प्रदर्शित करेगी। हालांकि अधिकांश साइटों को जटिलता के इस स्तर की आवश्यकता नहीं होती है, लेकिन यह छोटी स्क्रीन पर प्रदर्शन को प्रभावित किए बिना बड़ी स्क्रीन का लाभ उठाने का एक तरीका दिखाती है।