UNIT 1: WWW (वर्ल्ड वाइड वेब) का परिचय

   📢 महत्वपूर्ण सूचना | Important Update

BTER Polytechnic से जुड़ी सभी महत्वपूर्ण जानकारी जैसे:
✅ Exam Updates
✅ Result Notifications
✅ Important Questions & Notes
✅ Latest Announcements

समय पर प्राप्त करने के लिए हमारे Official Channels से जुड़ें 👇

📱 WhatsApp Channel:
https://whatsapp.com/channel/0029Vb3ggEG7dmedl2pJd30p

📢 Telegram Channel:
https://t.me/polytechnicbter

अपने दोस्तों के साथ भी शेयर करें ताकि सभी छात्रों तक सही जानकारी पहुँच सके। ❤️

━━━━━━━━━━━━━━━

💖 Support Our Work

अगर हमारे Notes, PYQs, Videos और Study Material आपकी मदद करते हैं, तो आप हमें Support कर सकते हैं।

💳 UPI ID:
garimakanwar298@okhhdfcbank

🎯 Purpose: Educational Content Support

आपका छोटा सा Support हमें और बेहतर Free Notes & Videos बनाने के लिए प्रेरित करता है। 🙏

Aur haan... ab bina distraction ke notes readout/start karo 📖🔥
All the Best Future Engineers ❤️

━━━━━━━━━━━━━━━━

UNIT 1: WWW (वर्ल्ड वाइड वेब) का परिचय

यह यूनिट वर्ल्ड वाइड वेब (WWW) के विभिन्न पहलुओं को कवर करती है, जिसमें प्रोटोकॉल, सर्वर, वेब ब्राउज़र और वेब डिज़ाइन शामिल हैं। इसका उद्देश्य यह समझना है कि वेब के विभिन्न घटक एक साथ कैसे काम करते हैं और वेबसाइटों को कैसे बनाया और बनाए रखा जाता है।

---

1.1. प्रोटोकॉल और प्रोग्राम

प्रोटोकॉल वे नियम होते हैं जो इंटरनेट पर डेटा ट्रांसफर करने के तरीके को निर्धारित करते हैं। प्रोग्राम या सॉफ़्टवेयर एप्लिकेशन इन प्रोटोकॉल्स का उपयोग करके आपस में संवाद करते हैं और विशिष्ट कार्यों को अंजाम देते हैं।

1.1.1. सुरक्षित कनेक्शन

सुरक्षित कनेक्शन वे तरीके होते हैं जो इंटरनेट पर डेटा ट्रांसमिशन को सुरक्षित करते हैं, यह सुनिश्चित करते हुए कि डेटा को ट्रांसिट के दौरान इंटरसेप्ट या बदल नहीं दिया जाए। सबसे सामान्य सुरक्षित प्रोटोकॉल HTTPS (हाइपरटेक्स्ट ट्रांसफर प्रोटोकॉल सिक्योर) है।

• HTTPS उपयोगकर्ता के ब्राउज़र और वेबसाइट के बीच एक्सचेंज किए गए डेटा को एन्क्रिप्ट करता है, जिससे गोपनीयता और सुरक्षा सुनिश्चित होती है।
• यह SSL (सिक्योर सॉकेट लेयर) या TLS (ट्रांसपोर्ट लेयर सिक्योरिटी) का उपयोग करता है।

HTTPS कैसे काम करता है:

1. जब आप एक वेबसाइट पर जाते हैं, तो आपका ब्राउज़र सर्वर का प्रमाणपत्र मांगता है।
2. सर्वर प्रमाणपत्र भेजता है, जिसमें पब्लिक की होती है।
3. आपका ब्राउज़र प्रमाणपत्र को वैध (विश्वसनीय स्रोत से) होने की जांच करता है।
4. यदि वैध है, तो यह सर्वर की पब्लिक की के साथ डेटा एन्क्रिप्ट करता है, जिससे केवल सर्वर इसे डिक्रिप्ट कर सकता है।

HTTPS प्रक्रिया का चित्र:

1. ब्राउज़र --> सर्वर के लिए अनुरोध --> सर्वर प्रमाणपत्र
2. ब्राउज़र --> प्रमाणपत्र की जांच करता है --> ब्राउज़र डेटा को एन्क्रिप्ट करता है
3. सर्वर --> पब्लिक की के साथ डेटा डिक्रिप्ट करता है

---

1.1.2. एप्लिकेशन और विकास उपकरण

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

• टेक्स्ट एडिटर्स: ये कोड (HTML, CSS, JavaScript) लिखने के लिए उपयोग किए जाते हैं, जैसे Sublime Text या Visual Studio Code।
• फ्रेमवर्क्स: ये प्री-बिल्ट लाइब्रेरी होती हैं जो कोडिंग को सरल बनाती हैं, जैसे React, Angular, या Bootstrap।
• FTP क्लाइंट्स: ये सर्वर पर फ़ाइलों को अपलोड करने के लिए उपयोग किए जाते हैं, जैसे FileZilla।
• डेटाबेस प्रबंधन उपकरण: वेबसाइटों या एप्लिकेशनों के लिए डेटाबेस का प्रबंधन करने के लिए, जैसे MySQL या MongoDB।
• वर्जन कंट्रोल सिस्टम: वेबसाइट के कोड में बदलावों को प्रबंधित करने के लिए Git जैसे उपकरण।

---

1.2. वेब ब्राउज़र

एक वेब ब्राउज़र एक सॉफ़्टवेयर एप्लिकेशन है जिसका उपयोग वेब को एक्सेस करने के लिए किया जाता है। यह सर्वर से वेब पेज प्राप्त करता है और उन्हें डिस्प्ले करता है। सबसे लोकप्रिय ब्राउज़र हैं Google Chrome, Mozilla Firefox, Safari, और Microsoft Edge।

वेब ब्राउज़र कैसे काम करता है:

1. आप ब्राउज़र के एड्रेस बार में एक वेब पता (URL) टाइप करते हैं।
2. ब्राउज़र उस सर्वर से अनुरोध भेजता है जो वेबसाइट होस्ट करता है।
3. सर्वर उस पृष्ठ (HTML फ़ाइल, चित्र आदि) के साथ प्रतिक्रिया करता है।
4. ब्राउज़र वेब पेज को रेंडर करता है और उपयोगकर्ता को डिस्प्ले करता है।

वेब ब्राउज़र के मुख्य कार्य:

• रेंडरिंग: वेब पेज को स्क्रीन पर डिस्प्ले करने की प्रक्रिया।
• सुरक्षा: ब्राउज़र HTTPS की जांच करता है और असुरक्षित वेबसाइटों के बारे में चेतावनी देता है।
• बुकमार्किंग: पसंदीदा वेबसाइटों को आसान पहुंच के लिए सहेजना।

---

1.3. सर्वर क्या है?

एक सर्वर एक शक्तिशाली कंप्यूटर होता है जो इंटरनेट पर अन्य कंप्यूटरों (जिन्हें क्लाइंट कहा जाता है) को संसाधन, डेटा, सेवाएँ या प्रोग्राम प्रदान करता है। एक वेब सर्वर वेबसाइटों की मेज़बानी करता है और ब्राउज़रों से अनुरोधों का जवाब देता है।

सर्वरों के प्रकार:

• वेब सर्वर: यह वेबसाइटों की मेज़बानी करता है और ब्राउज़र से अनुरोधों का जवाब देता है।
• डेटाबेस सर्वर: यह वेबसाइटों या एप्लिकेशनों के लिए डेटा का प्रबंधन और भंडारण करता है।
• मेल सर्वर: यह ईमेल का प्रबंधन और भंडारण करता है।

सर्वर कार्यक्षमता:

1. होस्टिंग: सर्वर वेबसाइटों की मेज़बानी करता है और HTML फ़ाइलें, चित्र, और स्क्रिप्ट जैसी सामग्री स्टोर करता है।
2. अनुरोधों को प्रोसेस करना: जब ब्राउज़र एक पृष्ठ अनुरोध करता है, तो सर्वर उसे प्रोसेस करता है और आवश्यक डेटा भेजता है।

सर्वर संचार का चित्र:

ब्राउज़र अनुरोध --> वेब सर्वर --> प्रतिक्रिया (HTML, CSS, JS)

---

1.4. UNIX और LINUX वेब सर्वरों की सेटिंग

UNIX और LINUX दोनों ऑपरेटिंग सिस्टम वेब सर्वरों को सेट करने के लिए लोकप्रिय हैं क्योंकि ये स्थिर, सुरक्षित हैं और सर्वर-साइड एप्लिकेशन का समर्थन करते हैं।

लिनक्स पर वेब सर्वर सेट करने के चरण:

1. वेब सर्वर इंस्टॉल करें: सबसे सामान्य वेब सर्वर सॉफ़्टवेयर Apache या Nginx है।

   • लिनक्स पर Apache इंस्टॉल करने के लिए कमांड: sudo apt-get install apache2

2. सर्वर को कॉन्फ़िगर करें:

   • Apache का मुख्य कॉन्फ़िगरेशन फ़ाइल /etc/apache2/apache2.conf है।
   • आप वर्चुअल होस्ट सेटअप कर सकते हैं, ताकि एक सर्वर पर कई वेबसाइट होस्ट की जा सकें।

3. सर्वर शुरू करें: एक बार कॉन्फ़िगर करने के बाद, Apache को इस कमांड से शुरू करें: sudo service apache2 start

4. अनुमतियाँ सेट करें: सुनिश्चित करें कि वेब सर्वर को वेब सामग्री पढ़ने और सर्व करने के लिए उचित फ़ाइल अनुमतियाँ प्राप्त हैं।

लिनक्स सर्वर का चित्र:

उपयोगकर्ता ब्राउज़र --> इंटरनेट --> सर्वर (Apache/Nginx)
                          --> प्रतिक्रिया (वेब सामग्री)

---

1.5. उपयोगकर्ता लॉगिंग

उपयोगकर्ता लॉगिंग का मतलब है वेबसाइट या सर्वर पर उपयोगकर्ताओं की गतिविधियों को ट्रैक करना। यह सुरक्षा, विश्लेषण और समस्या निवारण के लिए किया जाता है।

लॉग्स के सामान्य प्रकार:

1. एक्सेस लॉग्स: सर्वर से किए गए सभी अनुरोधों का रिकॉर्ड रखते हैं, जैसे तारीख, IP पता और अनुरोधित पृष्ठ।
2. एरर लॉग्स: वे समस्याएँ या त्रुटियाँ रिकॉर्ड करते हैं जो सर्वर को पृष्ठ सर्व करते समय मिलती हैं।
3. प्रमाणीकरण लॉग्स: उपयोगकर्ता के लॉगिन प्रयासों का रिकॉर्ड रखते हैं, चाहे वह सफल हो या विफल, ताकि संदिग्ध गतिविधि का पता चल सके।

लॉगिंग कैसे काम करता है:

• लॉग्स को सामान्य टेक्स्ट फ़ाइलों या डेटाबेस में स्टोर किया जाता है।
• व्यवस्थापक इन्हें विश्लेषण या समस्या निवारण के लिए एक्सेस कर सकते हैं।

Apache का एक्सेस लॉग उदाहरण:

192.168.1.1 - - [10/Mar/2025:14:00:00 -0500] "GET /index.html HTTP/1.1" 200 2326

यह लॉग एक HTTP GET अनुरोध को दर्शाता है जो index.html पृष्ठ पर गया था और सफल 200 स्थिति कोड के साथ प्रतिक्रिया मिली थी।

---

1.6. डायनामिक IP वेब डिज़ाइन

डायनामिक IP वेब डिज़ाइन वह तरीका है जब वेबसाइट की सामग्री उपयोगकर्ता की इंटरएक्शन या अन्य डायनामिक तत्वों के आधार पर बदलती है। इस प्रकार की वेबसाइटें अक्सर डेटाबेस, सर्वर-साइड स्क्रिप्टिंग भाषाओं (जैसे PHP या Node.js), और APIs का उपयोग करके डेटा लाती हैं और उसे प्रदर्शित करती हैं।

डायनामिक वेबसाइटों का काम कैसे करता है:

1. उपयोगकर्ता पृष्ठ (जैसे समाचार लेख) अनुरोध करता है।
2. सर्वर डेटाबेस से नवीनतम सामग्री (जैसे नवीनतम समाचार) के लिए क्वेरी करता है।
3. सर्वर डेटाबेस परिणामों के आधार पर पृष्ठ को डायनामिक रूप से जनरेट करता है।
4. पृष्ठ ब्राउज़र को भेजा जाता है।

---

1.6.1. वेबसाइट डिज़ाइन सिद्धांत

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

1. यूज़र-केंद्रित डिज़ाइन: डिज़ाइन को उपयोगकर्ताओं की आवश्यकताओं और अपेक्षाओं को पूरा करना चाहिए।
2. संगत डिज़ाइन: डिजाइन तत्वों (रंग, फ़ॉन्ट, आदि) को प्रत्येक पृष्ठ पर सुसंगत रखना चाहिए।
3. नेविगेशन: वेबसाइट को नेविगेट करना आसान होना चाहिए, स्पष्ट मेनू और लिंक के साथ।
4. उत्तरदायी डिज़ाइन: वेबसाइट को विभिन्न स्क्रीन आकारों पर काम करने के लिए मोबाइल-अनुकूल होना चाहिए।
5. सुलभता: वेबसाइट को सभी उपयोगकर्ताओं के लिए सुलभ बनाना चाहिए, जिसमें विकलांग उपयोगकर्ता भी शामिल हैं (जैसे स्क्रीन रीडर्स)।

---

1.6.2. साइट और नेविगेशन की योजना बनाना

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

1. साइट मैप: यह वेबसाइट के पृष्ठों और संरचना का दृश्य प्रतिनिधित्व है।

   • होम पेज प्रारंभ बिंदु होता है, जो अन्य पृष्ठों से लिंक करता है।

2. नेविगेशन:

   • स्पष्ट नेविगेशन मेनू उपयोगकर्ता अनुभव के लिए महत्वपूर्ण है।
   • उपयोगकर्ताओं को नेविगेट करने में मदद करने के लिए शीर्ष मेनू, साइडबार या फूटर लिंक का उपयोग करें।

3. वायरफ्रेम्स: ये प्रत्येक पृष्ठ की लेआउट की कम-फिडेलिटी स्केच या डायग्राम होते हैं, जो विकास से पहले डिज़ाइन को विज़ुअलाइज़ करने में मदद करते हैं।

साइट मैप का उदाहरण:

होम
|-- हमारे बारे में
|-- सेवाएँ
    |-- वेब डेवलपमेंट
    |-- SEO सेवाएँ
|-- संपर्क

---

निष्कर्ष:

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