Website Builder - Complete tutorial - Hindi - part 1

1. Add a page / menu in a website

2. Edit a page content 

3. Add a video in a page 

4. Add a image in a page 

5. Design brand color and color theme of website 
6. Manage Footer, Header, Menu bar of a website

• 🛠️ वेबसाइट पेज बनाना और मेन्यू में जोड़ना:
  उपयोगकर्ता को वेबसाइट एडिटर में जाकर एक नया ब्लैंक पेज जोड़ने का तरीका बताया गया है। तीन प्रकार के पेज विकल्प होते हैं – URL पेज, एम्बेडेड पेज, और ब्लैंक पेज, जिसमें से अधिकतर कार्य ब्लैंक पेज पर होता है।

• ✍️ पेज में कंटेंट जोड़ना और सेक्शन बनाना:
  एक बार पेज बन जाने के बाद, उसमें कंटेंट जोड़ने के लिए "Add Section" का उपयोग होता है। हर सेक्शन में टाइटल, पैराग्राफ, इमेज या वीडियो जोड़े जाते हैं। उदाहरण के तौर पर "About Us" सेक्शन में टाइटल और विवरण जोड़े जाते हैं।

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

• 🎨 टेक्स्ट स्टाइलिंग और डिजाइन एडिटिंग:
  कंटेंट को आकर्षक बनाने के लिए फॉन्ट साइज, कलर, बैकग्राउंड कलर, एलाइंमेंट, मार्जिन, पैडिंग और बॉर्डर रेडियस जैसे तत्वों को एडिट किया जा सकता है।

• 📹 वीडियो और इमेज जोड़ना:
  वेबसाइट में यूट्यूब वीडियो और इमेज जोड़ने की प्रक्रिया दिखाई गई है। वीडियो का आईडी एम्बेड कोड में डालकर वीडियो इंटीग्रेट किया जाता है। इसी तरह से फोटो या गैलरी भी जोड़ी जाती है।

• 🎨 ब्रांड कलर सेट करना:
  वेबसाइट में ब्रांड कलर सेटअप करना जरूरी होता है ताकि विज़ुअल एकरूपता बनी रहे। यूज़र को थीम एडिटर के माध्यम से चार मुख्य ब्रांड कलर्स चुनने का विकल्प मिलता है।

• 🧭 हेडर, लिंक बार और फूटर मैनेजमेंट:
  वेबसाइट के लेआउट में लिंक बार, हेडर, मेन्यू और फूटर के स्थान और कंटेंट को एडिट करने का विकल्प मिलता है जिससे संपूर्ण वेबसाइट प्रोफेशनल दिखती है।

आज के डिजिटल युग में हर व्यवसाय, स्कूल या संस्था के लिए एक वेबसाइट बनाना आवश्यक हो गया है। यह लेख आपको वेबसाइट बिल्डर टूल का उपयोग करके एक वेबसाइट तैयार करने की चरणबद्ध प्रक्रिया समझाएगा, जैसा कि "Website Builder - Complete tutorial in hindi part 1" वीडियो में बताया गया है।

• सबसे पहले वेबसाइट डैशबोर्ड में जाकर उस वेबसाइट को चुनें जिसे आप एडिट करना चाहते हैं।

• "Editor" बटन पर क्लिक करें।

• "Pages" टैब में जाकर "Add a Page" चुनें।

• तीन विकल्प मिलते हैं:

  • Page URL

  • Embed URL

  • Blank Page (अधिकतर यही उपयोग होता है)

• ब्लैंक पेज चुनें, पेज और मेन्यू का नाम दें (जैसे: About Us)।

• पेज को ओपन कर "Add Section" पर क्लिक करें।

• "Blank Section" चुनें और उसे नाम दें।

• यह सेक्शन कंटेंट के लिए कंटेनर का काम करता है।

• सेक्शन में विभिन्न प्रकार के कॉम्पोनेंट्स ऐड किए जा सकते हैं:

  • Title

  • Paragraph

  • Image

  • Video

  • Google Map आदि।

• उदाहरण: "About Us" सेक्शन में टाइटल और पैराग्राफ जोड़ें।

• कॉम्पोनेंट एडिट करते समय फॉन्ट साइज़, कलर, एलाइंमेंट सेट करें:

  • टेक्स्ट साइज (31-53px)

  • टेक्स्ट कलर (डार्क रेड, आदि)

  • बैकग्राउंड कलर (लाइट ब्लू आदि)

  • Padding और Margin भी जोड़ा जा सकता है।

  • Border Radius से कॉर्नर को राउंड किया जा सकता है।

• यूट्यूब से वीडियो का आईडी कॉपी करें और वीडियो कॉम्पोनेंट में डालें।

• इमेज कॉम्पोनेंट चुनकर फोटो अपलोड करें या गैलरी जोड़ें।

• "Theme" टैब में जाकर चार ब्रांड कलर्स सेट करें:

  • Primary, Secondary, Accent, Highlight

• ये कलर आपकी पूरी वेबसाइट में एकरूपता बनाए रखते हैं।

• लिंक बार, हेडर, मेन्यू और फूटर को "Layout" टैब से कस्टमाइज़ किया जा सकता है।

• प्रत्येक एलिमेंट को एडिट कर उसकी स्टाइल, टेक्स्ट और प्लेसमेंट बदला जा सकता है।

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