केवल टेक्स्ट एडिटर से सिंपल वेबसाइट कैसे बनाएं

घर पर बच्चों के साथ मिलकर टेक्स्ट एडिटर का उपयोग करके आसान वेबसाइट बनाने का पूरा गाइड।

जरूरी चीजें तैयार करें. सबसे पहले आपको एक टेक्स्ट एडिटर चाहिए होगा। विंडोज में Notepad, मैक में TextEdit, या मुफ्त में Visual Studio Code डाउनलोड कर सकते हैं। एक कंप्यूटर या लैपटॉप और इंटरनेट ब्राउज़र भी चाहिए होगा। अपने बच्चे के साथ एक शांत जगह चुनें जहां आप दोनों आराम से काम कर सकें।
HTML फाइल बनाएं. टेक्स्ट एडिटर खोलें और एक नई फाइल बनाएं। इसे 'index.html' नाम से सेव करें। HTML का मतलब है HyperText Markup Language - यह वेबसाइट की भाषा है। बच्चों को समझाएं कि यह वेबसाइट को बताता है कि कहां क्या दिखाना है। फाइल का नाम हमेशा .html एक्सटेंशन के साथ खत्म होना चाहिए।
बेसिक HTML स्ट्रक्चर लिखें. अपनी फाइल में यह लिखें: <!DOCTYPE html> <html> <head> <title>मेरी पहली वेबसाइट</title> </head> <body> <h1>नमस्ते! यह मेरी वेबसाइट है</h1> <p>मैंने इसे खुद बनाया है!</p> </body> </html>। बच्चों को बताएं कि यह वेबसाइट का ढांचा है। हर tag का अपना काम है - title ब्राउज़र के टैब में दिखता है, h1 बड़ी हेडिंग है, और p में पैराग्राफ लिखते हैं।
अधिक कंटेंट जोड़ें. अब बच्चे अपनी मनपसंद चीजें जोड़ सकते हैं। <h2> से छोटी हेडिंग, <ul> और <li> से लिस्ट, <img src='photo.jpg'> से तस्वीरें जोड़ सकते हैं। रंग जोड़ने के लिए <p style='color: blue'> का इस्तेमाल करें। बच्चों को प्रेरणा दें कि वे अपने शौक, दोस्त, या पसंदीदा खेल के बारे में लिखें।
फाइल को सेव करके खोलें. फाइल को सेव करने के बाद, उस फोल्डर में जाएं जहां आपने इसे रखा है। index.html फाइल पर डबल क्लिक करें या राइट क्लिक करके 'Open with Browser' चुनें। आपकी वेबसाइट ब्राउज़र में खुल जाएगी! बच्चे बहुत खुश होंगे अपनी बनाई चीज देखकर। कोई भी बदलाव करने के बाद फाइल सेव करके ब्राउज़र में refresh करें।
वेबसाइट को सुंदर बनाएं. CSS से रंग और स्टाइल जोड़ सकते हैं। <head> सेक्शन में <style> body {font-family: Arial;} h1 {color: purple;} </style> जोड़ें। बच्चों को अलग-अलग रंग और फॉन्ट ट्राई करने दें। background-color से बैकग्राउंड का रंग बदल सकते हैं। text-align: center से टेक्स्ट को बीच में ला सकते हैं।