Developing a dynamic website

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 named login that shows the form and processes data.
  • Multiple Pages
    Example:
    • login_form → displays the login form
    • login → 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.