Module 2: Web Designing &

Publishing
Comprehensive Assignment Report

Detailed Analysis of Networks, Internet Technologies, HTML,

and Addressing

1
1. Advantages and Disadvantages of the Internet

The Internet represents a global system of interconnected computer networks

that utilize the standardized Internet Protocol suite (TCP/IP) to link billions of
devices worldwide. It is a network of networks that consists of private, public,
academic, business, and government networks of local to global scope, linked by a
broad array of electronic, wireless, and optical networking technologies. The
impact of the internet on modern society is immeasurable, bringing both
profound advantages and significant disadvantages.

Comprehensive Advantages of the Internet

The proliferation of the internet has revolutionized human interaction,

commerce, and knowledge acquisition. Below are the primary advantages
explored in detail:

• Infinite Access to Information and Knowledge: The internet functions as the

world's largest library. Search engines like Google, Bing, and academic
databases provide instant access to research papers, tutorials, news, and
historical data. This democratization of information allows individuals from
all socioeconomic backgrounds to learn new skills and access educational
resources.

• Seamless Global Communication: Prior to the internet, global

communication was expensive and slow. Today, protocols supporting email,
Voice over IP (VoIP), and instant messaging allow real-time communication
across the globe. Platforms such as WhatsApp, Zoom, and Microsoft Teams
facilitate instant personal and professional collaboration regardless of
geographical boundaries.

• E-commerce and Global Economy: The internet has transformed the global
economy by enabling electronic commerce. Businesses can reach a global
customer base without the need for physical storefronts. Consumers benefit

2
 from a wider array of choices, competitive pricing, and the convenience of
home delivery through giants like Amazon and localized platforms.

• Telecommuting and Remote Work: The internet is the backbone of the

modern remote workforce. It allows employees to work from home, reducing
commute times, lowering greenhouse gas emissions, and providing flexibility.
Cloud computing platforms enable teams to collaborate on documents and
projects in real-time.

• Entertainment and Media Streaming: The entertainment industry has

shifted from physical media to digital streaming. Platforms like Netflix, Spotify,
and YouTube provide on-demand access to movies, music, and user-generated
content, reshaping how society consumes media.

• Internet of Things (IoT): The internet enables everyday physical objects to be

connected and communicate. Smart homes, wearable health monitors, and
industrial sensors rely on the internet to automate tasks, improve energy
efficiency, and monitor health metrics in real time.

• Banking and Financial Management: Online banking has eliminated the

need to visit physical bank branches for routine transactions. Users can
transfer funds, pay bills, invest in stocks, and manage digital currencies
(cryptocurrencies) securely over encrypted internet connections.

Comprehensive Disadvantages of the Internet

Despite its vast benefits, the internet introduces severe challenges and risks that
require vigilant management and regulation:

• Cybersecurity Threats and Hacking: The interconnected nature of the

internet makes systems vulnerable to malicious attacks. Hackers can deploy
malware, ransomware, and phishing schemes to steal sensitive personal,
financial, or corporate data. Data breaches can result in severe financial and
reputational damage.

3
• Privacy Erosion and Data Surveillance: User activities on the internet are
constantly tracked, often without explicit consent. Tech companies collect vast
amounts of data regarding browsing habits, location, and preferences to serve
targeted advertising. This mass data collection raises profound ethical and
privacy concerns.

• Spread of Misinformation and Fake News: The speed at which information

travels on the internet is a double-edged sword. Unverified information,
deepfakes, and malicious propaganda can spread virally across social media
networks, influencing elections, public health decisions, and societal harmony.

• Addiction and Mental Health Impacts: Internet addiction is a growing

psychological concern. Excessive use of social media and online gaming can
lead to a sedentary lifestyle, social isolation in the physical world, anxiety,
depression, and disrupted sleep patterns, particularly among younger
demographics.

• Spam and Unwanted Communication: A significant portion of internet traffic

consists of spam—unsolicited emails and messages. While spam filters have
improved, malicious spam can still deliver computer viruses and scam
attempts directly to a user's inbox.

• The Digital Divide: While the internet connects the globe, it also highlights
socioeconomic disparities. Individuals and communities without access to
high-speed internet or modern devices are left behind in education, job
opportunities, and access to essential digital services.

• Dark Web and Illicit Activities: Anonymity networks on the internet provide
a safe haven for illegal activities. The "Dark Web" facilitates the sale of illegal
drugs, weapons, stolen data, and other illicit goods beyond the reach of
standard law enforcement.

4
2. Types of Networks According to Distance

Computer networks are fundamentally categorized based on their geographical

span or physical scope. The distance a network covers determines the hardware
required, the underlying protocols, the transmission speeds, and the specific use
cases. The primary types of networks categorized by distance are PAN, LAN, MAN,
and WAN.

1. Personal Area Network (PAN)

A Personal Area Network is the smallest type of network, typically covering a

range of up to 10 meters (33 feet). It is designed to connect devices centered
around an individual person's workspace.

• Scope: Very short range (within a room or immediate vicinity).

• Technologies: Predominantly uses wireless technologies like Bluetooth,

ZigBee, and Near Field Communication (NFC), though wired PANs can exist via
USB connections.

• Examples: Connecting wireless headphones to a smartphone, pairing a

smartwatch with a phone, or transferring files between a laptop and a tablet
via Bluetooth.

• Advantages: Highly secure due to the short range; requires minimal power;
practically no setup cost; eliminates the need for physical cables between
personal devices.

• Disadvantages: Extremely limited range; relatively slow data transfer rates

compared to larger networks; prone to interference from other physical
objects or electronic devices.

5
2. Local Area Network (LAN)

A Local Area Network spans a relatively small, localized area. It is the most
common and widely used network type for private environments.

• Scope: Ranges from a single room to an entire building or a closely clustered

group of buildings (up to a few kilometers).

• Technologies: Typically built using Ethernet cables (Twisted Pair, Fiber Optic)
and network switches. Wireless LANs (WLANs) utilize Wi-Fi technology based
on the IEEE 802.11 standards.

• Examples: A home Wi-Fi network connecting laptops, TVs, and phones; an

office network connecting workstations to a shared localized server and
printers; a school computer lab.

• Advantages: Extremely high data transfer speeds (Gigabit and 10-Gigabit

Ethernet are common); low cost of setup and maintenance; easy resource
sharing (like a single printer for an entire office); highly reliable and secure
since it is privately owned.

• Disadvantages: Confined to a limited geographical area; requires

administrative maintenance as the network grows; physical wiring can be
cumbersome in older buildings.

3. Metropolitan Area Network (MAN)

A Metropolitan Area Network is larger than a LAN but smaller than a WAN. It
typically covers a city or a large campus.

• Scope: Ranges from 5 to 50 kilometers, encompassing a town, city, or a large

university campus.

• Technologies: Often uses high-capacity backbone technologies like Fiber Optic

cables, Microwave transmission, and advanced Ethernet protocols. It often
acts as a high-speed network connecting multiple LANs.

6
 • Examples: A city's cable television network; a network connecting multiple
branches of a local bank within the same city; a large university campus
network (often specifically called a Campus Area Network or CAN).

• Advantages: Provides a dedicated, high-speed connection across a significant

area; more secure than transmitting data over the public internet; facilitates
centralized data management for localized enterprises.

• Disadvantages: Expensive to install due to the requirement of laying long-

distance fiber or setting up microwave towers; complex to manage and
troubleshoot; requires municipal permissions to lay physical infrastructure.

4. Wide Area Network (WAN)

A Wide Area Network is the largest type of network, extending over large
geographical distances, across states, countries, or the entire globe.

• Scope: Unlimited geographical boundary (regional, national, or international).

• Technologies: Relies on public transmission systems, leased lines from

telecommunication companies, satellite links, and cellular networks (4G/5G).
Devices are typically connected via routers.

• Examples: The Internet is the ultimate example of a public WAN. A

multinational corporation connecting its offices in New York, London, and
Tokyo operates a private enterprise WAN.

• Advantages: Covers immense geographical areas; allows global collaboration

and resource sharing; enables the centralization of IT infrastructure for global
companies.

• Disadvantages: Slower data transfer rates compared to LANs due to the

massive distances and routing overhead; high setup and recurring operational
costs (paying telecom providers); highly vulnerable to security threats
requiring expensive firewalls and encryption; complex to resolve network
failures.

7
3. Network Topologies: Types, Advantages, and
Disadvantages

Network topology refers to the physical or logical layout of the nodes (computers,
printers, switches) and the connections (cables, wireless links) within a network.
Choosing the right topology is critical as it impacts the network's performance,
scalability, cost, and fault tolerance.

1. Bus Topology

In a Bus topology, all devices are connected to a single central cable, known as the
"bus" or "backbone." Data transmitted by any node travels along the length of the
bus in both directions until it reaches its intended destination. Terminators are
placed at both ends of the backbone to absorb signals and prevent them from
bouncing back.

• Advantages:
◦ Simplest and cheapest topology to implement for small networks.

◦ Requires the least amount of cabling compared to other topologies.

◦ Easy to extend by joining two cables with a BNC barrel connector.

• Disadvantages:
◦ Single Point of Failure: If the main backbone cable breaks, the entire
network fails.

◦ Performance degrades significantly as more devices are added or network

traffic increases due to data collisions.

◦ Difficult to isolate and troubleshoot faults along the backbone.

8
2. Star Topology

In a Star topology, every node is connected directly to a central networking

device, typically a network switch or a hub. All data traffic must pass through this
central device, which acts as a repeater and router of data.

• Advantages:
◦ Robustness: If one cable or node fails, it does not affect the rest of the
network.

◦ Excellent performance, as there are no data collisions (each device has a

dedicated line to the switch).

◦ Easy to install, scale, and manage. Adding a new device simply requires
running one cable to the central switch.

◦ Centralized management makes troubleshooting faulty connections

straightforward.

• Disadvantages:
◦ Central Dependency: If the central switch/hub fails, the entire network
goes down immediately.

◦ Requires significantly more cabling than a Bus topology, making it slightly

more expensive to wire physically.

3. Ring Topology

In a Ring topology, each node is connected to exactly two other nodes, forming a
continuous circular loop. Data travels in one direction (unidirectional) from node
to node until it reaches its destination. Some advanced configurations use a dual-
ring setup (bidirectional) for redundancy.

• Advantages:
◦ Orderly network flow. Uses a "token passing" mechanism, ensuring all
nodes get equal access to transmit, preventing data collisions.

9
 ◦ Can handle heavy network traffic better than a Bus topology.

◦ Requires no central server or switch to manage connectivity.

• Disadvantages:
◦ If one node or cable connection fails, the token cannot circulate, bringing
down the entire network (in a unidirectional ring).

◦ Adding or removing nodes requires breaking the ring, which temporarily

disrupts the entire network.

◦ Data must pass through every intermediate node, resulting in slower

transmission speeds for large rings.

4. Mesh Topology

In a Mesh topology, nodes are interconnected with multiple routing paths. In a

Full Mesh, every single node is connected to every other node. In a Partial Mesh,
only the most critical nodes are fully interconnected, while others connect to only
one or two nodes.

• Advantages:
◦ Ultimate Reliability (Redundancy): If one link fails, data simply routes
through an alternate path. The network practically never goes down.

◦ High security and privacy, as dedicated point-to-point links exist between

nodes.

◦ Can handle extremely high volumes of data traffic simultaneously without

congestion.

• Disadvantages:
◦ Extremely Expensive: A full mesh requires an enormous amount of
cabling and numerous network interface ports on each device. The formula
for the number of cables in a full mesh of *n* nodes is *n(n-1)/2*.

◦ Highly complex physical installation, maintenance, and logical

configuration.

10
5. Tree Topology

A Tree topology (also known as a hierarchical topology) combines characteristics

of Star and Bus topologies. It consists of groups of star-configured networks
connected to a linear bus backbone cable. It structurally resembles the branches
of a tree.

• Advantages: Highly scalable; ideal for large organizations with distinct

departments. If one star segment fails, the rest of the tree survives.

• Disadvantages: Relies heavily on the main bus backbone. If the root backbone
fails, the network splits into isolated segments.

11
4. Web Browsers: Architecture and Functionality

A Web Browser is a complex software application designed to retrieve, present,

and traverse information resources on the World Wide Web. When a user inputs
a Uniform Resource Locator (URL), the browser requests the data from the
corresponding web server, receives the code (HTML, CSS, JavaScript), and renders
it into a graphical interface the user can read and interact with.

Core Functions of a Web Browser

1. Network Communication: The browser resolves the domain name to an IP

address using DNS, establishes a secure TCP/IP connection (often using SSL/
TLS for HTTPS), and sends an HTTP/HTTPS request to the server.

2. Parsing and Rendering: The browser receives the raw HTML document and
parses it to construct the Document Object Model (DOM) tree. It parses CSS to
build the CSSOM tree. It then combines these to paint the pixels onto the user's
screen.

3. JavaScript Execution: Modern web pages are dynamic. The browser contains
a JavaScript engine that executes scripts locally on the user's machine to create
interactive elements without needing to reload the page.

4. Data Storage and Persistence: Browsers manage local data via Cookies,
LocalStorage, SessionStorage, and IndexedDB. This allows websites to
"remember" user logins, cart contents, and preferences.

5. Security Sandbox: Browsers isolate web page execution from the underlying
operating system. This sandboxing prevents malicious scripts on a webpage
from reading personal files or installing malware on the computer.

12
High-Level Architecture of a Browser

A modern web browser consists of several interconnected software layers:

• User Interface (UI): The visible parts of the browser excluding the webpage
itself. This includes the address bar, back/forward buttons, bookmarks menu,
and tabs.

• Browser Engine: The bridge between the UI and the rendering engine. It
marshals actions between them and handles state.

• Rendering Engine: The core component responsible for displaying requested

content. It parses HTML and CSS and draws the layout on the screen.
(Examples: Blink for Chrome/Edge, Gecko for Firefox, WebKit for Safari).

• Networking Layer: Handles network calls like HTTP requests, managing

connection limits, and caching network resources for faster load times.

• JavaScript Engine: A highly optimized virtual machine that parses and

executes JavaScript code. (Examples: V8 in Chrome/Edge, SpiderMonkey in
Firefox).

13
Popular Web Browsers

14
Browser Rendering
Developer Key Characteristics
Name Engine

Dominant market share. Known

for speed, a massive extension
Google
Google Blink ecosystem, and deep integration
Chrome
with Google services. Uses the V8
JS engine.

Open-source champion. Highly

focused on user privacy, anti-
Mozilla Mozilla
Gecko tracking features, and lower
Firefox Foundation
memory consumption compared
to Chrome.

Built on the Chromium open-

source project (same as Chrome)
Microsoft but optimized for Windows.
Microsoft Blink
Edge Features built-in AI tools
(Copilot) and excellent resource
management.

Default browser on macOS and

iOS. Highly optimized for battery
Apple
Apple WebKit life and performance on Apple
Safari
silicon. Strong default privacy
controls.

A privacy-first browser that

Brave inherently blocks ads and cross-
Brave Blink
Software site trackers out of the box,

15
Browser Rendering
Developer Key Characteristics
Name Engine

resulting in exceptionally fast

page load times.

16
5. Important Tags in HTML

HTML (HyperText Markup Language) is the standard markup language for

documents designed to be displayed in a web browser. It provides the structural
foundation of web pages using "tags." Tags are enclosed in angle brackets (e.g.,
<tagname>) and usually come in pairs with an opening tag and a closing tag (e.g.,
</tagname>).

1. Document Structure Tags

These tags form the essential skeleton of any HTML document.

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

</body>
</html>

2. Text Formatting and Headings

These tags define how text is structured and semantically emphasized.

• <h1> to <h6>: Heading tags. <h1> is the main, most important heading, while
<h6> is the least important sub-heading.

• <p>: Defines a standard paragraph of text. Browsers automatically add margin

before and after paragraphs.

17
 • <br>: A self-closing tag that inserts a single line break (carriage return) within
a block of text.

• <hr>: A self-closing tag that inserts a thematic break, displayed as a horizontal

line across the page.

• <strong>: Defines text with strong semantic importance. Visually rendered as

bold.

• <em>: Defines emphasized text. Visually rendered as italic.

3. Links and Media

The core of the "HyperText" nature of HTML, allowing navigation and rich media
embedding.

• <a href="url">: The anchor tag. Creates a hyperlink to another web page,
file, or location within the same page. The `href` attribute specifies the
destination URL.
Example: <a href="[Link] Here</a>

• <img src="[Link]" alt="description">: A self-closing tag used to

embed an image. The `src` attribute points to the image file path, and the `alt`
attribute provides alternative text for screen readers or if the image fails to
load.

4. Lists

Tags used to group related items together.

• <ul>: Defines an Unordered List (bulleted list).

• <ol>: Defines an Ordered List (numbered list).

• <li>: List Item. Must be placed inside a <ul> or <ol> to define individual list
points.

18
5. Semantic HTML5 Tags

Modern HTML5 introduced tags that describe the meaning of the content, which
aids search engine optimization (SEO) and accessibility.

• <header>: Defines a header for a document or section (often contains logos

and navigation).

• <nav>: Defines a container for navigation links (menus).

• <main>: Specifies the main, dominant content of the document.

• <article>: Defines an independent, self-contained piece of content (like a

blog post or news article).

• <section>: Defines a thematic grouping of content, typically with a heading.

• <footer>: Defines a footer for a document or section (often contains copyright

info and contact links).

19
6. IP Address and Types of IP Classes

An Internet Protocol (IP) Address is a unique numerical identifier assigned to

every device participating in a computer network that uses the Internet Protocol
for communication. It serves two principal functions: host or network interface
identification (knowing 'who' is sending/receiving) and location addressing
(knowing 'where' they are on the network topology).

We primarily use IPv4 (Internet Protocol version 4), which uses a 32-bit address
scheme. This allows for approximately 4.3 billion unique addresses. An IPv4
address is typically written in "dotted-decimal" format, consisting of four
numbers separated by periods (e.g., [Link]). Each number is an octet (8
bits) and ranges from 0 to 255.

Classful Network Addressing in IPv4

In the original architecture of the internet, IP addresses were divided into five
distinct classes (A, B, C, D, and E). This architecture defines how the 32 bits are
split into a Network ID (which identifies the specific network) and a Host ID
(which identifies the specific device on that network). The class of an IP address is
determined by examining its first octet.

Network ID vs. Host ID analogy: Think of the Network ID as the street name,
and the Host ID as the specific house number on that street. A router uses the
street name (Network ID) to get the data to the right neighborhood, and the
switch uses the house number (Host ID) to deliver it to the specific device.

Class A Networks

• First Octet Range: 1 to 126

• Structure: N.H.H.H (1 byte for Network, 3 bytes for Hosts)

• Default Subnet Mask: [Link]

20
 • Use Case: Designed for massive, gigantic networks. A Class A network can
support up to 16,777,214 hosts per network. Because so many addresses are
dedicated to hosts, there can only be 126 Class A networks in the world.
(Usually owned by major corporations or governments).

• Example: [Link] (Where '10' is the network, and '0.0.1' identifies the
specific computer).

Class B Networks

• First Octet Range: 128 to 191

• Structure: N.N.H.H (2 bytes for Network, 2 bytes for Hosts)

• Default Subnet Mask: [Link]

• Use Case: Designed for medium-to-large sized networks, such as large

universities or mid-sized enterprises. It supports up to 65,534 hosts per
network.

• Example: [Link] (Where '172.16' is the network, and '54.1' identifies

the host).

Class C Networks

• First Octet Range: 192 to 223

• Structure: N.N.N.H (3 bytes for Network, 1 byte for Hosts)

• Default Subnet Mask: [Link]

• Use Case: The most common class of IP addresses, used for small businesses
and home local area networks (LANs). It provides millions of networks, but
each network can only support a maximum of 254 hosts.

• Example: [Link] (Where '192.168.1' is the specific network in a

home, and '100' is the specific phone or laptop).

Class D Networks (Multicast)

• First Octet Range: 224 to 239

21
 • Structure: Not divided into Network/Host IDs.

• Use Case: Reserved exclusively for Multicasting. Multicasting is a method of

sending a single data stream to multiple specific receivers simultaneously. It is
heavily used for streaming live video/audio over a network and by routing
protocols to update routing tables.

• Example: [Link] (Used by the OSPF routing protocol).

Class E Networks (Experimental)

• First Octet Range: 240 to 255

• Use Case: Reserved by the Internet Assigned Numbers Authority (IANA) for
experimental purposes and future research and development. These are
generally not used in standard network configurations.

Special Reserved IP Addresses

It is important to note a few special exceptions within the IP numbering system:

• Loopback Address (127.x.x.x): The entire 127 range is reserved for loopback
testing. Sending data to `[Link]` (localhost) loops back directly to your own
machine. It is used to test if the TCP/IP stack is functioning correctly on your
computer without sending data out to physical network cables.

• Private IP Addresses: Within Classes A, B, and C, specific ranges are

designated as "Private." These addresses are not routable on the public
internet. They are used exclusively inside local networks. A router using
Network Address Translation (NAT) translates these private IPs into a single
Public IP to access the internet.
◦ Private Class A: [Link] to [Link]

◦ Private Class B: [Link] to [Link]

◦ Private Class C: [Link] to [Link]

22