Scribd
Upload
11 views6 pages

Final Exam Web Design Programming

The document outlines the design requirements for a login system using HTML, including a registration form, email verification, and login functionality. It specifies the technologies needed, such as HTML, CSS, JavaScript, MySQL, XAMPP, Bootstrap, PHP, and PHPMailer. The system aims to securely register users and facilitate their login after email verification.

Uploaded by

Marianne Trajico
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
11 views6 pages

Final Exam Web Design Programming

The document outlines the design requirements for a login system using HTML, including a registration form, email verification, and login functionality. It specifies the technologies needed, such as HTML, CSS, JavaScript, MySQL, XAMPP, Bootstrap, PHP, and PHPMailer. The system aims to securely register users and facilitate their login after email verification.

Uploaded by

Marianne Trajico
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

Final Requirement – Log In System Design using HTML

The Goals:
1. To design a Registration Form.
2. Fill in the required details on the registration form, including first name, last name, contact number, email, username, and password.
3. Register button to initiate the registration process.
4. Email Verification:
5. Check the registered email for a verification code.
6. Enter the received verification code on the verification page to complete the registration.
7. Login: Make a login message appear. After a successful verification, return to the login page and enter your username and password to log in.

Technologies needed:

• HTML - which stands for HyperText Markup Language, is the standard markup language used to create and structure content on web pages. It provides the basic
building blocks for creating web pages by defining the structure and layout of the content. HTML consists of a series of elements or tags that define the different
parts of a web page, such as headings, paragraphs, images, links, and forms.
<div> is a generic container element that is used to group together other HTML elements and apply styling or structure to them. The <div> element itself
does not carry any semantic meaning and is typically used as a division or sectioning element to organize content within a web page.
• CSS -which stands for Cascading Style Sheets, is a style sheet language used to describe the presentation and styling of HTML or XML documents. CSS defines
how HTML elements should be displayed on a web page, including their layout, colors, fonts, spacing, and other visual properties.
• JavaScript - Client-side scripting is employed to enhance user interactions, including dynamically switching between login and registration forms and handling modal
dialogs.
• MySQL Database - The project employs a MySQL database to store user information securely.
• XAMPP - used for local development and testing of web applications. It provides an easy-to-install and pre-configured environment that allows developers to set up
a local web server quickly without the need to individually install and configure Apache, MySQL, PHP, and other necessary components separately.
• Bootstrap Framework - The Bootstrap framework is used for styling and ensuring a visually appealing and responsive user interface.
• PHP: The server-side scripting language used to handle user registration, login, email verification, and other server-related functionalities.
• PHPMailer: A powerful and secure email-sending library for PHP, utilized to send verification codes and other essential emails.
CODE na tayo!
The target OUTPUT

You might also like