बूटस्ट्रैप - यह क्या है? ट्विटर बूटस्ट्रैप - वेबसाइट डिजाइन और विकास

विषयसूची:

बूटस्ट्रैप - यह क्या है? ट्विटर बूटस्ट्रैप - वेबसाइट डिजाइन और विकास
बूटस्ट्रैप - यह क्या है? ट्विटर बूटस्ट्रैप - वेबसाइट डिजाइन और विकास
Anonim

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

बूटस्ट्रैप यह क्या है?
बूटस्ट्रैप यह क्या है?

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

बूटस्ट्रैप - यह क्या है?

इसलिए, उत्पाद का विवरण इसकी सामान्य विशेषताओं के साथ शुरू होना चाहिए। इसलिए, हम ध्यान दें कि बूटस्ट्रैप एक सेट में व्यक्त मंच हैसाइट के लिए मूल टेम्पलेट। प्रत्येक में ग्राफ़िक्स, CSS और निश्चित रूप से HTML शामिल हैं।

ट्विटर बूटस्ट्रैप
ट्विटर बूटस्ट्रैप

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

वेबसाइट बनाना कैसे शुरू करें?

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

बूटस्ट्रैप मेनू
बूटस्ट्रैप मेनू

थीम का अनुकूलन

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

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

बूटस्ट्रैप सीएसएस
बूटस्ट्रैप सीएसएस

डिजाइनरों के लिए अवसर

दरअसल, अब उन संभावनाओं के बारे में जो बूटस्ट्रैप प्लेटफॉर्म देता है। ये संभावनाएं क्या हैं - ऐसे अभिलेखागार के साथ काम करने के लिए? ऐसा लगता है, वे इतने उल्लेखनीय क्यों हैं?

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

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

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

सिफारिश की: