Theory
તમારો Code ક્યાં રહે છે?
કલ્પો કે તમે હમણાં જ તમારા laptop પર તમારા personal portfolio માટે એક સુંદર HTML page લખ્યું. Chrome માં ખોલો ત્યારે એ સરસ દેખાય છે. પણ જ્યારે તમે તમારા મિત્રને C:/Users/Downloads/index.html link WhatsApp કરો, એમને 'File not found' ની error દેખાય છે. એ તમારું કામ કેમ જોઈ શકતા નથી? કારણ કે તમારું laptop હજી જાહેર web નો ભાગ નથી. તમારું portfolio બનાવવા અને પ્રકાશિત કરવા, તમારે સમજવું પડશે કે World Wide Web ખરેખર files ને દુનિયાભરમાં કેવી રીતે ફેરવે છે.
Theory
વૈશ્વિક પુસ્તકાલય અને Photocopy નું મશીન
World Wide Web ને એક વિશાળ, આંતરરાષ્ટ્રીય digital પુસ્તકાલય જેવું વિચારો. એક webpage એ માહિતીના એક પાના જેવું છે, અને એક website એ આ પાનાં બાંધીને બનેલું એક પૂરું પુસ્તક છે. જ્યારે તમારે એક પુસ્તક વાંચવું હોય, તમે પુસ્તકાલય સુધી જતા નથી. એને બદલે, તમે પુસ્તકના catalog નંબર (URL) સાથે એક ઝડપી પહોંચાડનાર agent (browser) મોકલો છો. Agent સાચી પુસ્તકાલયની છાજલી (web server) પર જાય છે, પાનાંની digital નકલ કરે છે, અને એને તમારા મેજ પર દેખાડવા પાછો લાવે છે.
Theory
Webpages, Websites, અને WWW Architecture
ચાલો તમારી university ની પરીક્ષા માટે આ શબ્દો વ્યાખ્યાયિત કરીએ. એક webpage એ HTML માં લખાયેલો એક જ hypertext document છે જે એક web browser માં જોઈ શકાય છે. એક website એ એક જ domain name હેઠળ host થયેલાં સંબંધિત webpages નો સંગ્રહ છે, જેમ કે તમારી ભવિષ્યની portfolio ની site. World Wide Web (WWW) એ એકબીજા સાથે જોડાયેલા servers ની વૈશ્વિક system છે જે HTTP protocol વાપરીને આ documents સંઘરે અને વહેંચે છે. Classic WWW Client Server Architecture આ પ્રક્રિયાને બે મુખ્ય ભાગમાં વહેંચે છે: client (તમારું browser) data માંગે છે, અને server files મોકલીને જવાબ આપે છે.
At a glance
World Wide Web ના માળખાના મુખ્ય ઘટકો.
| ઘટક | Web Architecture માં ભૂમિકા | વાસ્તવિક દુનિયાની ઉપમા |
|---|---|---|
| Client (Browser) | Webpages માંગે છે અને user માટે HTML/CSS દોરે છે. | પુસ્તક માંગનાર વાચક. |
| Web Server | Website ની files સંઘરે છે અને માંગ થતાં એ મોકલે છે. | પુસ્તકો સંઘરતી પુસ્તકાલયની છાજલી. |
| Webpage | લખાણ, images, કે links ધરાવતો એક જ HTML document. | માહિતીનું એક જ પાનું. |
| Website | એક domain હેઠળ એકબીજા સાથે જોડાયેલાં webpages નો સંગ્રહ. | અનેક પાનાં ધરાવતું એક પૂરું પુસ્તક. |
Theory
પગલું દર પગલું: તમે એક URL ટાઈપ કરો ત્યારે શું થાય છે?
ચાલો બિલકુલ ટ્રેસ કરીએ કે એક user તમારી portfolio ની site પર પગલું દર પગલું કેવી રીતે પહોંચે છે:
1. માંગ: તમે browser ના client માં તમારું portfolio નું URL ટાઈપ કરો છો.
2. શોધ: Browser તમારી files host કરતું ચોક્કસ web server શોધવા internet વાપરે છે.
3. Processing: Web server માંગ મેળવે છે, તમારી index.html file શોધે છે, અને એ તૈયાર કરે છે.
4. જવાબ: Server HTML file network પર પાછી મોકલે છે.
5. Rendering: તમારું browser HTML code વાંચે છે અને એક સુંદર portfolio નું page દેખાડે છે.
Quiz
એક university ની પરીક્ષામાં, એક student દાવો કરે છે કે એક website અને એક web server બિલકુલ એક જ વસ્તુ છે. આ વિધાન કેમ ખોટું છે?
- એક website એ software છે જે internet ચલાવે છે, જ્યારે એક web server ખાલી એક HTML file છે.
- એક website એ content ના પાનાંનો સંગ્રહ છે, જ્યારે એક web server એ ભૌતિક કે આભાસી computer છે જે એ પાનાં સંઘરે અને પહોંચાડે છે.
- Websites માત્ર laptops પર અસ્તિત્વમાં હોય છે, જ્યારે web servers માત્ર વિશાળ data centers માં.
- કોઈ ફરક નથી: exam ના જવાબોમાં બંને શબ્દો એકબીજાની જગ્યાએ વાપરી શકાય છે.
Show the answer
એક website એ content ના પાનાંનો સંગ્રહ છે, જ્યારે એક web server એ ભૌતિક કે આભાસી computer છે જે એ પાનાં સંઘરે અને પહોંચાડે છે.
એક website એ HTML documents, images, અને styles નો ખરેખરો સંગ્રહ છે (content). એક web server એ machine/hardware છે જે માંગ થતાં એ content clients ને host કરે અને પહોંચાડે છે. બંનેને ભેળવી દેવાથી marks જાય છે!
Think first
ઝડપી તપાસ: Webpage સામે Website
Tap કરતાં પહેલાં, મનમાં એક જ webpage અને એક પૂરી website વચ્ચેનો બિલકુલ ભેદ યાદી કરો. તમે 2 marks ના exam ના પ્રશ્નમાં આ કેવી રીતે સમજાવશો?
Show the answer
એક webpage એ HTML માં લખાયેલો એક જ document છે (જેમ કે contact.html). એક website એ એક જ domain name હેઠળ સાથે જોડાયેલાં અનેક સંબંધિત webpages નો સંગ્રહ છે (જેમ કે home, about, અને contact ના પાનાં ધરાવતી તમારી આખી portfolio ની site).
Watch out
Local File નો ફાંદો
Practical પરીક્ષાઓમાં એક ભૂલ છે એવું ધારવું કે તમારી website જીવંત છે માત્ર એટલા માટે કે એ તમારા laptop પર બરાબર ખૂલે છે. જો તમારા browser ના સરનામાના પટ્ટામાં file:///C:/Users/... દેખાય, તમે એક local file જોઈ રહ્યા છો. Internet પર બીજું કોઈ એ જોઈ શકતું નથી! એક સાચું webpage WWW ના માળખાનો ભાગ ગણાય એ પહેલાં એને એક web server પર host થવું જ પડે અને http:// કે https:// દ્વારા પહોંચવું પડે.
Formula
Exam નો નકશો: WWW Architecture
તમારી theory ની પરીક્ષામાં, એક 5 marks કે 10 marks નો પ્રશ્ન વારંવાર તમને 'WWW Client Server Architecture દોરો અને સમજાવો' કહેશે. જ્યારે આ થાય, હંમેશા એક સાદો block diagram દોરો: Client (Browser) માટે એક ખોખું, Web Server માટે એક ખોખું, Client થી Server સુધી 'HTTP Request' લખેલું એક તીર, અને Server થી Client સુધી 'HTTP Response' લખેલું એક તીર. આ સાદી રીત પૂરા marks પાકા કરે છે.
Summary
Key takeaways
- એક webpage એ અલગ HTML document છે, જ્યારે એક website એ એક domain હેઠળ આ પાનાંનો સંગ્રહ છે.
- World Wide Web (WWW) એ servers નું વૈશ્વિક network છે જે hypertext documents સંઘરે અને મોકલે છે.
- WWW એક Client Server ના માળખાને પાળે છે જ્યાં browsers data માંગે છે અને servers એ પહોંચાડે છે.
- HTTP એ client અને server વચ્ચેની વાતચીત માટે વપરાતો standard protocol છે.
- file:/// ના prefix સાથે local files જોવી એટલે તમારી site હજી WWW ના માળખા પર જીવંત નથી.
- Memory Hook: Web એક નગર છે: પાનાં ઈંટો છે, sites ઘર છે, અને WWW નું માળખું એ બધાંને જોડતી highway ની વ્યવસ્થા છે.