बूटस्ट्रैप मोडल क्या है और इसके लिए क्या है? इसके घटक, विशेषताएं, फायदे और नुकसान क्या हैं? ग्राफिकल इंटरफेस में "मोडल विंडो" की अवधारणा का उपयोग किया जाता है। अक्सर इसकी मदद से आप किसी महत्वपूर्ण घटना की ओर ध्यान आकर्षित कर सकते हैं। कुछ जानकारी, डेटा दर्ज करने, सेटिंग्स बदलने के लिए मोडल विंडो का उपयोग किया जाता है। वे समस्या या कार्रवाई पूरी होने तक उपयोगकर्ता के वर्कफ़्लो को अवरुद्ध करते हैं। विंडोज़ का उपयोग वेब पेज विकसित करने के लिए भी किया जाता है।
यह क्या है
आसानी से अनुकूलन योग्य और उत्तरदायी डिज़ाइन, यही बूटस्ट्रैप आज प्रदान करता है। एक मोडल विंडो, एक ऐसा फॉर्म जिसका उपयोग वेबसाइट बनाने के लिए किया जा सकता है, छवियों, वीडियो और अन्य तत्वों को प्रदर्शित करने में मदद करता है। पॉपअप में डाउनलोड के अलग-अलग हिस्से होते हैं: शीर्षक, मुख्य भाग, औरपाद लेख इन तत्वों में से प्रत्येक का अपना अर्थ है। बूटस्ट्रैप मोडल विंडो का मुख्य उद्देश्य नौसिखिए डिजाइनरों द्वारा अतिरिक्त कोड लिखे बिना वेब पेज बनाने के लिए उपयोग करना है। एक मोडल विंडो एक प्रकार का कंटेनर होता है जिसमें लिखित सामग्री प्रदर्शित होती है। मोडल घटक लक्ष्यों की एक विस्तृत श्रृंखला को हल करता है।
कैसे करें?
जावास्क्रिप्ट, डेटा और सीएसएस विधियों का उपयोग करके मोडल विंडो बनाई और नियंत्रित की जाती है। सबसे पहले आपको मार्कअप बनाने की जरूरत है। इसमें एक फ्रेम, हेडर, मुख्य सामग्री और पाद लेख शामिल हैं। यहां अनिवार्य तत्व बेसमेंट (ब्लॉक) और फ्रेम हैं। मार्कअप के बाद, आपको मोडल विंडो कॉल के कार्यान्वयन के लिए आगे बढ़ना होगा। अक्सर इसे वेब पेज लोड करने और संबंधित बटन दबाने के बाद कहा जाता है। कॉल डेटा और जावास्क्रिप्ट का उपयोग करके किया जाता है। बूटस्ट्रैप मोडल को बंद करने से पहले बनाए गए और सहेजे गए कार्य बंद हो जाते हैं।
ध्यान रखें कि मोडल विंडो की अपनी विशेषताएं हैं। एकाधिक मोडल विंडो खोलने के लिए, आपको अतिरिक्त कोड लिखना होगा। बॉडी टैग के बाद html कोड को दस्तावेज़ के शीर्ष पर रखना सबसे अच्छा है। यह विंडो की कार्यक्षमता और उपस्थिति को बनाए रखने में मदद करता है। मोबाइल उपकरणों पर, मोडल विंडो घटक के उपयोग के संबंध में चेतावनी दी गई है। वे इसके पूर्ण उपयोग को सीमित करते हैं। बूटस्ट्रैप 3 कस्टम विंडो आकार के साथ-साथ ग्रिड की भी अनुमति देता है।
घटक
पहलेबूटस्ट्रैप के साथ काम करना शुरू करने के लिए, आपको यह पता लगाना होगा कि इसमें क्या शामिल है। कार्यक्रम में तैयार किए गए टूल का एक सेट शामिल है जिसका उपयोग वेबसाइट बनाने के लिए किया जाता है। तैयार जावास्क्रिप्ट, सीएसएस और एचटीएमएल शैलियों एक अनुकूली ग्रिड, डिस्प्ले बटन, मेनू, आइकन, टूलटिप्स और बहुत कुछ बनाते हैं। लेआउट के लिए बुनियादी सॉफ्टवेयर शैलियों की आवश्यकता होती है। मुद्रण और पाठ के लिए शैलियों की उपस्थिति आपको पृष्ठ को प्रिंट करने के लिए ब्राउज़र तैयार करने और साइट की पाठ्य सामग्री का डिज़ाइन बनाने की अनुमति देती है। बूटस्ट्रैप घटकों के साथ, आप प्रपत्र, बटन और अन्य तत्व बना सकते हैं। कार्यक्रम में उपकरणों का एक पूरा सेट है जो मोबाइल उपकरणों के लिए जल्दी और आसानी से पेज बनाते हैं। बूटस्ट्रैप कई अन्य विवरणों के साथ-साथ जावास्क्रिप्ट से बना है। वे एक शुरुआत के लिए भी मास्टर करने के लिए काफी आसान हैं। सिद्धांत रूप में, बूटस्ट्रैप प्रोग्राम की मूल बातें समझना काफी आसान नहीं है। व्यवहार में, यह विकास कई तैयार घटकों की उपस्थिति के कारण डिजाइनर और लेआउट डिजाइनर के काम को सरल बनाता है।
विशेषताएं
बूटस्ट्रैप मोडल के कुछ विशेष लाभ हैं। इसकी मदद से वेबसाइटों के लिए पेज लेआउट का विकास तेज गति से होता है। खिड़की में तत्वों और तैयार समाधानों का एक बड़ा सेट शामिल है। बूटस्ट्रैप आपकी वेबसाइट को अधिक प्रतिक्रियाशील बनाता है। फ्रेमवर्क (सॉफ्टवेयर) सभी ब्राउज़रों के लिए उपयुक्त है और उनमें सही ढंग से प्रदर्शित होता है। इस मोडल विंडो का उपयोग करना आसान है। बूटस्ट्रैप आपको उन शुरुआती लोगों के लिए भी वेब पेज बनाने की अनुमति देता है जिन्हें CSS और HTML का बुनियादी ज्ञान है।
मोडल विंडो की ख़ासियत यह है किजिससे यूजर्स आसानी से इसे अपना सकें। बहुत सारे तैयार कोड उदाहरण और बेहतरीन दस्तावेज बूटस्ट्रैप के साथ गति प्राप्त करना आसान बनाते हैं। इसकी गुणवत्ता के बारे में डिजाइन के लिए विषयों के विशाल चयन का सार हो सकता है। इस मोडल विंडो के साथ Wordpress, CMS, Joomla विकसित किए गए थे। बूटस्ट्रैप एक वेब ढांचा है जिसमें आवश्यक घटक होते हैं और यह अपने स्वयं के आइकन फ़ॉन्ट से संपन्न होता है। इसमें दो सौ से अधिक आइकन शामिल हैं, जिनमें बुनियादी भी शामिल हैं।
विपक्ष
बूटस्ट्रैप के मोडल में इसकी कमियां हैं।
- इसका उपयोग करने वाली साइटें अपनी व्यक्तिगत शैली खो देती हैं। वे अद्वितीय होना बंद कर देते हैं, क्योंकि वे दिखने में और संरचना में एक दूसरे के समान होते हैं।
- लचीलेपन की कमी; अक्सर अपनी खुद की शैली बनाने और अतिरिक्त काम करने की आवश्यकता होती है।
- लोड किए गए कोड को बदलने से काम के घंटे हो सकते हैं।
- उपयोगकर्ता अक्सर बूटस्ट्रैप घटकों का दुरुपयोग करते हैं।
इस टूल का उपयोग फ्रंट-एंड डेवलपमेंट के लिए भी करें। कमियों के बावजूद जो फ्रेमवर्क के उपयोगकर्ताओं के लिए स्पष्ट होगी, बूटस्ट्रैप के साथ लेआउट वेब डेवलपर्स के लिए एक अच्छा समाधान है। यह आपको कम समय में और अधिक प्रयास के बिना एक सरल और सहज इंटरफ़ेस बनाने की अनुमति देता है।
उत्तरदायी डिजाइन
सबसे लोकप्रिय ढांचे में से एक जो एक डिजाइनर को बिना समय और प्रयास के उच्च-गुणवत्ता वाली वेबसाइट और एप्लिकेशन बनाने की अनुमति देता है, वह है बूटस्ट्रैप 3। मोडल विंडो उपयोगकर्ता को मुफ्त में टूल का एक बुनियादी सेट प्रदान करती है।इसके साथ आप जावास्क्रिप्ट, सीएसएस, एचटीएमएल का उपयोग कर सकते हैं। यह सॉफ्टवेयर ट्विटर द्वारा बनाया गया था और इसमें कई विशेषताएं और लाभ हैं। ढांचा मोबाइल उपकरणों के लिए बनाया गया था, इसलिए इसकी ग्रिड छोटी स्क्रीन के लिए डिज़ाइन की गई है। आज, बूटस्ट्रैप 3 का उपयोग वाइडस्क्रीन उपकरणों के लिए भी किया जाता है। कार्यक्रम में केवल एक उत्तरदायी ग्रिड प्रणाली है, जिसे निर्माताओं द्वारा विस्तारित किया गया है।
फ्रेमवर्क फोंट के साथ आता है। उनका उपयोग प्रतीक के रूप में किया जाता है। इस कार्यक्रम में, डिजाइनर पहले से ही वेक्टर फोंट और चित्रों के साथ काम कर रहे हैं, जिन्हें इच्छानुसार बदला जा सकता है। बूटस्ट्रैप 3 की ख़ासियत यह है कि यह पुराने ब्राउज़रों का समर्थन नहीं करता है। उत्तरदायी डिजाइन की अवधारणा सरल है: साइट स्वचालित रूप से स्क्रीन आकार के अनुकूल हो जाती है, भले ही उपयोगकर्ता ने इसे जिस डिवाइस से एक्सेस किया हो। उत्तरदायी डिजाइन के लिए विशेषज्ञ ज्ञान और कौशल की आवश्यकता होती है।
बूटस्ट्रैप के साथ काम करना
इससे पहले कि आप बूटस्ट्रैप की खोज शुरू करें, इसे मुफ्त में डाउनलोड करें। डाउनलोड करने और बाद में अनपैक करने के बाद, उपयोगकर्ता को तीन फ़ोल्डर प्राप्त होंगे जिनमें स्टाइल, स्क्रिप्ट और आइकन फोंट होंगे। यह सब बूटस्ट्रैप है। फ्रेमवर्क के नाम से फोल्डर बनाने के बाद आप एक मोडल विंडो खोल सकते हैं। इसमें आपको एक खाली फाइल "ndex.html" बनाने की जरूरत है। डाउनलोड किए गए सॉफ़्टवेयर में, उपयुक्त फ़ोल्डर से संपूर्ण "फ़ॉन्ट" फ़ोल्डर और "bookstrap.css" शैली का चयन करें। "bootstrap.js" स्क्रिप्ट को भी न भूलें। मौजूदा फोल्डर में "css" नाम से एक समान फोल्डर बनाएं, उसमें "bootstrap.min.css" रखें।एक खाली "style.css" फ़ाइल के साथ एक और "सीएसएस" बनाएं। अपनी खुद की शैलियों को जोड़ने के लिए आपको इसकी आवश्यकता होगी।
जब जरूरत की हर चीज तैयार कर ली जाएगी तो आगे का काम "ndex.html" से ही होगा। यदि आप मैन्युअल रूप से कोड नहीं लिखना चाहते हैं, तो तैयार html दस्तावेज़ कंकाल देखें। कोड को कॉपी करके फाइल में पेस्ट करें। बनाए गए कंकाल में शैलियाँ, पुस्तकालय और स्क्रिप्ट को जोड़ा जाएगा। बॉडी टैग से पहले, "jQuery" लाइब्रेरी और उसके बाद - "js" स्क्रिप्ट को शामिल करना न भूलें।
ग्रिड
एक क्लासिक साइट लेआउट बनाने के लिए बूटस्ट्रैप मोडल विंडो का उपयोग किया जाता है। इसमें हेडर, बॉडी, साइड कॉलम और फुटर होते हैं। सब कुछ सही ढंग से प्रदर्शित होने के लिए, प्रत्येक तत्व की चौड़ाई को अलग-अलग रैपिंग के साथ प्रतिशत के रूप में गणना करना आवश्यक है। साइट का फ़ुटर और हेडर 100% चौड़ा होना चाहिए, बॉडी और साइड कॉलम छोटे हो सकते हैं।
ब्लॉक के लिए आवश्यक चौड़ाई निर्धारित करने के लिए बूटस्ट्रैप ग्रिड की आवश्यकता है। ग्रिड की कार्यप्रणाली एक टेबल की मदद से होती है जिसमें कॉलम और रो होते हैं। एक ग्रिड को दूसरे ग्रिड के अंदर असीमित बार बनाया जा सकता है। यदि साइट के कुछ हिस्से इसके साथ बने हैं, तो स्वयं अनुकूली प्रश्न लिखने की कोई आवश्यकता नहीं है। ग्रिड के अलावा, मोडल विंडो में कई अतिरिक्त घटक (मेनू, टेबल, टैब, टूलटिप्स) होते हैं।
गलतियां
कभी-कभी एक ही समय में खुलने वाले कई बूटस्ट्रैप मोड त्रुटि का कारण बन सकते हैं। यह संभव है यदि Windows असमर्थ हैhtml फ़ाइल को सही ढंग से लोड करें। त्रुटि की उपस्थिति इंगित करती है कि फ़ाइल मैलवेयर या वायरस से संक्रमित है। अधिकतर, बूटस्ट्रैप से संबंधित त्रुटियां प्रोग्राम, कंप्यूटर को लोड करने के दौरान या कुछ क्रिया करने के बाद होती हैं। सबसे आम वे हैं जो मोडल विंडो से जुड़े हैं: "फ़ाइल में त्रुटि", "गुम फ़ाइल", "नहीं मिला", "लोड करने में असमर्थ", "पंजीकरण करने में विफल", "निष्पादन और लोड त्रुटि"। वे तब प्रकट हो सकते हैं जब कोई उपयोगकर्ता कोई प्रोग्राम इंस्टॉल करता है या वह पहले से चल रहा होता है, या जब कंप्यूटर चालू और बंद होता है। त्रुटियों की उपस्थिति पर कड़ी नज़र रखना महत्वपूर्ण है, क्योंकि यह बूटस्ट्रैप में उनके होने के कारण को ठीक से समाप्त करने में मदद करता है। मोडल विंडो कभी-कभी गलत कॉल के कारण काम नहीं करती है, जो आंतरिक त्रुटियों पर निर्भर नहीं करती है।
