The previous chapter explained what a network is; this one looks at how networks run in practice. It covers the devices that connect networks (modem, NIC, hub, switch, repeater, bridge, router and gateway), the protocols that govern data transfer (HTTP, FTP, TCP/IP, PPP, the email protocols, VoIP and Telnet), and internetworking concepts such as the WWW, URLs and domain names, DNS, web hosting, HTML and XML, and network protection methods.

8.1 🏁 Introduction

In Chapter 8, we learnt what computer networks are, how they're classified, and what media carries data. Now we zoom into:

Think of it this way: Chapter 8 gave you the map of the road system. Chapter 9 gives you the traffic lights, vehicles, and highway rules that make the whole thing work!

8.2 🔧 Network Devices

Network devices are the hardware components that build, extend, connect, and control data flow in a network. Each device operates at a specific layer of the OSI model — this determines what it can "see" and "decide".

8.2.1 Modem 📡

Modem = MOdulator + DEModulator — the device that converts signals so data can travel over telephone lines!

Why is it needed? Your computer works with digital signals (binary 0s and 1s). But old telephone lines carry analog signals (continuous waves). A modem bridges this gap — it's a signal translator!

graph LR
    PC["💻 Your PC\nDigital Signal\n(0s and 1s)"]
    MOD["📡 MODEM\nModulates:\nDigital → Analog"]
    PHONE["📞 Phone Line\nAnalog Signal\n(Sound waves)"]
    DEMOD["📡 MODEM\nDemodulates:\nAnalog → Digital"]
    RPC["💻 Receiver's PC\nDigital Signal\n(0s and 1s)"]

    PC -->|"Send"| MOD
    MOD -->|"Analog"| PHONE
    PHONE -->|"Analog"| DEMOD
    DEMOD -->|"Digital"| RPC

    style PC fill:#4CAF50,color:#fff
    style MOD fill:#9C27B0,color:#fff
    style PHONE fill:#FF9800,color:#fff
    style DEMOD fill:#9C27B0,color:#fff
    style RPC fill:#2196F3,color:#fff

Types of Modems:

Characteristics:

8.2.2 RJ-45 🔌

RJ-45 (Registered Jack 45) is the standard connector used at the end of Ethernet (twisted pair) cables. It's not a network device per se — it's the plug that connects devices to the network.

Physical Description:

┌──────────────────────────────────┐
│      RJ-45 Connector           │
│  ┌────────────────────────┐      │
│  │ Pin: 8  7  6  5  4  3  2  1│
│  │      ●  ●  ●  ●  ●  ●  ●  ●│  ← 8 metal pins
│  └────────────────────────┘      │
│  (Wider than RJ-11 phone jack)│
└──────────────────────────────────┘

Key Facts:

8.2.3 NIC — Network Interface Card 🎴

NIC (Network Interface Card) is the hardware component installed inside every computer that physically connects it to a network. Without an NIC, a computer literally cannot join a network!

Key Facts:

Types of NIC:

8.2.4 Hub 🔵

A Hub is the simplest and dumbest network connectivity device. It connects multiple computers in a star topology — but it's completely unintelligent about where data goes!

How Hub works:

PC1 sends a frame to PC3
         ↓
Hub receives it on Port 1
         ↓
Hub BROADCASTS it to ALL other ports (2, 3, 4, 5...)
         ↓
ALL computers receive the frame!
PC3 accepts it; PC2, PC4, PC5 DISCARD it

Characteristics:

8.2.5 Switch 🔀 (The Smart Hub!)

A Switch is the intelligent evolution of the Hub. It learns which device is connected to which port (by reading MAC addresses) and sends data only to the correct destination — no broadcasting to everyone!

How a Switch works — MAC Address Table:

Step 1: PC1 (MAC: AA:AA) connects to Port 1
        PC2 (MAC: BB:BB) connects to Port 2
        PC3 (MAC: CC:CC) connects to Port 3

Step 2: Switch builds a MAC Table:
        ┌──────────┬──────┐
        │ MAC Addr │ Port │
        ├──────────┼──────┤
        │ AA:AA    │  1   │
        │ BB:BB    │  2   │
        │ CC:CC    │  3   │
        └──────────┴──────┘

Step 3: PC1 sends data to PC3 (MAC: CC:CC)
        Switch looks up MAC table → CC:CC is on Port 3
        Switch sends ONLY to Port 3 — PC2 never sees it!

graph TD
    SW["🔀 SWITCH\n(MAC Address Table)\nSends only to target port!"]
    P1["💻 PC 1\nMAC: AA:AA\n(Port 1)"]
    P2["💻 PC 2\nMAC: BB:BB\n(Port 2)"]
    P3["💻 PC 3\nMAC: CC:CC\n(Port 3)"]
    P4["🖨️ Printer\nMAC: DD:DD\n(Port 4)"]

    SW -->|"Port 1"| P1
    SW -->|"Port 2"| P2
    SW -->|"Port 3 ← data goes HERE only"| P3
    SW -->|"Port 4"| P4

    style SW fill:#2196F3,color:#fff
    style P3 fill:#4CAF50,color:#fff
    style P1 fill:#9E9E9E,color:#fff
    style P2 fill:#9E9E9E,color:#fff
    style P4 fill:#9E9E9E,color:#fff

Hub vs Switch — Definitive Comparison:

8.2.6 Repeater 📶

A Repeater is a device that receives a weakened/degraded signal and regenerates (amplifies) it to its original strength before retransmitting. It fights signal attenuation — the natural weakening of signals over distance!

graph LR
    A["📡 Source\nStrong Signal\n████████"]
    B["~~~~~~~~~~~~~\nWeak Signal Over\nLong Distance\n▒▒░░░░░░"]
    REP["🔄 REPEATER\nAmplifies &\nRegenerates!"]
    C["~~~~~~~~~~~~~\nStrong Signal\nAgain!\n████████"]
    D["📥 Destination"]

    A --> B
    B --> REP
    REP --> C
    C --> D

    style A fill:#4CAF50,color:#fff
    style REP fill:#FF9800,color:#fff
    style D fill:#2196F3,color:#fff

Characteristics:

8.2.7 Bridge 🌉

A Bridge connects two LAN segments and filters traffic between them using MAC addresses. It's smarter than a Repeater — it can decide whether to forward or block frames!

How Bridge works:

Segment A ──────────[ BRIDGE ]────────────── Segment B
PC1, PC2, PC3        reads MAC           PC4, PC5, PC6

Rule: IF destination MAC is in same segment → BLOCK (don't forward)
      IF destination MAC is in other segment → FORWARD across bridge

graph LR
    subgraph SegA["Segment A"]
        PC1["💻 PC1\nMAC: A1"]
        PC2["💻 PC2\nMAC: A2"]
    end
    BRIDGE["🌉 BRIDGE\nReads MAC\nFilters traffic"]
    subgraph SegB["Segment B"]
        PC3["💻 PC3\nMAC: B1"]
        PC4["💻 PC4\nMAC: B2"]
    end

    PC1 --- BRIDGE
    PC2 --- BRIDGE
    BRIDGE --- PC3
    BRIDGE --- PC4

    style BRIDGE fill:#9C27B0,color:#fff

Characteristics:

8.2.8 Router 🗺️ (The Internet's Navigation System!)

A Router is the most intelligent and critical device in modern networking. It connects different networks and uses IP addresses to determine the best path for each packet to reach its destination.

Real-world analogy: If a Switch is like a post office that delivers letters within your city using street addresses (MAC), then a Router is like the GPS navigation system that routes letters across the country using postal codes (IP addresses)!

How Router works — Routing Table:

Packet arrives with destination IP: 192.168.2.5

Router checks its Routing Table:
┌────────────────────┬──────────────┬──────────┐
│ Destination Network│ Next Hop     │ Interface│
├────────────────────┼──────────────┼──────────┤
│ 192.168.1.0/24     │ Direct       │ eth0     │
│ 192.168.2.0/24     │ 10.0.0.2     │ eth1     │  ← Match! Forward here
│ 0.0.0.0/0          │ 10.0.0.1     │ eth1     │  (default route)
└────────────────────┴──────────────┴──────────┘
→ Router sends packet out through eth1 toward 10.0.0.2

graph TD
    HOME["🏠 Home Network\n192.168.1.x\n(LAN)"]
    ROUTER["🗺️ ROUTER\nReads IP addresses\nFinds best path\nConnects networks"]
    ISP["🌐 ISP Network\n203.x.x.x\n(WAN)"]
    INTERNET["🌍 The Internet\n(Multiple Networks)"]

    HOME <-->|"Local IP\n192.168.1.x"| ROUTER
    ROUTER <-->|"Public IP\n203.x.x.x"| ISP
    ISP <-->|"Routing"| INTERNET

    style HOME fill:#4CAF50,color:#fff
    style ROUTER fill:#F44336,color:#fff
    style ISP fill:#FF9800,color:#fff
    style INTERNET fill:#2196F3,color:#fff

Characteristics:

Router vs Switch vs Hub — Final Comparison:

8.2.9 Gateway 🚪 (The Universal Translator!)

A Gateway is the most complex of these network devices. It connects two completely different networks that use different protocols, architectures, or data formats — it translates everything!

Perfect Analogy: If a Router is like a GPS routing your car between two cities, a Gateway is like a customs office at an international border — translating not just addresses, but entire languages, documents, and rules between two completely different countries (protocols)!

graph LR
    NET1["🏢 Corporate Network\nUsing TCP/IP\nProtocol Suite A"]
    GW["🚪 GATEWAY\nProtocol Conversion\nFull Translation\n(All 7 OSI Layers)"]
    NET2["🏭 Industrial Network\nUsing SNA/X.25\nProtocol Suite B"]

    NET1 <-->|"Different\nprotocol"| GW
    GW <-->|"Different\nprotocol"| NET2

    style GW fill:#F44336,color:#fff
    style NET1 fill:#4CAF50,color:#fff
    style NET2 fill:#2196F3,color:#fff

Characteristics:

Gateway    ← Most intelligent (all 7 layers, protocol translation)
   ↑
Router     ← Layer 3, reads IP, routes between networks
   ↑
Switch     ← Layer 2, reads MAC, sends to correct port
   ↑
Bridge     ← Layer 2, reads MAC, filters between 2 segments
   ↑
Repeater/Hub ← Layer 1, just amplifies/broadcasts (no intelligence)

8.2.10 WiFi Card 📶

A WiFi Card (Wireless NIC / WNIC) is the wireless version of an NIC — it allows a device to connect to a network without physical cables, using radio waves instead.

WiFi Standards Evolution:

8.2.11 Network Devices and Components — Checklists

Complete Summary and Comparison:

Quick-Select Guide — "Which device should I use?"

graph TD
    Q1{"What do you need to do?"}
    Q1 -->|"Extend cable range"| REP["Use a REPEATER"]
    Q1 -->|"Connect devices in same network"| Q2{"Budget / Need?"}
    Q2 -->|"Basic / cheapest"| HUB["Use a HUB\n(not recommended)"]
    Q2 -->|"Smart, efficient"| SW["Use a SWITCH ✅"]
    Q1 -->|"Connect two LAN segments"| BR["Use a BRIDGE"]
    Q1 -->|"Connect to Internet / different network"| RT["Use a ROUTER ✅"]
    Q1 -->|"Connect totally different protocol networks"| GW["Use a GATEWAY"]

    style REP fill:#4CAF50,color:#fff
    style SW fill:#2196F3,color:#fff
    style RT fill:#FF9800,color:#fff
    style GW fill:#F44336,color:#fff
    style HUB fill:#9E9E9E,color:#fff
    style BR fill:#9C27B0,color:#fff

8.3 📋 Network Protocols

A Protocol is a set of rules and conventions that govern how data is transmitted between devices in a network. Without protocols, networked computers cannot communicate — even if all the cables and hardware are perfect!

Real-world Analogy: Imagine two people meeting. Protocol says: shake hands, introduce yourself, speak in turn, say goodbye when done. Computer protocols work exactly the same — they specify HOW to initiate, conduct, and end communication!

Protocol Key Properties:

• Syntax — What format does the data take?
• Semantics — What does each section of data mean?
• Timing — When to send? How fast?

8.3.1 HTTP — Hypertext Transfer Protocol 🌐

HTTP is the foundation protocol of the World Wide Web — the set of rules your browser uses to request web pages and web servers use to respond!

How HTTP works — Request/Response Model:

graph LR
    B["🌐 Browser\n(Client)\nChrome/Firefox"]
    S["🖥️ Web Server\nApache/Nginx"]

    B -->|"HTTP REQUEST\nGET /index.html HTTP/1.1\nHost: csip12.in"| S
    S -->|"HTTP RESPONSE\n200 OK\nContent: HTML page"| B

    style B fill:#4CAF50,color:#fff
    style S fill:#2196F3,color:#fff

HTTP Methods (the verbs of the Web!):

HTTP Response Codes — The Web's Status Messages:

HTTP vs HTTPS:

8.3.2 FTP — File Transfer Protocol 📁

FTP is the standard protocol for transferring files between computers over a network. It's like having a secure courier service specifically designed for files!

FTP uses TWO connections simultaneously:

Control Connection (Port 21) — Commands: "login", "list directory", "get file"
Data Connection   (Port 20) — Actual file data transfer

graph LR
    FTP_C["💻 FTP Client\n(Your PC)"]
    FTP_S["🖥️ FTP Server\n(Remote)"]

    FTP_C -->|"Control Channel\nPort 21\nCommands"| FTP_S
    FTP_C <-->|"Data Channel\nPort 20\nActual Files"| FTP_S

    style FTP_C fill:#4CAF50,color:#fff
    style FTP_S fill:#2196F3,color:#fff

FTP Modes:

Common FTP Commands:

8.3.3 TCP/IP — The Internet's Core Protocol Suite 🌐

TCP/IP is not one protocol — it's a suite (family) of protocols that forms the backbone of the Internet. It's so fundamental that the Internet is sometimes called "The TCP/IP Network."

TCP/IP consists of TWO main protocols:

TCP — How Reliable Delivery Works:

graph LR
    S["📤 Sender"]
    R["📥 Receiver"]

    S -->|"1. SYN\n'Can we talk?'"| R
    R -->|"2. SYN-ACK\n'Yes, ready!'"| S
    S -->|"3. ACK\n'Great, sending...'"| R
    S -->|"4. DATA Packets\n(numbered)"| R
    R -->|"5. ACK for each packet\n'Got it!'"| S
    S -->|"6. Missing packet?\nRetransmit!"| R

    style S fill:#4CAF50,color:#fff
    style R fill:#2196F3,color:#fff

TCP vs UDP — The Two Transport Protocols:

The TCP/IP Four-Layer Model:

graph TD
    A["📱 Application Layer\n(HTTP, FTP, SMTP, DNS)\nWhat applications use"]
    B["🔄 Transport Layer\n(TCP, UDP)\nEnd-to-end communication"]
    C["🌐 Internet Layer\n(IP, ICMP)\nRouting and addressing"]
    D["🔌 Network Access Layer\n(Ethernet, WiFi, ARP)\nPhysical transmission"]

    A --> B
    B --> C
    C --> D

    style A fill:#F44336,color:#fff
    style B fill:#FF9800,color:#fff
    style C fill:#4CAF50,color:#fff
    style D fill:#2196F3,color:#fff

8.3.4 SLIP and PPP 📞

These are two older protocols used for dial-up / serial line Internet connections — connecting computers over telephone lines or serial ports.

SLIP vs PPP Comparison:

8.3.5 Protocols Used in Email 📧

Email uses three different protocols — one for sending, two for receiving!

graph LR
    S["📤 Sender's\nEmail Client\n(Gmail/Outlook)"]
    SMTP_S["📮 Sender's\nMail Server\n(gmail SMTP)"]
    SMTP_R["📬 Receiver's\nMail Server\n(yahoo SMTP)"]
    R["📥 Receiver's\nEmail Client\n(Yahoo Mail)"]

    S -->|"SMTP\n(Port 25/587)\nSend"| SMTP_S
    SMTP_S -->|"SMTP\n(Server to Server)"| SMTP_R
    SMTP_R -->|"POP3 (Port 110)\nor IMAP (Port 143)\nDownload"| R

    style S fill:#4CAF50,color:#fff
    style SMTP_S fill:#FF9800,color:#fff
    style SMTP_R fill:#FF9800,color:#fff
    style R fill:#2196F3,color:#fff

The Three Email Protocols:

POP3 vs IMAP — The Critical Difference:

8.3.6 VoIP — Voice over Internet Protocol 📞

VoIP converts your voice (analog sound) into digital data packets and sends them over the Internet — instead of through traditional telephone networks. This is how WhatsApp, Skype, and Google Meet make calls!

graph LR
    MIC["🎤 Your Voice\n(Analog Sound)"]
    ADC["⚙️ ADC\nAnalog → Digital\nConversion"]
    PKT["📦 Voice Packets\n(Data over Internet)"]
    DAC["⚙️ DAC\nDigital → Analog\nConversion"]
    SPK["🔊 Friend's\nSpeaker"]

    MIC --> ADC
    ADC --> PKT
    PKT -->|"Internet"| DAC
    DAC --> SPK

    style MIC fill:#4CAF50,color:#fff
    style PKT fill:#2196F3,color:#fff
    style SPK fill:#FF9800,color:#fff

VoIP vs Traditional Phone:

8.3.7 Telnet 💻

Telnet (TELetype NETwork) is a protocol that allows you to remotely log in and control another computer over a network — as if you were sitting right in front of it!

graph LR
    LOCAL["💻 Your PC\nLocal Terminal\n(Durgapur)"]
    NET["🌐 Network\n(Internet)"]
    REMOTE["🖥️ Remote Server\n(Mumbai)\nYou control this!"]

    LOCAL -->|"Telnet Port 23\nKeyboard input"| NET
    NET -->|"Text output\nback to you"| LOCAL
    LOCAL -->|"Connected to"| REMOTE

    style LOCAL fill:#4CAF50,color:#fff
    style REMOTE fill:#F44336,color:#fff

Key Facts about Telnet:

Protocol Port Number Quick Reference:

8.4 🌐 Internetworking Terms and Concepts

This section covers the vocabulary and concepts of the World Wide Web — the part of the Internet you interact with every day. From URLs to HTML to cybersecurity, this section is critical for board exams!

8.4.1 WWW — World Wide Web 🕸️

WWW (World Wide Web) is a system of interlinked hypertext documents (web pages) that are accessed via the Internet using a web browser.

Key Facts:

Internet vs WWW — The Critical Distinction:

THE INTERNET (The Infrastructure)
├── World Wide Web (HTTP, websites) 🌐
├── Email (SMTP, POP3, IMAP) 📧
├── File Transfer (FTP) 📁
├── VoIP Calls (WhatsApp, Skype) 📞
├── Online Gaming 🎮
└── many more services...

The Internet is the physical highway system. The WWW is just one type of vehicle (websites) that uses those highways. Email is another vehicle, FTP is another, VoIP is another!

8.4.2 Web Browser and Web Server 🖥️

Web Browser: A web browser is client software that retrieves and displays web pages from the Internet. It's your window to the World Wide Web!

Web Server: A web server is software/hardware that stores, processes, and serves web pages to browsers on request.

Browser-Server Interaction:

1. You type "www.csip12.in" in Chrome
2. Chrome sends HTTP GET request to csip12.in's web server
3. Web server processes request → finds index.html
4. Web server sends HTTP 200 response with HTML content
5. Chrome receives HTML, CSS, JS → renders the beautiful page!

8.4.3 Web Sites, Web Addresses and Web Pages 📄

Types of Web Pages:

8.4.4 URL and Domain Names 🔗

URL (Uniform Resource Locator) is the complete web address that uniquely identifies any resource on the Internet. It's like the full postal address for any specific thing on the Web!

Anatomy of a URL:

https   ://   www.csip12.in   :443   /chapter8   /functions.html   ?topic=scope   #section3
  ↑              ↑               ↑         ↑              ↑              ↑              ↑
Protocol    Domain Name        Port    Directory       File Name       Query         Anchor/
(Scheme)                    (optional)               (Resource)    Parameter      Fragment

Breaking down https://mail.google.com/mail/u/0/#inbox:

Domain Names:

Domain names are the human-readable part of URLs. Structure:

    subdomain   .   second-level-domain   .   TLD
       www      .         google          .   com
       mail     .         csip12          .   in

Country Code TLDs (ccTLDs):

8.4.5 Domain Name System (DNS) 🗄️

DNS (Domain Name System) is the Internet's distributed phone book / directory service — it translates human-readable domain names into machine-readable IP addresses.

DNS Resolution — Step by Step:

graph TD
    U["👤 You type:\nwww.csip12.in"]
    CACHE{"🔍 Browser Cache\nKnows the IP?"}
    RES["📡 Recursive Resolver\n(Your ISP's DNS server)"]
    ROOT["🌍 Root Name Server\n(Knows TLD servers)"]
    TLD_S["🗄️ TLD Name Server\nfor .in domain"]
    AUTH["🖥️ Authoritative Server\nfor csip12.in\n(Has the answer!)"]
    IP["✅ IP: 123.45.67.89"]
    SITE["🌐 csip12.in\nLoads!"]

    U --> CACHE
    CACHE -->|"No — ask DNS"| RES
    RES -->|"Ask Root"| ROOT
    ROOT -->|"Try .in TLD server"| RES
    RES -->|"Ask TLD"| TLD_S
    TLD_S -->|"Try csip12.in auth server"| RES
    RES -->|"Ask Authoritative"| AUTH
    AUTH -->|"IP = 123.45.67.89"| RES
    RES -->|"Cache & return IP"| U
    U --> SITE

    style U fill:#4CAF50,color:#fff
    style AUTH fill:#F44336,color:#fff
    style IP fill:#FF9800,color:#fff
    style SITE fill:#2196F3,color:#fff

DNS Hierarchy:

8.4.6 Web Hosting 🏠

Web Hosting is the service of renting space on a web server where your website files are stored and made accessible on the Internet 24/7.

graph LR
    FILES["📁 Your Website Files\n(HTML, CSS, images, JS)"]
    UPLOAD["⬆️ Upload via FTP"]
    HOST["🖥️ Web Hosting Server\n(Always ON, Connected to Internet)"]
    VISITORS["👥 Website Visitors\nWorldwide"]

    FILES --> UPLOAD
    UPLOAD --> HOST
    HOST -->|"HTTP Response"| VISITORS

    style FILES fill:#4CAF50,color:#fff
    style HOST fill:#F44336,color:#fff
    style VISITORS fill:#2196F3,color:#fff

Types of Web Hosting:

Popular Web Hosting Providers:

8.4.7 Web 2.0 and Web 3.0 🔮

The Web has evolved through distinct generations, each transforming how we interact with the Internet!

graph LR
    W1["📄 Web 1.0\n(1991-2004)\nRead-only Web\nStatic pages\nOne-way info"]
    W2["👥 Web 2.0\n(2004-Now)\nRead-Write Web\nUser-generated content\nSocial media"]
    W3["🔮 Web 3.0\n(Emerging)\nRead-Write-Own Web\nSemantic, AI-driven\nDecentralised"]

    W1 --> W2
    W2 --> W3

    style W1 fill:#9E9E9E,color:#fff
    style W2 fill:#2196F3,color:#fff
    style W3 fill:#9C27B0,color:#fff

Web 1.0 (1991–2004) — The Read-Only Web:

Web 2.0 (2004–Present) — The Interactive Web:

Web 2.0 Examples:

Web 3.0 (Emerging) — The Semantic / Decentralised Web:

8.4.8 HTML — HyperText Markup Language 📝

HTML is the standard language for creating web pages. It defines the structure and content of a webpage using "tags".

What HTML does:

Structure → what's on the page and its organisation
Content  → the actual text, images, links
Semantics → what elements MEAN (heading, paragraph, list)

HTML is NOT programming — it's MARKUP! It doesn't have logic or calculations. It just describes what should appear on a page.

Basic HTML Structure:

<!-- basic_page.html -->
<!DOCTYPE html>           <!-- Tells browser: this is HTML5 -->
<html>                    <!-- Root element — wraps everything -->
  <head>                  <!-- Metadata (not visible) -->
    <title>My Web Page</title>
  </head>
  <body>                  <!-- Visible content goes here -->
    <h1>Welcome to Class 12 CS!</h1>
    <p>Python functions are <b>awesome</b>!</p>
    <a href="https://csip12.in">Visit csip12.in</a>
    <img src="python_logo.png" alt="Python Logo">
  </body>
</html>

Important HTML Tags for Exams:

8.4.9 XML — eXtensible Markup Language 📊

XML is a flexible markup language designed for storing and transporting structured data — NOT for display (unlike HTML). XML lets you create your OWN custom tags!

HTML vs XML — The Critical Difference:

XML Example — Student Data:

<!-- student_data.xml -->
<?xml version="1.0" encoding="UTF-8"?>
<students>
    <student id="001">
        <name>Priya Sharma</name>
        <class>12</class>
        <section>A</section>
        <percentage>91.5</percentage>
    </student>
    <student id="002">
        <name>Arjun Kumar</name>
        <class>12</class>
        <section>B</section>
        <percentage>88.0</percentage>
    </student>
</students>

See how every tag is self-explanatory? <name> contains the name, <percentage> contains marks! An application reading this XML instantly understands what each piece of data means — without a separate manual!

XML Use Cases:

8.4.10 DHTML — Dynamic HTML ⚡

DHTML (Dynamic HTML) is NOT a new language — it's a combination of existing technologies working together to create interactive, dynamic web pages!

DHTML = HTML + CSS + JavaScript + DOM (Document Object Model)
         ↑        ↑         ↑              ↑
       Structure Styling  Behaviour    Access/Modify
       (content) (looks) (animation,  (page elements
                          interaction) programmatically)

What each component does:

DHTML in Action — Examples:

DHTML Example Concept:

<!-- dhtml_demo.html — Button that changes colour -->
<!DOCTYPE html>
<html>
<head>
    <style>
        #myBtn { background-color: blue; color: white; padding: 10px; }
    </style>
</head>
<body>
    <button id="myBtn" onclick="changeColour()">Click Me!</button>

    <script>
        function changeColour() {
            // JavaScript accessing DOM to change CSS
            document.getElementById("myBtn").style.backgroundColor = "red";
            document.getElementById("myBtn").innerHTML = "Colour Changed!";
        }
    </script>
</body>
</html>

8.4.11 Protection Methods 🔒

As we connect more devices and share more data online, network and web security becomes critical. Here are the key protection methods!

🔥 Firewall

A Firewall is a security system (hardware or software) that monitors and controls incoming and outgoing network traffic based on predetermined security rules. It creates a protective barrier between a trusted internal network and untrusted external networks.

graph LR
    INTERNET["🌐 Internet\n(Untrusted — threats!)"]
    FW["🔥 FIREWALL\n✅ Allows safe traffic\n❌ Blocks threats\n📋 Applies rules"]
    LAN["🏠 Your LAN\n(Trusted — safe)"]
    PC["💻 Your PCs"]

    INTERNET -->|"All traffic"| FW
    FW -->|"Only allowed\ntraffic passes"| LAN
    LAN --- PC

    style INTERNET fill:#F44336,color:#fff
    style FW fill:#FF9800,color:#fff
    style LAN fill:#4CAF50,color:#fff

Types of Firewalls:

What Firewalls Can/Cannot Do:

🍪 Cookies

Cookies are small text files stored by websites on your browser/device to remember information about you and your visit.

graph LR
    BROWSER["🌐 Your Browser"]
    SERVER["🖥️ Web Server"]

    BROWSER -->|"First visit:\nNo cookie"| SERVER
    SERVER -->|"Sets cookie:\nSet-Cookie: user=Arjun;\nsession=xyz123"| BROWSER
    BROWSER -->|"Second visit:\nSends cookie back"| SERVER
    SERVER -->|"Recognises you!\nWelcome back, Arjun!"| BROWSER

    style BROWSER fill:#4CAF50,color:#fff
    style SERVER fill:#2196F3,color:#fff

Types of Cookies:

What Cookies Are Used For:

🔐 Encryption

Encryption converts readable data (plaintext) into unreadable scrambled form (ciphertext) that can only be decoded with the correct key.

Plaintext:   "Hello Class 12!"
     ↓ Encrypt with key
Ciphertext:  "Xr8!@kPz#9mQ2Yx"
     ↓ Decrypt with key (at receiver)
Plaintext:   "Hello Class 12!"

Types used in Web:

🕵️ Hackers and Crackers

🛡️ Proxy Server

A Proxy Server acts as an intermediary between client and the Internet — requests go to proxy first, proxy forwards to Internet.

🔐 VPN — Virtual Private Network

A VPN creates an encrypted "tunnel" through the Internet, making your connection secure and private even on public WiFi.

Your Device → [Encrypted Tunnel] → VPN Server → Internet → Website

8.4.12 Related Terms 📚

Here are some other common Web and Internet terms. They are not named in the CBSE syllabus, but they are useful background:

Content and Media Terms:

Commerce and Business Terms:

Social and Community Terms:

Technical Terms:

Additional Important Terms:

💼 Case Study Based Questions — Unit II: Computer Networks

Case Study 1: A school is setting up a new computer lab. They have 30 computers, need to share one internet connection, and want to share a common printer. The lab is on one floor of a 2-storey building.

Answer the following based on the case:

a) What type of network will this be? → LAN (Local Area Network) — within one building

b) Which topology would you recommend? → Star Topology — each PC connects to a central switch; one broken cable doesn't affect others; easy to troubleshoot

c) What central connectivity device would you recommend — Hub or Switch? Why? → Switch — intelligent, sends data only to the target PC (not broadcast like Hub), dedicated bandwidth per port, more secure

d) What transmission medium would you suggest? → UTP Cat 5e / Cat 6 (Twisted Pair Cable) — cheap, easy to install, 1 Gbps speed, sufficient for 100m within the building

e) How would all 30 computers share ONE internet connection? → Using a Router — connects the LAN to the ISP's WAN, provides NAT to share one public IP among all 30 computers

Case Study 2: An organisation in Durgapur wants to connect with its branch offices in Kolkata and Asansol, and also provide employees with secure remote access from home.

Answer the following:

a) What type of network will connect the three offices? → WAN (Wide Area Network) — connects geographically distant locations

b) What device at each office handles inter-city data routing? → Router — routes packets between the office LAN and the WAN

c) How can employees securely access the company network from home? → VPN (Virtual Private Network) — creates an encrypted tunnel over the Internet, allowing secure remote access

d) What protocol would their internal email system use? → SMTP for sending, IMAP for receiving (IMAP so employees can access emails from office PC and home laptop both)

⚠️ Common Errors and Misconceptions

🎯 Sample Board Exam Questions

Q1: Very Short Answer [1 mark each]

a) Name the protocol used for secure web browsing. → HTTPS (HTTP Secure, using SSL/TLS)

b) At which OSI layer does a Router operate? → Layer 3 (Network Layer)

c) What port number does FTP use for data transfer? → Port 20

d) What does DHTML stand for? → Dynamic HTML

e) Name any one Web 2.0 website. → Any of: Facebook, YouTube, Wikipedia, Twitter, Instagram, Blogger

f) What is the full form of VoIP? → Voice over Internet Protocol

Q2: Short Answer [2 marks]

Q: Differentiate between a Hub and a Switch.

Q3: Short Answer [2 marks]

Q: Differentiate between POP3 and IMAP.

POP3 (Post Office Protocol 3, Port 110): Downloads emails from server to local device and by default deletes them from the server. Emails accessible on one device only. Ideal for users with one device and limited server storage.

IMAP (Internet Message Access Protocol, Port 143): Keeps emails on the server and synchronises across all devices. Reading on phone AND laptop shows the same inbox. Ideal for users with multiple devices.

Q4: Short Answer [3 marks]

Q: What is a Firewall? Explain its role in network security.

A Firewall is a hardware device or software system that monitors and controls incoming and outgoing network traffic based on predetermined security rules.

Role in Network Security:

1. Access Control — Blocks unauthorised users from accessing the internal network
2. Traffic Filtering — Allows only traffic matching defined rules (by IP, port, protocol)
3. Attack Prevention — Blocks common network attacks like port scanning, DoS attacks
4. Logging — Records all traffic attempts for security auditing
5. Separation — Creates a protective barrier between trusted LAN and untrusted Internet

Q5: Short Answer [3 marks]

Q: Explain Web 2.0 with examples. How is it different from Web 1.0?

Web 1.0 (1991-2004): A read-only web where content was created only by website owners. Users could only view static, pre-built HTML pages. No user interaction, no user-generated content, no social features.

Web 2.0 (2004-present): A read-write interactive web where users can create, share, and interact with content. Key features include:

• User-Generated Content: Anyone can post videos (YouTube), edit wikis (Wikipedia), write blogs
• Social Media: Facebook, Twitter/X, Instagram — connecting people globally
• Rich Web Applications: Gmail, Google Docs — web apps that feel like desktop software
• Collaboration: Real-time collaborative editing, commenting, ratings

Examples: YouTube, Facebook, Instagram, Wikipedia, Blogger, Reddit

Q6: Output/Analysis Question [2 marks]

Q: Identify what protocol/device is described in each case:

a) Sita uploads her assignment files to her school's server using username and password, and lists the server's directories. → FTP (File Transfer Protocol)

b) Raju's home network is disconnected from the Internet even though all computers work fine on the local network. → Router has failed (Router connects LAN to Internet)

c) All computers in the lab see a message saying "Collision detected" — data is resent repeatedly. → Hub is being used (single collision domain; a Switch would prevent this)

d) Priya gets an email that says "Your SBI account is blocked. Click here to verify" — the link goes to a fake website. → Phishing attack

Q7: Write Short Notes [5 marks]

Q: Write short notes on: (a) Cookies, (b) VoIP, (c) HTML vs XML

(See Sections 8.4.11, 8.3.6, and 8.4.8/8.4.9 respectively)

✏️ Practice Problems

1. Your school wants to block students from accessing social media during school hours. Which network protection device/technology would you install, and where?

2. A company's IT team notices their network performance is terrible — all 50 computers share a Hub. They replace it with a managed Switch. Explain why performance improves.

3. Explain with a diagram how DNS resolves www.cbse.gov.in to an IP address (include all DNS hierarchy levels).

4. Write a simple HTML page with: a heading "CBSE CS Notes", a paragraph about Python, a link to csip12.in, and an unordered list of 3 Python topics.

5. Your friend says "HTTP and HTTPS are the same thing — HTTPS just has a 'S' at the end." Correct your friend with a proper explanation.

6. Identify each: (a) Protocol to send email, (b) Protocol to securely access web, (c) Protocol for file download from server, (d) Protocol that keeps email on server for multiple devices.

7. A hacker breaks into a company's network and encrypts all their files, demanding ₹10 lakh to decrypt. What type of malware attack is this? What security measures could have prevented it?

8. Compare Web 1.0, Web 2.0, and Web 3.0 on four parameters in a table.

9. Trace the complete journey of data when you type "www.google.com" in your browser and press Enter — include DNS, TCP/IP, HTTP, and the role of your Router.

10. A company in Delhi wants to allow its 500 employees to work from home securely, accessing the company's internal file servers. Which technology would you recommend and why?