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