🌐 Introduction to Internet and Web

Get ready to explore the BIGGEST invention of modern life — the **Internet**! From how a single click loads a webpage, to how your email magically reaches someone across the world, this chapter unlocks all the secrets behind the screen! 🌍💻✨ > [!TIP] > **How to use these notes:** This chapter LOVES "differentiate between X and Y" questions — Internet vs WWW, Webpage vs Website, Static vs Dynamic. Master those comparisons and you've covered 70% of the exam marks for this chapter! 🎯 --- ## 10.1 🌟 Introduction Imagine life 30 years ago — no Google, no WhatsApp, no YouTube. To send a letter, you'd write it, post it, and wait DAYS for a reply. Today? You send a message and get a reply in SECONDS! What changed? **The Internet.** 🚀 ```mermaid graph LR OLD["📮 OLD WAY\nPostal Letters\n(Days to reach)"] NEW["⚡ NEW WAY\nInternet\n(Instant!)"] OLD -->|"Internet\nRevolution!"| NEW style OLD fill:#9E9E9E,color:#fff style NEW fill:#4CAF50,color:#fff ``` This chapter is your complete guide to understanding: How the Internet works, what WWW really is, how websites and webpages are built, how browsers work, and how Email/Chat/VoIP let us communicate instantly! --- ## 10.2 🌍 Introduction to Internet The **Internet** is a HUGE global network connecting MILLIONS of computers and smaller networks worldwide — literally, a "network of networks"! ```mermaid graph TD INT["🌍 THE INTERNET"] N1["🏫 School Networks"] N2["🏢 Office Networks"] N3["🏠 Home Networks"] N4["🏛️ Government Networks"] INT --- N1 INT --- N2 INT --- N3 INT --- N4 style INT fill:#F44336,color:#fff ``` > **Analogy:** If your school's WiFi network is like ONE classroom's WhatsApp group, the Internet is like joining EVERY classroom's group, EVERY school's group, and EVERY country's group into ONE MASSIVE super-group where anyone can talk to anyone! ::: grid ::: card 🌍 | Global Reach | Connects computers WORLDWIDE, 24/7 | India to USA in milliseconds ::: card 🔓 | No Single Owner | NOBODY owns the whole Internet | It's a cooperative effort by millions of networks ::: card 📡 | Multiple Technologies | Uses cables, satellites, fibre optics, WiFi together | Different roads, same destination ::: > [!IMPORTANT] > **Board Exam Tip** > "What is the Internet?" — **1-mark** question! > Answer: The Internet is a **global network of interconnected computers and networks** that communicate using standardised protocols, allowing data sharing worldwide. --- ## 10.3 🕸️ World Wide Web (WWW) **WWW** is a system of INTERLINKED webpages/documents that you access through a web browser — it's just ONE SERVICE that runs ON TOP of the Internet! ```mermaid graph LR NET["🌍 Internet\n(the ROADS —\nphysical infrastructure)"] WWW["🕸️ WWW\n(the CARS driving\non those roads —\nlinked webpages)"] NET -->|"WWW runs\nON TOP of it"| WWW style NET fill:#2196F3,color:#fff style WWW fill:#9C27B0,color:#fff ``` ### 10.3.1 History of World Wide Web 📜 ```mermaid graph LR Y1["1989\n👨‍💻 Tim Berners-Lee\nproposed WWW at CERN"] Y2["1991\n🌐 First website\nwent LIVE"] Y3["Today\n🚀 Billions of\nwebsites worldwide!"] Y1 --> Y2 --> Y3 style Y1 fill:#4CAF50,color:#fff style Y2 fill:#FF9800,color:#fff style Y3 fill:#2196F3,color:#fff ``` | Fact | Detail | | :--- | :--- | | **Invented by** | Tim Berners-Lee | | **Where** | CERN, Switzerland | | **Year proposed** | 1989 | | **First website live** | 1991 | | **First website's name** | info.cern.ch (still exists today!) | > **Fun Fact! 🎉** Tim Berners-Lee never patented the WWW — he made it FREE for the whole world to use. That's why the entire internet as we know it exists today! --- ### 10.3.2 Difference between WWW and Internet ⚠️ **THIS IS THE #1 MOST CONFUSED TOPIC IN THE ENTIRE CHAPTER!** ::: grid ::: card 🌍 | Internet | The PHYSICAL network — cables, servers, infrastructure | The "roads" and "highways" ::: card 🕸️ | WWW | A SERVICE using webpages, running ON the Internet | Just ONE type of "vehicle" driving on those roads ::: **The Complete Comparison Table:** | Feature | Internet | WWW | | :--- | :--- | :--- | | **What it is** | A global network of networks (hardware/infrastructure) | A service consisting of linked webpages/documents | | **Uses** | Supports MANY services (WWW, Email, Chat, VoIP) | Just ONE of those services | | **Access via** | Various — browsers, email clients, chat apps | ONLY through a web browser | | **Invented by** | Developed over decades by many people | Invented by Tim Berners-Lee (1989) | | **Example** | The physical network connecting your school to the world | Websites like csip12.in, Google, YouTube | > [!WARNING] > **Internet ≠ WWW! Don't Confuse Them!** > Email, Chat, and VoIP ALSO run on the Internet — but they are NOT part of WWW! WWW is ONLY the linked-webpages part. Think of the Internet as the big umbrella, and WWW as just ONE of the things under it! > [!IMPORTANT] > **Board Exam Tip** > "Differentiate between Internet and WWW." — **2-mark** question, guaranteed EVERY year! > Answer: The **Internet** is the physical global network of interconnected computers. **WWW** is a service that runs on the Internet, consisting of linked webpages accessed via web browsers. The Internet supports many OTHER services too (Email, Chat, VoIP) besides WWW. --- ## 10.4 🖥️ Web Servers A **Web Server** is a powerful computer that STORES website files and SENDS ("serves") them to browsers whenever someone requests a webpage. ```mermaid graph LR USER["👤 You type\nwww.csip12.in"] BROWSER["🧭 Browser sends\na REQUEST"] SERVER["🖥️ Web Server\n(finds the file,\nsends it back)"] PAGE["📄 Webpage appears!"] USER --> BROWSER -->|"Request"| SERVER -->|"Response"| PAGE style SERVER fill:#F44336,color:#fff ``` > **Analogy:** A Web Server is like a WAITER in a restaurant — you (browser) place an order (request a webpage), the waiter goes to the kitchen (server storage), and brings back exactly what you asked for (the webpage)! ### 10.4.1 Services Provided by a Server 🛎️ ::: grid ::: card 📄 | Storing Webpages | Keeps all website files (HTML, images, videos) ready | The "kitchen" that has all the ingredients ::: card 📤 | Serving Content | Sends the requested page to whoever asks | Delivering the order to your table ::: card 🔐 | Security | Manages who can access what (logins, permissions) | Checking ID before serving certain items ::: card 📧 | Other Services | Some servers also handle Email, File storage etc. | One server, many jobs! ::: > [!IMPORTANT] > **Board Exam Tip** > "What is a Web Server?" — **1-mark** question! > Answer: A **Web Server** is a computer that stores website files and delivers ("serves") them to web browsers upon request, making the website accessible on the Internet. --- ## 10.5 🔗 URLs **URL = Uniform Resource Locator** — the COMPLETE address that uniquely identifies a resource (webpage, image, file) on the Internet. ### 10.5.1 Elements of URL 🧩 ``` https :// www.csip12.in :443 /notes/chapter10 ?search=python #section2 ↑ ↑ ↑ ↑ ↑ ↑ Protocol Domain Name Port Path/Directory Query String Fragment ``` ::: grid ::: card 🔒 | Protocol | The RULE for fetching data | http:// or https:// ::: card 🌐 | Domain Name | The website's unique ADDRESS | www.csip12.in ::: card 🔢 | Port | The specific "door number" (usually hidden/default) | :443 for HTTPS ::: card 📁 | Path | The SPECIFIC page/file location | /notes/chapter10 ::: card 🔍 | Query String | Extra search/filter information | ?search=python ::: card 📍 | Fragment | Jumps to a specific SECTION on the page | #section2 ::: **Simplified Version — What You Really Need to Know:** | Part | Example | Purpose | | :--- | :--- | :--- | | **Protocol** | `https://` | HOW to fetch (secure or not) | | **Domain Name** | `www.google.com` | WHERE the website is | | **Path** | `/search` | WHICH specific page | > **Analogy:** A URL is like a COMPLETE postal address — Protocol is like "By Registered Post", Domain is "House Number + Street + City", Path is "Room Number inside the house"! > [!IMPORTANT] > **Board Exam Tip** > "What are the main elements of a URL? Give an example." — **2-mark** question! > Answer: Protocol (http/https), Domain Name, and Path. Example: `https://www.csip12.in/notes` — Protocol=https, Domain=www.csip12.in, Path=/notes --- ### 10.5.2 URL Types 📋 ::: grid ::: card 🔗 | Absolute URL | The COMPLETE address, works from ANYWHERE | https://www.csip12.in/notes/chapter10 ::: card 📍 | Relative URL | A SHORTCUT address, only works WITHIN the same website | /notes/chapter10 (assumes you're already on csip12.in) ::: ```mermaid graph LR ABS["🔗 Absolute URL\nComplete Address\nWorks from ANYWHERE"] REL["📍 Relative URL\nShortcut\nWorks only WITHIN\nsame website"] style ABS fill:#4CAF50,color:#fff style REL fill:#FF9800,color:#fff ``` > **Analogy:** An **Absolute URL** is like giving your FULL home address to a stranger — they can find you from ANYWHERE in the world. A **Relative URL** is like telling your ROOMMATE "my room is down the hall" — this only makes sense if they're ALREADY inside your house! --- ## 10.6 🌐 WebSite A **Website** is a COLLECTION of related webpages, hosted together under ONE domain name. ### 10.6.1 Components of a Website 🧩 ```mermaid graph TD SITE["🌐 Website"] HOME["🏠 Homepage\n(the main entry page)"] NAV["🧭 Navigation Menu\n(links to other pages)"] CONTENT["📄 Content Pages\n(actual information)"] FOOTER["📌 Footer\n(contact, copyright info)"] SITE --> HOME SITE --> NAV SITE --> CONTENT SITE --> FOOTER style SITE fill:#4CAF50,color:#fff ``` ::: grid ::: card 🏠 | Homepage | The FIRST page visitors usually see | Like the cover page of a book ::: card 🧭 | Navigation | Menu/links to move between pages | Like a book's table of contents ::: card 📄 | Web Pages | Individual pages with actual content | Chapters of the book ::: card 🌐 | Domain Name | The website's unique address | csip12.in ::: card 🖥️ | Hosting | The server space where all files live | The "shelf" holding the whole book ::: > [!IMPORTANT] > **Board Exam Tip** > "List the main components of a website." — **2-mark** question! > Answer: Homepage, Navigation menu, multiple Web pages (content), Domain name, and Web Hosting (server space). --- ## 10.7 📄 Web Pages A **Web Page** is a SINGLE document within a website, viewable through a browser. ### 10.7.1 Components of a Webpage 🧩 ```mermaid graph TD PAGE["📄 Webpage"] HEAD["📋 Head Section\n(title, metadata — NOT visible)"] BODY["👁️ Body Section\n(visible content)"] TEXT["📝 Text"] IMG["🖼️ Images"] LINK["🔗 Hyperlinks"] PAGE --> HEAD PAGE --> BODY BODY --> TEXT BODY --> IMG BODY --> LINK style PAGE fill:#2196F3,color:#fff ``` ::: grid ::: card 📋 | Head | Contains the TITLE (shown on the browser tab) and hidden metadata | Not visible to the reader ::: card 📝 | Text | The actual written content | Paragraphs, headings ::: card 🖼️ | Images/Media | Pictures, videos, audio embedded in the page | Photos, diagrams ::: card 🔗 | Hyperlinks | Clickable text/images that jump to OTHER pages | Blue underlined text you click ::: --- ### 10.7.2 Types of Web Page — Static vs Dynamic ⚡ **THE most important comparison in this whole chapter!** ```mermaid graph LR STATIC["📄 STATIC\nFixed content\nSame for EVERYONE"] DYNAMIC["🔄 DYNAMIC\nContent CHANGES\nper user/time/data"] style STATIC fill:#9E9E9E,color:#fff style DYNAMIC fill:#4CAF50,color:#fff ``` ::: grid ::: card 📄 | Static Webpage | Content is FIXED — doesn't change unless someone manually edits it | Simple "About Us" page ::: card 🔄 | Dynamic Webpage | Content CHANGES automatically based on user, database, or time | Facebook feed, Amazon recommendations ::: **The Complete Comparison Table:** | Feature | Static Webpage | Dynamic Webpage | | :--- | :--- | :--- | | **Content** | Fixed — same for every visitor | Changes based on user/data/time | | **Technology** | Only HTML, CSS | HTML, CSS + server-side code (PHP/Python) + Database | | **Update Method** | Manually edit the code | Automatically pulls fresh data | | **Loading Speed** | Faster (no processing needed) | Slightly slower (fetches/processes data) | | **Personalisation** | None — everyone sees the same thing | High — shows YOUR specific data | | **Example** | A restaurant's fixed "Menu" page | Your Instagram feed, online banking | > **Analogy:** A **Static page** is like a PRINTED newspaper — once printed, it NEVER changes, and everyone reading it sees the exact SAME content. A **Dynamic page** is like a NEWS APP — it refreshes, shows YOU personalised news, and looks DIFFERENT for different people! > [!IMPORTANT] > **Board Exam Tip** > "Differentiate between Static and Dynamic webpages with examples." — **3-mark** question, GUARANTEED every year! > Answer: A **Static webpage** has FIXED content that stays the same for every visitor, built using only HTML/CSS (e.g., a company's "Contact Us" page). A **Dynamic webpage** has content that changes automatically based on user interaction or database updates, using server-side technology (e.g., Facebook newsfeed, e-commerce product pages). --- ### 10.7.3 Difference between a Webpage and Website 📖 ::: grid ::: card 📄 | Webpage | ONE single document | One specific page — like "Chapter 10 Notes" ::: card 🌐 | Website | A COLLECTION of multiple webpages | The WHOLE site — home, notes, quiz, all together ::: | Feature | Webpage | Website | | :--- | :--- | :--- | | **Definition** | A single document | A collection of related webpages | | **URL** | Has its own specific URL | Has a main domain name | | **Example** | `csip12.in/notes/chapter10` | `csip12.in` (entire site) | > **Analogy — Book vs Library Shelf!** A **Webpage** is like ONE PAGE in a book. A **Website** is like the ENTIRE BOOK — many pages bound together under one cover! > [!IMPORTANT] > **Board Exam Tip** > "Differentiate between a Webpage and a Website." — **2-mark** question, asked EVERY year! > Answer: A **Webpage** is a SINGLE document with its own unique URL. A **Website** is a COLLECTION of multiple related webpages, grouped together under one common domain name. --- ## 10.8 🧭 Web Browsers A **Web Browser** is software that lets you REQUEST and DISPLAY webpages — your window into the World Wide Web! ```mermaid graph LR YOU["👤 You"] BROWSER["🧭 Web Browser\n(Chrome, Firefox...)"] SERVER["🖥️ Web Server"] YOU --> BROWSER -->|"Requests page"| SERVER -->|"Sends page"| BROWSER --> YOU style BROWSER fill:#2196F3,color:#fff ``` ### 10.8.1 Web Browser Toolbar 🛠️ ```mermaid graph TD TB["🛠️ Browser Toolbar"] BACK["⬅️ Back Button"] FORWARD["➡️ Forward Button"] REFRESH["🔄 Refresh/Reload"] HOME["🏠 Home Button"] ADDRESS["🔗 Address Bar\n(type URL here)"] BOOKMARK["⭐ Bookmark/Favourites"] TB --> BACK TB --> FORWARD TB --> REFRESH TB --> HOME TB --> ADDRESS TB --> BOOKMARK style TB fill:#9C27B0,color:#fff ``` ::: grid ::: card ⬅️ | Back/Forward | Navigate to previous/next visited page | Like flipping back/forward through book pages ::: card 🔄 | Refresh | Reloads the current page (gets latest version) | Useful if a page seems stuck or outdated ::: card 🏠 | Home Button | Takes you to your set HOMEPAGE | Your browser's "default starting page" ::: card 🔗 | Address Bar | Where you type the URL/search term | The "steering wheel" of your browsing ::: card ⭐ | Bookmarks | Save favourite pages for quick access later | Like a bookmark in a physical book ::: --- ### 10.8.2 Browser Settings ⚙️ Browsers let you CUSTOMISE your browsing experience: | Setting | What it Controls | | :--- | :--- | | **Homepage** | Which page opens when the browser starts | | **Default Search Engine** | Google, Bing, DuckDuckGo, etc. | | **Privacy & Security** | Clearing history, blocking trackers, managing cookies | | **Downloads** | Where downloaded files are saved | | **Extensions/Add-ons** | Installing extra tools (ad blockers, grammar checkers) | | **Notifications** | Allow/block websites from sending you popups | > [!IMPORTANT] > **Board Exam Tip** > "What is a Web Browser? Name two commonly used browsers." — **2-mark** question! > Answer: A **Web Browser** is software used to access and display webpages from the Internet. Examples: **Google Chrome**, **Mozilla Firefox**, Safari, Microsoft Edge. --- ## 10.9 📧 Internet Applications Beyond just browsing the Web, the Internet powers MANY other daily-use services! ### 10.9.1 E-mail (Electronic Mail) 📬 **Email** lets you send and receive electronic letters/messages instantly, anywhere in the world. ```mermaid graph LR SENDER["📤 Sender's\nEmail Client"] SMTP1["📮 Sender's\nMail Server"] SMTP2["📬 Receiver's\nMail Server"] RECEIVER["📥 Receiver's\nEmail Client"] SENDER -->|"SMTP"| SMTP1 -->|"SMTP"| SMTP2 -->|"POP3/IMAP"| RECEIVER style SMTP1 fill:#FF9800,color:#fff style SMTP2 fill:#FF9800,color:#fff ``` ::: grid ::: card ⚡ | Speed | Delivered in SECONDS, not days like a postal letter | Instant global communication ::: card 📎 | Attachments | Can send documents, images, videos along with the message | Sending a project file to your teacher ::: card 💰 | Free/Cheap | Most email services are FREE to use | Gmail, Yahoo Mail — no cost! ::: --- ### 10.9.2 Protocols Used in Email 📋 ::: grid ::: card 📤 | SMTP | Simple Mail Transfer Protocol — used to SEND emails | Your client → your mail server → recipient's server ::: card 📥 | POP3 | Post Office Protocol — DOWNLOADS email to your device, then DELETES from server | Good for single-device users ::: card 🔄 | IMAP | Internet Message Access Protocol — KEEPS email on server, SYNCS across devices | Good for multi-device users (phone + laptop) ::: **POP3 vs IMAP — Quick Comparison:** | Feature | POP3 | IMAP | | :--- | :--- | :--- | | **Email storage** | Downloaded to ONE device, removed from server | Stays on SERVER, synced everywhere | | **Multi-device access** | ❌ No — one device only | ✅ Yes — access from phone AND laptop | | **Best for** | Single device users | Users with multiple devices | > [!IMPORTANT] > **Board Exam Tip** > "Differentiate between POP3 and IMAP." — **2-mark** question, asked frequently! > Answer: **POP3** downloads emails to a single device and deletes them from the server, so they can only be accessed from that ONE device. **IMAP** keeps emails on the server and synchronises across ALL devices, allowing access from a phone, laptop, or any device simultaneously. --- ## 10.10 💬 Chat **Chat** is real-time TEXT-based communication between two or more users over the Internet. ```mermaid graph LR USER1["👤 User 1"] SERVER["☁️ Chat Server"] USER2["👤 User 2"] USER1 <-->|"Instant messages"| SERVER <-->|"Instant messages"| USER2 style SERVER fill:#4CAF50,color:#fff ``` ### 10.10.1 Commonly Used Type of Chat 💬 ::: grid ::: card 👥 | One-to-One Chat | Private conversation between TWO people | WhatsApp DM to a friend ::: card 👨‍👩‍👧‍👦 | Group Chat | Conversation among MULTIPLE people at once | Class WhatsApp group ::: card 🌐 | Web-based Chat | Chat directly through a WEBSITE, no app needed | Live chat support on a shopping site ::: > **Analogy:** Chat is like passing NOTES in class, but INSTANTLY — no need to fold the paper and pass it hand-to-hand; it reaches the other person immediately, no matter how far away they are! > [!IMPORTANT] > **Board Exam Tip** > "What is Chat? Give one example." — **1-mark** question! > Answer: **Chat** is a real-time text-based communication service over the Internet. Example: WhatsApp, Telegram. --- ## 10.11 📞 Voice Over Internet Protocol (VoIP) **VoIP** converts your VOICE into DATA PACKETS and sends it over the Internet — instead of using traditional telephone lines! ```mermaid graph LR MIC["🎤 Your Voice\n(Analog Sound)"] CONV["⚙️ Converted to\nDigital Data Packets"] NET["🌐 Sent over\nthe Internet"] SPK["🔊 Converted back\nto Sound for Listener"] MIC --> CONV --> NET --> SPK style CONV fill:#2196F3,color:#fff style NET fill:#4CAF50,color:#fff ``` ::: grid ::: card 💰 | Cost | Dramatically CHEAPER (often FREE) than traditional international calls | WhatsApp calls cost NOTHING extra! ::: card 🌍 | Examples | WhatsApp Call, Zoom, Google Meet, Skype | You probably use VoIP every day! ::: card 📶 | Requirement | Needs a good, stable Internet connection | Poor internet = choppy/broken call quality ::: > **Analogy:** Traditional phone calls are like sending a letter through a DEDICATED private courier (expensive, especially internationally). VoIP is like sending that SAME message using the regular Internet "postal system" you already have — MUCH cheaper, sometimes FREE! > [!IMPORTANT] > **Board Exam Tip** > "What is VoIP? Give one example." — **1-mark** question, VERY common! > Answer: **VoIP (Voice over Internet Protocol)** allows voice/video calls to be made over the Internet instead of traditional phone lines, converting voice into data packets. Example: WhatsApp Call, Skype, Zoom. --- ## ⚠️ Common Errors and Misconceptions | Mistake | What's Wrong | Correct Understanding | | :--- | :--- | :--- | | ❌ Internet and WWW are the same | WWW is just ONE service ON the Internet | ✅ Internet = infrastructure; WWW = webpages service | | ❌ Webpage and Website mean the same | A website contains MANY webpages | ✅ Webpage = ONE document; Website = COLLECTION of webpages | | ❌ All webpages behave the same way | Static and Dynamic pages work very differently | ✅ Static = fixed forever; Dynamic = changes automatically | | ❌ POP3 and IMAP work identically | They handle multi-device access very differently | ✅ POP3 = one device only; IMAP = synced across devices | | ❌ Absolute and Relative URLs are interchangeable | Relative URLs only work WITHIN the same site | ✅ Absolute URL works from anywhere; Relative URL is a shortcut | | ❌ VoIP is the same as a regular phone call | Uses completely different technology | ✅ VoIP sends voice as DATA over the Internet, not through phone lines | --- ## 🔑 Quick Revision — Exam Ready! **Internet & WWW:** ``` Internet = Physical global network (infrastructure) WWW = ONE service (linked webpages) running ON the Internet ``` **URL Elements:** ``` Protocol :// Domain Name : Port / Path ? Query # Fragment ``` **Website vs Webpage:** ``` Webpage = ONE document Website = Collection of MULTIPLE webpages ``` **Static vs Dynamic:** ``` Static = Fixed content, HTML/CSS only Dynamic = Changes per user, needs server-side code + database ``` **Email Protocols:** ``` SMTP = Sends email POP3 = Downloads to ONE device, deletes from server IMAP = Syncs across ALL devices, stays on server ``` **Other Applications:** ``` Chat = Real-time TEXT communication VoIP = Voice/video calls over the Internet (not phone lines) ``` --- ## 🎯 Sample Board Exam Questions ### Q1: Very Short Answer [1 mark each] a) Who invented the World Wide Web, and in which year? **→ Tim Berners-Lee, in 1989** b) What is the full form of URL? **→ Uniform Resource Locator** c) Name any two email protocols. **→ Any two of: SMTP, POP3, IMAP** d) What is VoIP? **→ Voice over Internet Protocol — allows voice/video calls over the Internet** e) Name any two commonly used web browsers. **→ Any two of: Google Chrome, Mozilla Firefox, Safari, Microsoft Edge** --- ### Q2: Short Answer [2 marks] **Q: Differentiate between Internet and WWW.** The **Internet** is the global physical network of interconnected computers and networks. **WWW** is a service that runs on the Internet, consisting of linked webpages accessed via a browser. The Internet also supports OTHER services (Email, Chat, VoIP) besides WWW. --- ### Q3: Short Answer [3 marks] **Q: Differentiate between Static and Dynamic webpages with examples.** | Feature | Static | Dynamic | | :--- | :--- | :--- | | Content | Fixed for all users | Changes per user/data | | Technology | HTML, CSS only | HTML, CSS + server code + database | | Example | Simple "Contact Us" page | Facebook feed, Amazon recommendations | --- ### Q4: Short Answer [2 marks] **Q: Differentiate between POP3 and IMAP.** **POP3** downloads emails to a single device and removes them from the server — accessible from only that ONE device. **IMAP** keeps emails on the server and syncs across ALL devices — accessible from phone, laptop, etc., simultaneously. --- ### Q5: Short Answer [2 marks] **Q: What are the elements of a URL? Explain with an example.** A URL has three main elements: **Protocol** (how to fetch, e.g., https://), **Domain Name** (website address, e.g., www.csip12.in), and **Path** (specific page, e.g., /notes/chapter10). Example: `https://www.csip12.in/notes/chapter10` --- ## ✏️ Practice Problems 1. Draw a diagram showing the relationship between the Internet, WWW, and a Web Browser. 2. Identify each URL part in: `https://www.school.edu.in/results/2026?class=12` 3. Explain the difference between an Absolute URL and a Relative URL with one example each. 4. List the components of a website and briefly explain each one. 5. A company website has a fixed "About Us" page and a personalised "My Orders" page that shows different content for each logged-in user. Identify which is Static and which is Dynamic, with reasoning. 6. Explain why IMAP is preferred over POP3 for someone who checks email on both their phone and laptop. 7. What is the role of a Web Server in displaying a webpage when you type a URL? Explain step-by-step. 8. List three types of chat and give a real-world example of each. 9. Explain why VoIP calls are usually cheaper than traditional international phone calls. 10. Differentiate between a Webpage and a Website using a real-world analogy of your own (not the book vs library example).