मॉडल खिड़की बूटस्ट्रैप: उद्देश्य और उपयोग

मोडल विंडो बूटस्ट्रैप क्या है और क्यों यह आवश्यक है? उसके घटकों, सुविधाओं, फायदे और नुकसान क्या हैं? "मोडल विंडो" की धारणा जीयूआई में प्रयोग किया जाता है। अक्सर यह कुछ महत्वपूर्ण घटना की ओर ध्यान आकर्षित करने के लिए इस्तेमाल किया जा सकता। मोडल खिड़कियों किसी भी जानकारी, डेटा, सेटिंग्स दर्ज बदलने के लिए उपयोग किया जाता है। वे उपयोगकर्ता के कार्यप्रवाह ब्लॉक, जब तक समस्या या कार्रवाई के रूप में एक को समाप्त करने नहीं लाया जाता है। खिड़कियां भी वेब पृष्ठों को विकसित करने के लिए इस्तेमाल कर रहे हैं।

यह क्या है

आसानी से अनुकूलन और अनुकूली डिजाइन, यह है कि क्या लोकप्रिय आज बूटस्ट्रैप प्रदान करता है। मॉडल खिड़की है, जो के आकार वेब साइटों प्रदर्शन चित्र, वीडियो, और अन्य वस्तुओं को बनाने के लिए, मदद के लिए इस्तेमाल किया जा सकता है। पॉप-अप विंडो शीर्षक, शरीर और पाद: डाउनलोड के अलग-अलग भागों से बना है। इन तत्वों में से प्रत्येक का अपना महत्व है। मोडल विंडो बूटस्ट्रैप का मुख्य उद्देश्य - उभरते डिजाइनरों का उपयोग कर किसी भी अतिरिक्त कोड लिखने के बिना वेब पेज बनाने के। मॉडल खिड़की - कि लिखित सामग्री को प्रदर्शित करता है कंटेनर का एक प्रकार। मॉडल के साथ बड़ा वृत्त घटक लक्ष्यों को हल किया।

कैसे बनाने के लिए?

मोडल विंडो बनाना है, साथ ही उसके नियंत्रण JavaScript पद्धतियों, डेटा और सीएसएस का उपयोग किया जाता है। पहले हम एक लेआउट बनाने की जरूरत है। यह एक फ्रेम हैडर, मुख्य सामग्री और पाद लेख के होते हैं। यहाँ आवश्यक तत्वों - एक तहखाने (ब्लॉक) और एक शव। मोडल विंडो कॉल के कार्यान्वयन के लिए स्थानांतरित करने के लिए की जरूरत अंकन के बाद। अक्सर ऐसा वेब पेज लोड हो रहा है और उचित बटन क्लिक करने के बाद कहा जाता है। कॉल डेटा और JavaScript का उपयोग किया जाता है। बूटस्ट्रैप मोडल विंडो बंद करने से पहले बनाया था और बचाया कार्य पूरा करता है।

याद रखें मोडल विंडो अपने स्वयं के लक्षण है कि। एकाधिक मोडल विंडो खोलने के लिए, आप अतिरिक्त कोड लिखने की जरूरत है। पोजिशनिंग एचटीएमएल कोड दस्तावेज़ के शीर्ष पर सबसे अच्छा है, बॉडी टैग के बाद। इस समारोह और खिड़की की उपस्थिति रखने के लिए मदद करता है। मोबाइल उपकरणों पर, चेतावनी है कि "मोडल विंडो" घटक के उपयोग से संबंधित हैं। वे अपनी पूरी उपयोग को सीमित। बूटस्ट्रैप 3 की अनुमति देता है आप विंडो आकार को समायोजित, और ग्रिड के उपयोग करने के लिए।

घटकों

बूटस्ट्रैप के साथ काम शुरू करने से पहले, आपको यह समझना होगा कि यह के होते हैं की जरूरत है। कार्यक्रम पहले से तैयार उपकरण है कि साइट बनाने के लिए उपयोग किया जाता है का एक सेट भी शामिल है। तैयार शैलियों जावास्क्रिप्ट, सीएसएस और एचटीएमएल एक अनुकूली ग्रिड, प्रदर्शन बटन, मेनू, आइकन, और अन्य सुझावों का निर्माण। बुनियादी सॉफ्टवेयर लेआउट शैलियों के लिए की जरूरत है। पाठ मुद्रण और ब्राउज़र तैयार करने के लिए पेज प्रिंट और साइट की सामग्री का पाठ डिजाइन करने की अनुमति के लिए शैलियों की उपलब्धता। आप रूपों, बटन और अन्य तत्वों बूटस्ट्रैप घटकों का उपयोग करते हुए बना सकते हैं। कार्यक्रम उपकरणों का एक पूरा सेट जल्दी और आसानी से मोबाइल उपकरणों के लिए पृष्ठों लागू करने के लिए है। बूटस्ट्रैप अन्य घटकों, साथ ही जावास्क्रिप्ट की एक किस्म से बना है। उन्हें भी अभी शुरुआत के लिए काफी सरल मास्टर। सिद्धांत रूप में, "Bustrap" काफी कार्यक्रम आधार करने के लिए मुश्किल समझने के लिए। व्यवहार में, इस कई पूर्व निर्मित घटकों के लिए डिजाइनर और सांकेतिक शब्दों में बदलनेवाला धन्यवाद के विकास को सरल।

विशेषताएं

बूटस्ट्रैप मोडल विंडो विशेष फायदे हैं। विकास साइटों के लिए पृष्ठ लेआउट की मदद से उच्च गति से गुजरता है। खिड़की तत्वों और समाधान का एक बड़ा सेट शामिल है। वृद्धि अनुकूलन क्षमता बूटस्ट्रैप साइट के कारण। फ्रेमवर्क (सॉफ्टवेयर) सभी ब्राउज़रों के लिए उपयुक्त है और सही ढंग से उन में प्रदर्शित होता है। इस मोडल विंडो का उपयोग करने के लिए आसान है। बूटस्ट्रैप भी शुरुआती जो HTML और सीएसएस का बुनियादी ज्ञान होना के लिए, आप वेब पेज बनाने के लिए अनुमति देता है।

यह मोडल विंडो है कि उपयोगकर्ताओं को आसानी से इसे करने के लिए अनुकूलित कर सकते हैं सुविधाएँ। समाप्त कोड और उत्कृष्ट प्रलेखन के कई उदाहरण बूटस्ट्रैप का तेजी से विकास प्रभावित करते हैं। सजावट के लिए विषयों की एक विशाल चयन पर संभव के रूप में अपने सार के बारे में। इस मोडल खिड़कियों डिजाइन किए गए थे Wordpress, सीएमएस, जूमला। बूटस्ट्रैप - एक वेब अनुप्रयोग फ्रेमवर्क है कि आवश्यक घटक शामिल हैं और अपने स्वयं के ikonochnym फॉन्ट के साथ संपन्न है। यह आधार सहित और अधिक से अधिक दो सौ प्रतीक, भी शामिल है।

विपक्ष

बूटस्ट्रैप मोडल विंडो अपनी कमियां।

• साइटें जो इसका इस्तेमाल, व्यक्तिगत शैली की सुविधाओं खो देते हैं। वे अद्वितीय होने की उपस्थिति और एक दूसरे के समान संरचना में के रूप में बंद कर दें।
• लचीलापन का अभाव; अक्सर और अपने स्वयं के शैलियों बनाने की जरूरत अनावश्यक आपरेशन प्रदर्शन।
• लोड कोड बदले काम के घंटे हो सकती है।
• उपयोगकर्ता अक्सर बूटस्ट्रैप अन्य प्रयोजनों के लिए उपयोग घटकों।

सामने के अंत विकास के रूप में इस उपकरण का उपयोग। वेब डेवलपर्स के लिए एकदम सही समाधान - कमियों, जो ढांचा है, लेआउट के उपयोगकर्ताओं बूटस्ट्रैप का उपयोग करने के स्पष्ट हो जाएगा के बावजूद। यह आप कम समय में और बहुत प्रयास के बिना एक सरल और सहज इंटरफ़ेस बनाने के लिए अनुमति देता है।

उत्तरदायी डिजाइन

सबसे लोकप्रिय चौखटे में से एक,, डिजाइनरों उच्च गुणवत्ता वाले वेब साइटों और एप्लिकेशन बनाने की अनुमति देता समय और ऊर्जा खर्च किए बिना - यह बूटस्ट्रैप है 3. मोडल विंडो मुफ़्त उपकरण की एक बुनियादी सेट के साथ उपयोगकर्ता प्रदान करता है। सी यह आप जावास्क्रिप्ट, सीएसएस, एचटीएमएल का उपयोग कर सकते हैं। इस सॉफ्टवेयर ट्विटर द्वारा बनाया गया था, और यह विशेषताएं और लाभ की एक संख्या है। ढांचा मोबाइल उपकरणों के लिए डिजाइन किया गया था, इसलिए उसका शुद्ध छोटे स्क्रीन के लिए बनाया गया है। आज बूटस्ट्रैप 3 और बड़े उपकरणों के लिए इस्तेमाल किया। कार्यक्रम में केवल एक संवेदनशील ग्रिड प्रणाली है, जो निर्माताओं द्वारा विस्तार किया गया है नहीं है।

पूरा ढांचा फोंट प्रदान की है। वे प्रतीक के रूप में इस्तेमाल कर रहे हैं। इस कार्यक्रम में, डिजाइनरों वेक्टर फोंट और छवियों अपने विवेक से बदला जा सकता है कि के साथ पहले से ही काम कर रहे हैं। 3 बूटस्ट्रैप विशेषताएं यह पुराने ब्राउज़र का समर्थन नहीं करता है। उत्तरदायी डिजाइन अवधारणा सरल है: साइट स्वतंत्र रूप से, स्क्रीन के आकार को समायोजित करता है के उपयोगकर्ता इसे करने के लिए चला गया है जो डिवाइस परवाह किए बिना। उत्तरदायी डिजाइन का विकास विशेष ज्ञान और पेशेवर कौशल की आवश्यकता है।

बूटस्ट्रैप के साथ कार्य करना

बूटस्ट्रैप के साथ परिचय से पहले, यह स्वतंत्र रूप से उपलब्ध डाउनलोड करें। डाउनलोड करने और बाद में उपयोगकर्ता अनज़िप करने के बाद तीन फ़ोल्डर शैलियों और स्क्रिप्ट फोंट ikonochnye शामिल होगा। यह सब बूटस्ट्रैप है। तो ढांचे के नाम का एक फ़ोल्डर बना सकते हैं एक मॉडल विंडो खोलें। यह एक खाली फ़ाइल «ndex.html» बनाने के लिए आवश्यक है। डाउनलोड किया सॉफ्टवेयर पूरी तरह से फ़ोल्डर «फोंट» शैली और «bookstrap.css» इसी फ़ोल्डर से चयन किया गया है। के बारे में भी «bootstrap.js» स्क्रिप्ट मत भूलना। एक समान नाम «सीएसएस» के साथ एक मौजूदा फ़ोल्डर बनाएँ, डाल «bootstrap.min.css»। एक और «सीएसएस» «style.css» खाली फ़ाइल के साथ करें। वह अपनी खुद की शैली जोड़ने की आवश्यकता होगी।

जब तुम सब को बनाने की आवश्यकता, आगे काम के साथ ही «ndex.html» किया जाएगा। आप कोड को मैन्युअल रूप से लिखने के लिए नहीं करना चाहते हैं, समाप्त कंकाल एचटीएमएल दस्तावेज़ को देखें। कॉपी करें और फ़ाइल में कोड पेस्ट करें। उत्पन्न कंकाल शैलियों पुस्तकालय और स्क्रिप्ट से जोड़ा जाएगा। बॉडी टैग «jQuery» पुस्तकालय कनेक्ट करने के लिए भूल जाते हैं नहीं है से पहले, और बाद - स्क्रिप्ट «js»।

जाल

मोडल विंडो बूटस्ट्रैप साइट के क्लासिक लेआउट बनाने के लिए प्रयोग किया जाता है। यह एक टोपी मुख्य शरीर, पार्श्व कॉलम और तहखाने के होते हैं। आदेश में सही ढंग से प्रदर्शित करने के लिए यह अलग-अलग प्रवाह के साथ प्रतिशत में प्रत्येक आइटम की चौड़ाई की गणना करने के लिए आवश्यक है। तलघर टोपी साइट और 100% की चौड़ाई होना आवश्यक है, और पक्ष स्तंभों का बड़ा हिस्सा छोटे हो सकता है।

ग्रिड बूटस्ट्रैप सिर्फ ब्लॉक के वांछित चौड़ाई सेट करना होगा। ग्रिड कामकाज जो स्तंभ और पंक्तियों है एक मेज की मदद से होता है। ग्रिड समय की एक और ग्रिड असीमित संख्या के भीतर किया जा सकता है। साइट के उन हिस्सों इसके साथ बना रहे हैं, तो अपने स्वयं के अनुकूली जरूरतों लिखने के लिए कोई जरूरत नहीं है। ग्रिड के अलावा, मोडल विंडो अतिरिक्त घटकों (मेनू, टेबल, टैब, टिप्स) के एक नंबर शामिल हैं।

त्रुटियों

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