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" वीडियो में बताया गया है।

1. वेबसाइट एडिटर तक पहुँच:

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

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

2. नया पेज बनाना:

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

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

  • Page URL

  • Embed URL

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

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

3. पेज में सेक्शन जोड़ना:

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

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

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

4. कॉम्पोनेंट्स जोड़ना:

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

  • Title

  • Paragraph

  • Image

  • Video

  • Google Map आदि।

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

5. स्टाइलिंग और डिजाइन:

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

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

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

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

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

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

6. वीडियो और इमेज जोड़ना:

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

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

7. ब्रांड कलर सेटअप:

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

  • Primary, Secondary, Accent, Highlight

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

8. लेआउट एलिमेंट्स को नियंत्रित करना:

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

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

निष्कर्ष:

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