THE WORLD WIDE WEB

The World Wide Web

An interconnected system of public webpages accessible through the Internet, transforming how humanity shares information.

HTML

The structural backbone; Defines meaning and context of web content.

HTTP

The messenger; Protocol for transmitting hypermedia documents.

URL

The address; Uniquely identifies where resources are located.

Tim Berners-Lee (1989, CERN)

Originally conceived as a document management system for scientists to share information across different computers.

Web 1.0

Static; Read-only; Focused on information consumption using basic HTML pages.

Web 2.0

Social; Read & write; Emphasizes user-generated content, platforms, and interaction.

Web 3.0

Semantic; Decentralized; Intelligent, machine-readable, connected data.

World Wide Web

Global system connecting billions of digital documents; Transforms the Internet into an accessible information library.

Rich Media Content

Web pages contain containers holding various media types: text, images, videos, and interactive elements.

Access Mechanism

– Users navigate the web using software called web browsers.

■ The browser interprets code and displays it via the Internet connection

Uniform Resource Locator (URL)

Unique address of each web page

■ This ensures users can precisely locate and share specific information.

Website

A collection of related web pages under one domain name providing information, entertainment, education, or business services to the user.

Web Server

A specialized computer that stores website files and delivers content to users upon request through a web browser

Web 2.0

The modern version of the web emphasizes user interaction and content creation.

○ Unlike the static past, it fosters social connection and collaboration.

Web 1.0:

static, read-only, one-way;

Web 2.0:

interactive, user participation (blogs, wikis, social media,video).

● From the initial URL input to the final visual interface: understanding the critical rendering path.

HOW BROWSERS DISPLAY WEBPAGES

User Input

The user types a URL into the browser's address bar or clicks a link.

DNS Lookup

The browser queries the DNS system to find the server's real IP address.

HTTP Request

A request is sent to the target server using the discovered IP address.

Server Response

The server sends back essential resource files such as HTML, CSS, and JavaScript files.

Rendering

The browser parses the code and paints the page on the user's screen.

HYPERLINKS & NAVIGATION

● The fundamental architecture that connects the digital world and guides user exploration

Hyperlinks

– act as the connective tissue of the web, enabling seamless movement between different pages and resources.

○ Functions

■ Connects web pages

■ Enables user movement

■ Foundation of the web

Navigation

menus provide the structural map, helping users find content and explore websites efficiently.

○ Benefits

■ Exploration & discovery

■ User guidance

■ Efficiency & structure

Search Engines

Use keywords to locate information quickly; Features include speed and keyword; Examples: Google, Bing, Yahoo.

Subject Directories

Organized lists of websites by topic; Useful for structured research.

○ Features

■ Topic

■ Structure

Search Operators

Commands that refine search results for precision.

○ They act as filters to make web exploration precise and efficient

site:example.com

Restricts the search query to results from a specific website or domain.

OR

Broadens the search to include results containing either of the specified terms.

"Exact Phrase"

Forces the search engine to find the words in that exact order

*

■ Acts as a wildcard placeholder for unknown or variable words in a phrase.

■ Optimized for researchers & students

Instant Search Box

– Built-in browser search feature.

○ Allows searching directly from browser interface.

○ Provides auto-suggestions while typing.

○ May support voice search.

○ Improves search efficiency and speed.

Personal Websites

Created by individuals to share blogs, portfolios, or personal information, focusing on self-expression and identity.

Business & E-Commerce Websites

Digital storefronts used by companies to promote corporate identity or facilitate the direct sale of goods and services.

Educational Platforms

Systems designed to distribute learning materials, manage online courses, and provide structured training resources.

Social Media

Interactive networks that allow users to connect, generate content, and communicate globally in real time.

Government Websites

Official portals offering public services, important announcements, and authoritative information to citizens.

News & Streaming Websites

Content-heavy platforms delivering current events, video streaming, music, and multimedia entertainment

Multimedia on the Web

Websites integrate graphics, animation, and audio to boost engagement.

Streaming Technology

enables instant playback, allowing users to consume media without full downloads.

BMP

– Uncompressed format with large file sizes. Rarely used on modern web.

GIF

– Supports simple animation and transparency. Limited color palette.

JPEG

– Ideal for photographs. Offers adjustable compression to balance size.

PNG

– High quality with support for transparent backgrounds. Lossless

Thumbnails

Small preview images for easier navigation.

Animation

Creates motion through sequential images; Enhances storytelling education, and entertainment

Traditional Animation

Hand-drawn frame-by-frame animation.

Stop-Motion

Photographed frame-by-frame movement.

CGI (Computer-Generated Imagery)

Digital animation created using computers.

MP3

– Standard compressed audio. Good quality with small file size

WAV

– Uncompressed, professional-grade audio. High fidelity but large.

AAC

– Balanced quality and size. The standard for modern streaming.

■ Streaming optimization allows continuous playback over the network

Authority

– Check the creator's identity.

○ Verify if the author or organization is credible, qualified, and knowledgeable about the topic.

Accuracy

Ensure information is correct, error-free, and supported by verifiable evidence or citations

Objectivity

Determine if content is unbiased.

○ Check for influence from personal opinions, advertising, or hidden agendas.

Currency

Examine the publication or update date.

○ Ensure the information is recent and still relevant to the subject

Purpose

Identify the site's goal: to inform, educate, persuade, sell, or entertain.

○ Understanding intent is key to evaluation

Design & Usability

– Evaluate the user experience.

○ The site should be easy to navigate, visually organized, and user-friendly