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