आपल्या वेब पृष्ठाची रूंदी निश्चित करणे

सर्वात जास्त डिझाइनर त्यांच्या वेब पृष्ठ तयार करताना विचार करतात ते कोणत्या प्रकारचे डिझाइन डिझाइन करतात. हे खरोखरच किती प्रमाणात आहे ते आपले डिझाइन किती विस्तृत असावे हे ठरवित आहे. मानक वेबसाइटची रूंदी म्हणून आता असे काही नाही.

निर्णयाची विचार का आहे?

1 99 5 मध्ये मानक 640x480 रिझोल्यूशन मॉनिटर्स हे उपलब्ध असलेले सर्वात मोठे आणि उत्तम मॉनिटर्स होते. याचाच अर्थ वेब डिझाइनरांनी त्या ठरावांवर 12-इंच ते 14-इंच मॉनिटरवर वाढविलेली वेब ब्राउझरमध्ये चांगले दिसणारी पृष्ठे तयार करण्यावर लक्ष केंद्रित केले

या दिवसात, 640x480 रिझोल्यूशन बहुतेक वेबसाइट ट्रॅफिकच्या 1 टक्क्यांपेक्षा कमी आहे. लोक 1366x768, 1600x900 आणि 5120x2880 यासह उच्च संकल्पनेसह संगणक वापरतात. बर्याच बाबतीत, 1366x768 रेझोल्यूशन स्क्रीनसाठी डिझाइन केले जातात.

आम्ही वेब डिझाईनच्या इतिहासात एका क्षणी आहोत जेथे आपल्याला रिझोल्यूशनबद्दल जास्त काळजी करण्याची गरज नाही बर्याच लोकांकडे मोठे, मोठ्या-स्क्रीनवर मॉनिटर असतात आणि ते त्यांच्या ब्राउझर विंडोला जास्तीत जास्त वाढवत नाहीत. तर आपण 1366 पिक्सेल रुंद पेक्षा जास्त नसलेले एखादे पृष्ठ डिझाइन करण्याचा निर्णय घेतल्यास, आपले पृष्ठ बहुतेक ब्राऊझर विंडोमध्ये अगदी उच्च मॉनिटर्सवर उच्च रिझोल्यूशनसह चांगले दिसतील.

ब्राउझरची रूंदी

आपण विचार सोडून जाण्यापूर्वी "ठीक आहे, मी माझ्या पृष्ठांची 1366 पिक्सल्स रुंद करेल," या कथेसाठी बरेच काही आहे वेबपृष्ठाच्या रुंदीचा निर्णय घेत असताना अनेकदा अनपेक्षित समस्या आपल्या ग्राहकांना त्यांचे ब्राउझर कसे ठेवतात हे महत्वाचे असते. विशेषत :, त्यांनी त्यांचे ब्राउझर पूर्ण-आकारात आकारात वाढविले आहे किंवा ते पूर्ण स्क्रीनपेक्षा त्यांना लहान ठेवतात?

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

आपण ज्या ग्राहकांना मोठ्या प्रमाणावर किंवा न वाढवता त्यांच्यासाठी खाते नोंदविल्यानंतर, ब्राउझर सीमाबद्दल विचार करा. प्रत्येक वेब ब्राऊजरच्या कडेला एक स्क्रोल बार आणि सीमा आहे ज्या 800x600 रेजोल्यूशनवर उपलब्ध जागा 800 ते 740 पिक्सेल किंवा कमी आणि 1024x768 रिझोल्यूशनवर जास्तीत जास्त विंडोजवर 980 पिक्सल कमी करते. याला ब्राउझर "क्रोम" म्हणतात आणि ते आपल्या पृष्ठ डिझाइनसाठी वापरण्यायोग्य जागेवरून काढून टाकू शकते.

फिक्स्ड किंवा लिक्विड रूंदीची पाने

आपल्या वेबसाइटची रूंदी डिझाईन करताना विचार करण्यासाठी वास्तविक संख्यात्मक रुंदी केवळ एक गोष्ट नाही. आपल्याला निश्चित करण्याच्या निश्चिततेची आवश्यकता आहे की आपल्याकडे निश्चित रूंदी किंवा द्रव रूंदी असेल . दुसऱ्या शब्दांत, आपण विशिष्ट क्रमांक (स्थिर) किंवा टक्केवारी (द्रव) साठी रूंदी सेट करणार आहात?

निश्चित रूंदी

ठराविक रूंदीची पृष्ठे ते ध्वनीप्रमाणेच असतात. रुंदी एका विशिष्ट नंबरवर निश्चित केली आहे आणि ब्राउझर किती मोठी किंवा लहान आहे हे बदलत नाही आपल्या वाचकांच्या ब्राउझर किती व्यापक किंवा अरुंद आहेत हे आपल्याला आपल्या डिझाइनची आवश्यकता असेल तरच हे चांगले असू शकते, परंतु ही पद्धत आपल्या वाचकांना लक्षात घेण्यासारखी नाही. आपल्या डिझाइनपेक्षा संकुचित लोकांकडे क्षितिजाने स्क्रोल करणे आवश्यक आहे आणि विस्तृत ब्राउझर असलेल्या लोकांना स्क्रीनवर मोठ्या प्रमाणात रिक्त जागा मिळतील.

निश्चित चौकट पृष्ठे तयार करण्यासाठी, आपल्या पृष्ठाच्या विभागांच्या रुंदीसाठी फक्त विशिष्ट पिक्सेल क्रमांक वापरा.

द्रव रूंदी

ब्राउझर विंडो किती विस्तृत आहे त्यानुसार लिक्विड रूंदीची पृष्ठे (काहीवेळा लक्झरी रूंदीची पृष्ठे) रूंदीत बदलतात हे आपल्याला आपल्या ग्राहकांवर अधिक केंद्रित करणारी पृष्ठे डिझाइन करण्याची परवानगी देते. द्रव रूंदीच्या पृष्ठांसह समस्या वाचणे अवघड असू शकते. जर मजकूरच्या ओळीच्या स्कॅन लांबी 10 ते 12 शब्दांपेक्षा लहान किंवा 4 ते 5 शब्दांपेक्षा लहान असेल तर ती वाचायला अवघड असू शकते. याचा अर्थ असा की मोठ्या किंवा लहान ब्राउझर असलेल्या वाचकांना समस्या आहे.

लवचिक रुंदीचे पृष्ठे तयार करण्यासाठी, आपल्या पृष्ठाच्या विभागांच्या रुंदीसाठी केवळ टक्केवारी किंवा ईएमएस वापरा. सीएसएस मॅक्स-रुंदीची संपत्ती तुम्हाला स्वतःला परिचित करायला पाहिजे ही प्रॉपर्टी आपल्याला टक्केवारी मध्ये रूंदी सेट करण्याची परवानगी देते, परंतु नंतर त्यावर मर्यादा घालते जेणेकरून लोक इतके मोठे नाही की लोक ते वाचू शकत नाहीत.

आणि विजेता आहे: सीएसएस मीडिया क्वेरी

हे दिवस म्हणजे सीएसएस मिडीया क्वेरी आणि प्रतिसाद डिझाइन जे पृष्ठ तयार करण्याच्या ब्राउझरच्या रूपात समायोजित करते ते तयार करण्यासाठी आहे. एक प्रतिसाद वेब डिझाइन वेब पृष्ठ तयार करण्यासाठी समान सामग्री वापरते जे आपण 5120 पिक्सेल रुंद किंवा 320 पिक्सेल रुंदीवर पहात आहे किंवा नाही हे कार्य करते. विविध-आकाराच्या पृष्ठे भिन्न दिसतात, परंतु त्या समान सामग्री असतात. CSS3 मधील माध्यम क्वेरीसह, प्रत्येक प्राप्त करणारे डिव्हाइस क्वेरीच्या आकारानुसार त्याचे उत्तर देते आणि शैली पत्रक त्या विशिष्ट आकाराशी समायोजित करते.