इंटरनेट उपयोगकर्ता विभिन्न स्क्रीन रिज़ॉल्यूशन वाले विभिन्न प्रकार के मॉनिटर का उपयोग करते हैं। इसलिए, वेब डेवलपर्स के कार्यों में से एक किसी भी रिज़ॉल्यूशन के साथ मॉनिटर पर सही प्रदर्शन के लिए साइट बनाने और अनुकूलित करने की आवश्यकता है।
निर्देश
चरण 1
अपनी वेबसाइट को न्यूनतम उपयोग योग्य रिज़ॉल्यूशन के साथ डिज़ाइन करें - 800 * 600 पिक्सेल और एक निश्चित लेआउट का उपयोग करें। लेकिन इस दृष्टिकोण के साथ, एक खामी है - वाइडस्क्रीन मॉनिटर वाले उपयोगकर्ताओं के लिए, आपकी साइट देखते समय स्क्रीन पर विस्तृत फ़ील्ड दिखाई देंगे।
चरण 2
एक द्रव लेआउट का प्रयोग करें। इस मामले में, उन मॉनिटरों पर पृष्ठों को क्षैतिज रूप से बढ़ाया जाएगा, जिनका रिज़ॉल्यूशन विकास में उपयोग किए गए रिज़ॉल्यूशन से अधिक है। लेकिन इस दृष्टिकोण का सबसे अच्छा उपयोग तब किया जाता है जब बहुत सारी पाठ्य जानकारी और न्यूनतम मात्रा में ग्राफिक्स वाली साइटें बनाते हैं। ऐसा इसलिए है क्योंकि कुछ तत्व, जैसे चित्र या तृतीय-पक्ष घटक, विभिन्न मॉनीटरों पर आकार बदलते समय विकृत हो जाएंगे।
चरण 3
सबसे सही, लेकिन एक ही समय में और कार्यान्वयन के दृष्टिकोण से अधिक जटिल, एक अनुकूली लेआउट का उपयोग है। यह रबर लेआउट का एक अधिक जटिल संस्करण है, जो प्रोग्राम कोड का उपयोग करते समय जानकारी के साथ कॉलम की संख्या को बदलना संभव बनाता है।
चरण 4
लेकिन साइट के विकास के लिए जो भी लेआउट चुना जाता है, उसका लेआउट 1024 * 768 पिक्सल के स्क्रीन रिज़ॉल्यूशन पर करें। यह सबसे आम संकल्प है।
चरण 5
साथ ही, किसी भिन्न रिज़ॉल्यूशन वाले मॉनीटर पर साइट के सही प्रदर्शन के लिए, कुछ नियमों का पालन करें। स्क्रॉल करने से बचने के लिए पृष्ठ की मुख्य सामग्री को एक स्क्रीन पर रखने का प्रयास करें। टेक्स्ट जानकारी को एक संकीर्ण कॉलम में रखें ताकि यह स्क्रीन की पूरी चौड़ाई में "फैल" न जाए। पृष्ठों के समग्र डिज़ाइन पर नज़र रखें ताकि सब कुछ आनुपातिक हो।
चरण 6
अपना डिज़ाइन डिज़ाइन करते समय, पृष्ठ की चौड़ाई और ऊँचाई के प्रतिशत की गणना करें, मात्रा की नहीं। फिर पृष्ठ को पारंपरिक मॉनीटर और वाइडस्क्रीन मॉनीटर दोनों पर आनुपातिक रूप से आकार दिया जाएगा।
