Theory
Where Does Your Code Live?
Imagine you just wrote a beautiful HTML page for your personal portfolio on your laptop. It looks great when you open it in Chrome. But when you WhatsApp the link C:/Users/Downloads/index.html to your friend, they see a 'File not found' error. Why can they not see your work? Because your laptop is not part of the public web yet. To build and publish your portfolio, you need to understand how the World Wide Web actually moves files across the globe.
Theory
The Global Library and the Photocopy Machine
Think of the World Wide Web as a massive, international digital library. A webpage is like a single sheet of information, and a website is a complete book made of these sheets bound together. When you want to read a book, you do not travel to the library. Instead, you send a fast delivery agent (the browser) with the book's catalog number (the URL). The agent goes to the correct library shelf (the web server), makes a digital copy of the pages, and brings it back to display on your desk.
Theory
Webpages, Websites, and WWW Architecture
Let us define these terms for your university exam. A webpage is a single hypertext document written in HTML that can be viewed in a web browser. A website is a collection of related webpages hosted under a single domain name, like your future portfolio site. The World Wide Web (WWW) is the global system of interconnected servers that store and share these documents using the HTTP protocol. The classic WWW Client Server Architecture divides this process into two main parts: the client (your browser) requests data, and the server responds by sending the files.
At a glance
Core components of the World Wide Web architecture.
| Component | Role in Web Architecture | Real World Analogy |
|---|---|---|
| Client (Browser) | Requests webpages and renders HTML/CSS for the user. | The Reader who requests a book. |
| Web Server | Stores website files and sends them when requested. | The Library Shelf storing the books. |
| Webpage | A single HTML document containing text, images, or links. | A single page of information. |
| Website | A collection of interconnected webpages under one domain. | A complete book containing multiple pages. |
Theory
Step by Step: What Happens When You Type a URL?
Let us trace exactly how a user accesses your portfolio site step by step:
1. The Request: You type your portfolio URL into the browser client.
2. The Search: The browser uses the internet to locate the specific web server hosting your files.
3. The Processing: The web server receives the request, looks up your index.html file, and prepares it.
4. The Response: The server sends the HTML file back across the network.
5. The Rendering: Your browser reads the HTML code and displays a beautiful portfolio page.
Quiz
In a university exam, a student claims that a website and a web server are the exact same thing. Why is this statement incorrect?
- A website is software that runs the internet, while a web server is just an HTML file.
- A website is a collection of content pages, whereas a web server is the physical or virtual computer that stores and serves those pages.
- Websites only exist on laptops, while web servers only exist in massive data centers.
- There is no difference: both terms can be used interchangeably in exam answers.
Show the answer
A website is a collection of content pages, whereas a web server is the physical or virtual computer that stores and serves those pages.
A website is the actual collection of HTML documents, images, and styles (the content). A web server is the machine/hardware that hosts and delivers that content to clients upon request. Conflating them loses marks!
Think first
Quick Check: Webpage vs Website
Before you tap, mentally list the exact difference between a single webpage and a complete website. How would you explain this in a 2 mark exam question?
Show the answer
A webpage is a single document written in HTML (such as contact.html). A website is a collection of multiple related webpages linked together under a single domain name (such as your entire portfolio site containing home, about, and contact pages).
Watch out
The Local File Trap
A mistake in practical exams is assuming your website is live just because it opens perfectly on your laptop. If your browser address bar shows file:///C:/Users/..., you are viewing a local file. No one else on the internet can see it! A true webpage must be hosted on a web server and accessed via http:// or https:// before it can be considered part of the WWW architecture.
Formula
Exam Blueprint: WWW Architecture
In your theory exam, a 5 mark or 10 mark question will frequently ask you to 'Draw and explain WWW Client Server Architecture.' When this happens, always draw a simple block diagram: a box for the Client (Browser), a box for the Web Server, an arrow from Client to Server labeled 'HTTP Request,' and an arrow from Server to Client labeled 'HTTP Response.' This simple recipe secures full marks.
Summary
Key takeaways
- A webpage is an individual HTML document, while a website is a collection of these pages under one domain.
- The World Wide Web (WWW) is a global network of servers that store and transfer hypertext documents.
- WWW follows a Client Server architecture where browsers request data and servers deliver it.
- HTTP is the standard protocol used for communication between the client and the server.
- Viewing local files with a file:/// prefix means your site is not yet live on the WWW architecture.
- Memory Hook: The Web is a town: pages are bricks, sites are houses, and the WWW architecture is the highway system connecting them all.