When you plan to develop a dynamic website, you usually need to create many web pages.
A dynamic website means the content can change based on user actions, such as login or form submission.
Common Web Pages in a Website
Below are some web pages that are commonly required:
- index (Home Page)
The first page of the website. - login
Used by users to sign in. - logout
Used to sign out from the website. - newuser (Register)
Used to create a new account. - forgot_password
Used when a user forgets their password. - change_password
Used to change the existing password. - members
Displays secured data.
Only logged-in (authenticated) users can access this page. - about
Contains information about the website or company. - contactus
Used by users to contact the website owner. - help
Provides help and instructions to users. - feedback
Used to collect user feedback. - faq (Frequently Asked Questions)
Contains common questions and answers. - view_account
Shows user account details. - edit_account / update_account
Used to update user details. - delete_account
Used to delete a user account. - Other pages
Additional pages can be created based on project requirements.
Database Tables Required
To store website data, we use a database.
A database contains tables to store information.
Common tables are:
- User Table (Members Table)
This table stores information about registered users, such as:- username
- password
- security question
- security answer
- first name
- last name
- mobile number
- address
- profile picture
This table is used by pages like:
- login
- newuser
- forgot_password
- change_password
- view_account
- edit_account / update_account
- delete_account
- Contact Table
Stores data submitted from the Contact Us page. - Feedback Table
Stores data submitted from the Feedback page. - Other Tables
More tables can be added as per project needs.
Single Page vs Multiple Pages
To develop a web page, you can use:
- Single Page
Example: One page namedloginthat shows the form and processes data. - Multiple Pages
Example:login_form→ displays the login formlogin→ processes login data
Both approaches are valid.
Technologies Used to Develop a Dynamic Website
To build a good dynamic website, you may need the following technologies and tools:
-
HTML, CSS, JavaScript
Used to create and design web pages. -
Frontend Frameworks
Examples: Angular, Vue, React
Used to create interactive user interfaces. -
Backend Technologies
Examples: ASP.NET, Java, PHP, Node.js
Used to process data and connect with the database. -
Captcha
Used to prevent fake or automated users. -
AJAX
Used to load data without refreshing the page. -
Database
Used to store and manage data. -
Third-Party Libraries
Used for specific tasks like sending emails, notifications, etc.
Happy learning and happy developing dynamic websites.