अपने वेब पेज की चौड़ाई को परिभाषित करना

पहली बात यह है कि ज्यादातर डिज़ाइनर अपने वेब पेज का निर्माण करते समय विचार करते हैं कि किस संकल्प के लिए डिज़ाइन किया गया है। यह वास्तव में यह तय करने के लिए है कि आपका डिज़ाइन कितना व्यापक होना चाहिए। एक मानक वेबसाइट चौड़ाई के रूप में अब ऐसी कोई चीज नहीं है।

संकल्प पर विचार क्यों करें

1 99 5 में, मानक 640x480 रिज़ॉल्यूशन मॉनीटर सबसे बड़े और सर्वोत्तम मॉनीटर उपलब्ध थे। इसका मतलब यह था कि वेब डिज़ाइनर उन पृष्ठों को बनाने पर केंद्रित थे जो वेब ब्राउज़र में अच्छे दिखते थे, उस प्रस्ताव पर 12-इंच से 14-इंच मॉनिटर पर अधिकतम।

इन दिनों, 640x480 संकल्प सबसे अधिक वेबसाइट यातायात का 1 प्रतिशत से भी कम बनाता है। लोग 1366x768, 1600x900 और 5120x2880 सहित बहुत अधिक संकल्प वाले कंप्यूटर का उपयोग करते हैं। कई मामलों में, 1366x768 रिज़ॉल्यूशन स्क्रीन के लिए डिज़ाइनिंग काम करता है।

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

ब्राउज़र चौड़ाई

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

सहकर्मियों के एक अनौपचारिक सर्वेक्षण में, जिन्होंने सभी ने कंपनी-मानक 1024x768 रिज़ॉल्यूशन लैपटॉप का उपयोग किया, दोनों ने अपने सभी अनुप्रयोगों को अधिकतम रखा। बाकी के विभिन्न कारणों से अलग-अलग आकार की खिड़कियां खुली थीं। यह दिखाता है कि यदि आप इस कंपनी के इंट्रानेट को 1024 पिक्सेल चौड़े पर डिजाइन कर रहे हैं, तो 85 प्रतिशत उपयोगकर्ताओं को पूरे पृष्ठ को देखने के लिए क्षैतिज स्क्रॉल करना होगा।

उन ग्राहकों के लिए खाता जो अधिकतम या नहीं करते हैं, ब्राउज़र सीमाओं के बारे में सोचें। प्रत्येक वेब ब्राउज़र में किनारों पर एक स्क्रॉल बार और सीमाएं होती हैं जो उपलब्ध स्थान को 800x600 से 740 पिक्सल तक कम करती हैं या 800x600 संकल्पों पर कम होती हैं और 1024x768 संकल्पों पर अधिकतम विंडो पर 980 पिक्सल कम होती हैं। इसे ब्राउजर "क्रोम" कहा जाता है और यह आपके पेज डिज़ाइन के लिए उपयोग करने योग्य स्थान से दूर ले जा सकता है।

फिक्स्ड या तरल चौड़ाई पेज

वास्तविक संख्यात्मक चौड़ाई केवल एक चीज नहीं है जिसे आपको अपनी वेबसाइट की चौड़ाई को डिजाइन करते समय सोचने की आवश्यकता है। आपको यह तय करने की भी आवश्यकता है कि क्या आपके पास निश्चित चौड़ाई या तरल चौड़ाई होगी । दूसरे शब्दों में, क्या आप चौड़ाई को एक विशिष्ट संख्या (निश्चित) या प्रतिशत (तरल) तक सेट करने जा रहे हैं?

निश्चित चौड़ाई

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

निश्चित चौड़ाई वाले पृष्ठ बनाने के लिए, बस अपने पृष्ठ डिवीजनों की चौड़ाई के लिए विशिष्ट पिक्सेल संख्याओं का उपयोग करें।

तरल चौड़ाई

तरल चौड़ाई वाले पृष्ठ (कभी-कभी लचीली चौड़ाई वाले पृष्ठ कहा जाता है) ब्राउज़र विंडो कितनी व्यापक है इस पर निर्भर करता है। यह आपको उन पृष्ठों को डिज़ाइन करने की अनुमति देता है जो आपके ग्राहकों पर अधिक ध्यान केंद्रित करते हैं। तरल चौड़ाई पृष्ठों के साथ समस्या यह है कि उन्हें पढ़ने में मुश्किल हो सकती है। यदि टेक्स्ट की एक पंक्ति की स्कैन लंबाई 10 से 12 शब्दों या 4 से 5 शब्दों से कम है, तो इसे पढ़ना मुश्किल हो सकता है। इसका मतलब है कि बड़े या छोटे ब्राउज़र विंडो वाले पाठकों को परेशानी होती है।

लचीला चौड़ाई पृष्ठों को बनाने के लिए, बस अपने पृष्ठ प्रभागों की चौड़ाई के लिए प्रतिशत या ईएमएस का उपयोग करें। आपको सीएसएस अधिकतम-चौड़ाई वाली संपत्ति के साथ स्वयं को परिचित करना चाहिए। यह संपत्ति आपको प्रतिशत में चौड़ाई निर्धारित करने की अनुमति देती है, लेकिन फिर इसे सीमित करें ताकि यह इतना बड़ा न हो कि लोग इसे पढ़ नहीं सकें।

और विजेता है: सीएसएस मीडिया क्वेरीज़

इन दिनों सबसे अच्छा समाधान सीएसएस मीडिया प्रश्नों और उत्तरदायी डिजाइन का उपयोग करने के लिए एक पृष्ठ बनाने के लिए है जो ब्राउजर की चौड़ाई को समायोजित करता है। एक उत्तरदायी वेब डिज़ाइन एक वेब पेज बनाने के लिए एक ही सामग्री का उपयोग करता है जो काम करता है कि आप इसे 5120 पिक्सेल चौड़े या 320 पिक्सल चौड़े पर देखते हैं या नहीं। विभिन्न आकार के पेज अलग दिखते हैं, लेकिन उनमें एक ही सामग्री होती है। CSS3 में मीडिया क्वेरी के साथ, प्रत्येक प्राप्त डिवाइस क्वेरी के आकार के साथ उत्तर देता है, और स्टाइल शीट उस विशेष आकार में समायोजित होती है।