Theory
आपका Code कहाँ रहता है?
कल्पना कीजिए आपने अभी-अभी अपने personal portfolio के लिए एक ख़ूबसूरत HTML page अपने laptop पर लिखा। जब आप इसे Chrome में खोलते हैं तो यह बढ़िया दिखता है। पर जब आप link C:/Users/Downloads/index.html अपने दोस्त को WhatsApp करते हैं, वे एक 'File not found' error देखते हैं। वे आपका काम क्यों नहीं देख सकते? क्योंकि आपका laptop अभी public web का हिस्सा नहीं है। अपना portfolio बनाने और publish करने के लिए, आपको समझना होगा कि World Wide Web असल में files को globe भर कैसे ले जाता है।
Theory
Global Library और Photocopy Machine
World Wide Web को एक विशाल, अंतर्राष्ट्रीय digital library की तरह सोचिए। एक webpage एक अकेली information sheet जैसा है, और एक website इन sheets से बनी एक पूरी किताब है जो साथ बँधी है। जब आप एक किताब पढ़ना चाहते हैं, आप library तक नहीं जाते। इसके बजाय, आप एक तेज़ delivery agent (browser) भेजते हैं किताब के catalog number (URL) के साथ। agent सही library shelf (web server) तक जाता है, pages की एक digital copy बनाता है, और इसे आपके desk पर दिखाने वापस लाता है।
Theory
Webpages, Websites, और WWW Architecture
आइए अपनी university exam के लिए इन terms को परिभाषित करें। एक webpage HTML में लिखा एक अकेला hypertext document है जिसे एक web browser में देखा जा सकता है। एक website एक single domain name के तहत host किए संबंधित webpages का एक संग्रह है, जैसे आपकी भावी portfolio site। World Wide Web (WWW) interconnected servers का global system है जो HTTP protocol इस्तेमाल करके इन documents को store और साझा करता है। classic WWW Client Server Architecture इस process को दो मुख्य हिस्सों में बाँटता है: client (आपका browser) data request करता है, और server files भेजकर जवाब देता है।
At a glance
World Wide Web architecture के मुख्य components।
| Component | Role in Web Architecture | Real World Analogy |
|---|---|---|
| Client (Browser) | webpages request करता है और user के लिए HTML/CSS render करता है। | वह Reader जो एक किताब request करता है। |
| Web Server | website files store करता है और request होने पर भेजता है। | किताबें रखता Library Shelf। |
| Webpage | text, images, या links रखता एक अकेला HTML document। | information का एक अकेला page। |
| Website | एक domain के तहत interconnected webpages का संग्रह। | कई pages रखती एक पूरी किताब। |
Theory
कदम-दर-कदम: जब आप एक URL Type करते हैं तो क्या होता है?
आइए बिल्कुल ट्रेस करें कि एक user आपकी portfolio site कैसे access करता है कदम-दर-कदम:
1. The Request: आप browser client में अपना portfolio URL type करते हैं।
2. The Search: browser internet इस्तेमाल करके उस ख़ास web server को खोजता है जो आपकी files host करता है।
3. The Processing: web server request पाता है, आपकी index.html file खोजता है, और इसे तैयार करता है।
4. The Response: server network भर वापस HTML file भेजता है।
5. The Rendering: आपका browser HTML code पढ़ता है और एक ख़ूबसूरत portfolio page दिखाता है।
Quiz
एक university exam में, एक student दावा करता है कि एक website और एक web server बिल्कुल एक ही चीज़ हैं। यह statement ग़लत क्यों है?
- एक website software है जो internet चलाता है, जबकि एक web server बस एक HTML file है।
- एक website content pages का एक संग्रह है, जबकि एक web server वह physical या virtual computer है जो उन pages को store और serve करता है।
- Websites केवल laptops पर मौजूद हैं, जबकि web servers केवल विशाल data centers में मौजूद हैं।
- कोई अंतर नहीं: exam answers में दोनों terms को अदल-बदल इस्तेमाल किया जा सकता है।
Show the answer
एक website content pages का एक संग्रह है, जबकि एक web server वह physical या virtual computer है जो उन pages को store और serve करता है।
एक website HTML documents, images, और styles (content) का असल संग्रह है। एक web server वह machine/hardware है जो उस content को host करता और request होने पर clients को deliver करता है। उन्हें मिलाना marks गँवाता है!
Think first
Quick Check: Webpage बनाम Website
tap करने से पहले, मन में एक अकेले webpage और एक पूर्ण website के बीच बिल्कुल अंतर सूचीबद्ध कीजिए। आप इसे एक 2 mark exam question में कैसे समझाएँगे?
Show the answer
एक webpage HTML में लिखा एक अकेला document है (जैसे contact.html)। एक website एक single domain name के तहत साथ जुड़े कई संबंधित webpages का एक संग्रह है (जैसे आपकी पूरी portfolio site जिसमें home, about, और contact pages हैं)।
Watch out
Local File जाल
practical exams में एक ग़लती यह मान लेना है कि आपकी website live है बस इसलिए कि यह आपके laptop पर सही खुलती है। अगर आपका browser address bar file:///C:/Users/... दिखाता है, आप एक local file देख रहे हैं। internet पर कोई और इसे नहीं देख सकता! एक असली webpage को WWW architecture का हिस्सा माना जाने से पहले एक web server पर host और http:// या https:// के ज़रिए access किया जाना चाहिए।
Formula
Exam Blueprint: WWW Architecture
अपनी theory exam में, एक 5 mark या 10 mark question अक्सर आपसे 'WWW Client Server Architecture बनाएँ और समझाएँ' कहेगा। जब यह होता है, हमेशा एक सरल block diagram बनाइए: Client (Browser) के लिए एक box, Web Server के लिए एक box, Client से Server तक एक तीर जिस पर 'HTTP Request' लिखा हो, और Server से Client तक एक तीर जिस पर 'HTTP Response' लिखा हो। यह सरल नुस्ख़ा पूरे marks पक्के करता है।
Summary
Key takeaways
- एक webpage एक individual HTML document है, जबकि एक website एक domain के तहत इन pages का संग्रह है।
- World Wide Web (WWW) servers का एक global network है जो hypertext documents store और transfer करता है।
- WWW एक Client Server architecture का पालन करता है जहाँ browsers data request करते हैं और servers इसे deliver करते हैं।
- HTTP client और server के बीच संचार के लिए इस्तेमाल standard protocol है।
- file:/// prefix वाली local files देखने का मतलब है आपकी site अभी तक WWW architecture पर live नहीं है।
- Memory Hook: Web एक शहर है: pages ईंटें हैं, sites घर हैं, और WWW architecture वह highway system है जो उन सबको जोड़ता है।