Static web pages will not change unless the HTML is rewritten and republished. They will appear the same each time visited. Dynamic web pages allow content to be updated in real time without changing the page, through things like social media feeds and e-commerce. Interactive web pages allow users to interact with content by adding comments, posting, playing games, or using apps. Many dynamic pages connect to databases on servers to display appropriate data or content in response to queries.

2. Static Web Pages
Before considering dynamic and interactive web pages, we need to first
understand what is meant by a static web page.
A static web page will not change, unless the HTML itself is rewritten and
republished. It will appear the same each time it is visited. There will be nothing
for the user to interact with, other than clicking hyperlinks.

3. Dynamic Web Pages
A dynamic web page allows content to be updated in real time without changing
the actual web page. Some examples of dynamic web pages are:
Social media feeds
e-Commerce
Blogs
Bulletin boards

4. Interactive Web Pages
An interactive web page allows the user to interact with content on the page.
This could be:
Adding blog comments
Posting social media content
Playing online games
Online surveys
Playing music
Web-based apps
(e.g. online calculators)

5. Database-driven Website
Many dynamic webpages will connect to a database on a server in order to
display appropriate data / content.
For example, a product search on an e-commerce web site such as Amazon
will send a query for records to the server and the server will then return the
query result to be displayed on the web page.

6. Database-driven Website
The query will be in the form of a scripting language such as SQL wrapped in
another scripting language such as SQL.

7. Navigation
Simple web sites can be navigated using hyperlinks between each of the
pages, and possibly a menu.

8. Multi-level Navigation
As web sites become more complex with a greater number of pages, multi-level
navigation is used

9. Multi-level Navigation
As web sites become more complex with a greater number of pages, multi-level
navigation is used

10. Multi-level Navigation
As web sites become more complex with a greater number of pages, multi-level
navigation is used

11. Multi-level Navigation
As web sites become more complex with a greater number of pages, multi-level
navigation is used