बूटस्ट्रैप क्या है और मुझे इसका उपयोग कब करना चाहिए?

बूटस्ट्रैप उत्तरदायी वेबसाइट बनाने के लिए त्वरित बनाता है।

फ्री और ओपन सोर्स सॉफ्टवेयर हमें कई चीजों के लिए कई विकल्प प्रदान करता है। इससे यह जानना मुश्किल हो जाता है कि कौन सा उपयोग करना सबसे अच्छा है। आइए यह कहकर शुरू करें कि यदि आपको किसी वेबसाइट की आवश्यकता नहीं है तो आपको यह जानने की आवश्यकता नहीं है कि वह क्या है जूते का फीता और इसका उपयोग कब करना चाहिए।

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

बूटस्ट्रैप क्या है और मुझे इसका उपयोग कब करना चाहिए?

एक ओर, मैक्रोमीडिया (बाद में एडोब) ड्रीमविवर जैसे दृश्य संपादक दिखाई दिए, जिसने आपको कोड लिखने के साथ-साथ सामग्री को दृष्टिगत रूप से संपादित करने की अनुमति दी। लिनक्स में हमारे पास कोम्पोज़र या एनवीयू जैसे उपकरण थे, हालांकि उनमें समान विशेषताएं नहीं थीं, लेकिन इसने कार्य को काफी आसान बना दिया।

यदि आप कोड लिखने में अच्छे थे, तो टूल की कोई कमी नहीं थी। अंजुता या ग्रहण विशेषज्ञ प्रोग्रामर के लिए आदर्श विकास वातावरण थे।

समय के साथ, सामग्री प्रबंधक इस रूप में दिखाई दिए वर्डप्रेस Drupal o जूमलाइस प्रकार के सॉफ़्टवेयर ने सामग्री निर्माण पर ध्यान केंद्रित करने के लिए कोड लेखन की अवहेलना करना संभव बना दिया।. वे जैसी जगहों के लिए आदर्श विकल्प साबित हुए Linux Adictos जिसमें कई लेखक लगातार कंटेंट को अपडेट कर रहे हैं।

मुझे इसे थोड़ा समझाएं।

कोडिंग के दृष्टिकोण से, एक वेब पेज में शामिल हैं:

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

बॉडी कंटेनर के अंदर एक दस्तावेज़ के विभिन्न भाग हैं:

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

पाठ के विभिन्न भागों को चिह्नित करने के लिए कंटेनर हैं h (1 से 6) op के रूप में जो क्रमशः शीर्षक और पैराग्राफ को दर्शाता है।

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

और, यदि प्रशासकों को एक नया स्वरूप करना था या एक नया स्क्रीन आकार आया था, तो स्टाइल शीट को अपडेट करना आवश्यक होगा।

सामग्री प्रबंधकों की समस्या

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

वर्डप्रेस के विशेष मामले में, मेरी राय में यह ब्लोटवेयर बनता जा रहा है। अधिक से अधिक थीम को ऐड-ऑन की स्थापना की आवश्यकता होती है जो कई मामलों में वही कार्य करते हैं जो आपने पहले से स्थापित किए थे। और, अधिकांश सर्वोत्तम लाभ भुगतान पद्धति के अंतर्गत हैं। और, वे बिल्कुल सस्ते नहीं हैं।

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

अगले लेख में हम देखेंगे कि इसका उपयोग कैसे किया जाता है।


अपनी टिप्पणी दर्ज करें

आपका ईमेल पता प्रकाशित नहीं किया जाएगा। आवश्यक फ़ील्ड के साथ चिह्नित कर रहे हैं *

*

*

  1. डेटा के लिए जिम्मेदार: एबी इंटरनेट नेटवर्क 2008 SL
  2. डेटा का उद्देश्य: नियंत्रण स्पैम, टिप्पणी प्रबंधन।
  3. वैधता: आपकी सहमति
  4. डेटा का संचार: डेटा को कानूनी बाध्यता को छोड़कर तीसरे पक्ष को संचार नहीं किया जाएगा।
  5. डेटा संग्रहण: ऑकेंटस नेटवर्क्स (EU) द्वारा होस्ट किया गया डेटाबेस
  6. अधिकार: किसी भी समय आप अपनी जानकारी को सीमित, पुनर्प्राप्त और हटा सकते हैं।

  1.   रिचर्ड वॉटर्सन कहा

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

    1.    डिएगो जर्मन गोंजालेज कहा

      यह श्रृंखला का पहला लेख है।
      आपके सहयोग के लिए धन्यवाद

    2.    जॉर्ज कहा

      अच्छा लेख। मैं अगली कड़ी का इंतजार करूंगा।