Web Development Assignment

1. Our Amazing Class Students

Meet our wonderful web development students who are learning to build amazing websites!

Photo	Student Name	Student ID	Status
TA	Temitope Adebayo	CMP/RUN/24/17876	Active
WT	Williams Taiye	CMP/RUN/24/17878	Active
AO	Aladeji Oluwatemitayo	CMP/RUN/24/18164	Active
OC	Opelami Caleb	CMP/RUN/24/18174	Active
TI	Taiwo Ife	CMP/RUN/24/18196	Active
FO	Fafiyebi Oluwakayode	CMP/RUN/24/18200	Active
WK	Williams Kehinde	CMP/RUN/24/18202	Active
AA	Akingbade Aishat	CMP/RUN/24/18205	Active

2. Internet and Web - What's the Difference?

Let me explain the difference between Internet and World Wide Web in simple terms:

Internet	World Wide Web
The big highway system connecting all computers worldwide	The websites and pages you visit using browsers
Born in the 1960s as ARPANET	Created in 1989 by Tim Berners-Lee
Uses TCP/IP protocols to connect networks	Uses HTTP/HTTPS to display web pages
Includes email, file sharing, online gaming	Contains websites, blogs, and web applications
Think of it as the entire postal system	Think of it as just the letters and packages

Easy way to remember: Internet is like the ocean, and the Web is like the ships that sail on it!

3. How the Internet Was Born

The amazing journey of how the Internet came to be:

1962

J.C.R. Licklider dreamed of connecting computers together in a "Galactic Network".

1969

ARPANET connected its first 4 computers at universities in the US.

1971

Ray Tomlinson sent the first email and gave us the @ symbol!

1983

TCP/IP became the standard way for networks to talk to each other.

1991

Tim Berners-Lee created the World Wide Web, making the Internet easy for everyone.

1993

Mosaic browser brought pictures to the web for the first time!

2000s

High-speed Internet and social media changed how we communicate.

Today

Mobile Internet puts the whole world in our pockets through smartphones.

4. The Story of HTML

HTML (HyperText Markup Language) is the building blocks of every website:

1989

Tim Berners-Lee invented HTML to share scientific documents easily.

1991

HTML 1.0 had only 22 basic tags like <h1>, <p>, and <a>.

1995

HTML 2.0 brought us forms and tables to organize information.

1997

HTML 3.2 made websites more colorful with better image support.

1999

HTML 4.01 added CSS support, making websites beautiful!

2014

HTML5 brought videos, audio, and mobile-friendly features.

Common HTML Tags We Use:

<html> - The container for everything on the page
<head> - Information about the page (not visible)
<body> - All the content people can see
<h1> - The biggest heading
<p> - A paragraph of text
<img> - Pictures and images
<a> - Links to other pages

5. Making Websites Pretty with CSS

CSS (Cascading Style Sheets) is like makeup for websites - it makes them look amazing!

What CSS Can Do:

Change text colors and fonts
Make backgrounds colorful or add pictures
Create layouts and position elements
Add animations and cool effects

Three Ways to Add CSS:

Method 1: Inline CSS (directly in HTML)

<p style="color: purple; font-size: 20px;">Purple text!</p>

Method 2: Internal CSS (in the head section)

Method 3: External CSS (separate file)

CSS Selector Types:

Tag selector: p { } - styles all paragraphs
Class selector: .highlight { } - styles elements with class="highlight"
ID selector: #special { } - styles the element with id="special"

6. JavaScript - Making Websites Interactive

JavaScript brings websites to life with interactive features!

1995

Brendan Eich created JavaScript in just 10 days while working at Netscape!

1997

JavaScript became an official standard called ECMAScript.

2005

AJAX was born, letting websites update content without refreshing the page.

2009

Node.js allowed JavaScript to run on servers, not just browsers.

2015

ES6 added awesome new features like arrow functions and classes.

Now

JavaScript powers websites, mobile apps, desktop programs, and even robots!

Cool Things JavaScript Can Do:

Make buttons respond when you click them
Create image slideshows and photo galleries
Validate forms before submitting them
Build interactive games and animations
Update content in real-time without page reloads

7. Fun Number Guessing Game!

Can You Guess My Secret Numbers?

I'm thinking of 5 secret numbers between 0 and 20. Can you guess them all?

Enter your 5 best guesses: