A bookstore sells its books using a website. The website displays the list of books in lexicographic order of the book title. The list of books includes the title of the book, the first author, the year of publication of the book, and the price of the book. In addition, the website also displays two forms - the first form allows a customer to register with the bookstore, and the second form is for feedback about the website.
Design and create four web pages for the bookstore, namely, Home, ListOfBooks, Customer Registration Form and Feedback Form, having the following features:
For consistency, every webpage of the proposed website should consist of three basic divisions
Header - This division should be the same for all four web pages and should display the name and logo of the bookstore. This division should have a different background colour.
Link
This division should be the same for every web page. It should contain links to all the web pages, viz. Home, ListOfBooks, Customer Registration Form and Feedback Form.
Information - This division should display the basic information, as given below. The web pages that you are designing should differ in this Division only.
The Information division of the different pages should be as under:
Home page should welcome all the successful customers to the bookstore.
ListOfBooks page should display information about all the books. You should display this information by using a table.
Customer_Registration page should contain a form, which should have fields - Name of the Customer, His/her interest in books, contact number and a SUBMIT button. You should write JavaScript code to verify that all the fields are filled with some data. This code should be run when the Submit button is pressed.
The Feedback page should display another form that has two input fields - The name of the customer and a text area for giving feedback. This form should also have a SUBMIT button.
11You must submit the hard copy of the HTML code of every web page and screenshots of the display of the web pages in a browser window. You should demonstrate these webpages at the time of the viva
Below is a complete practical solution in HTML, CSS, and JavaScript for the bookstore website scenario you described. The code is organized into four separate web pages with shared header and navigation links. --- 1. Home Page (home.html) ```html
Book Haven
Welcome to Book Haven!
We are delighted to have you browse our collection of books. Enjoy exploring the latest releases and classic favorites.
______ _______ __________ ______ ________ _______ _________ ______.
__________ _______ ____ ____ ________ _________ ________ ___ ___ ________ __________ __________.
___ _________ ______ _______ ___ _____ __________.
_________ ____ _______ _____ _______ ___ ____ _________.
_______ ___ ____ _______ _________ ___ _________ _________ ________ _________ _____ ___.
__________ __________ ___ ________ _______.
____ ___ _______ _________ ______ _____ ______ ________ ______.
_______ _________ ___ ___ _________ ______ __________ ______ __________ _________.
_______ _______ __________ ________ ___ _________ _______ ___ _______ _________ _________ _________.
_______ _____ _______ _________ _________ ________ ___ _____.
__________ _______ ________ __________ _____ _________ ________.
__________ __________ ___ __________ ____ ________ ___.
_______ ___ ____ ________ ____ _____ ________ ________ ______ __________ _______ _______.
___ ____ _______ ________ ______ _________ ____ ________ ____ ___ _____ ___.
_______ ____ _______ ______ __________ _____ ______ __________ ___ _____.
_______ ________ ____ __________ _____ _________ _____.
_________ ______ _________ _______ ______ _____ ___ ________ _________ ___ ________.
_______ _______ _______ ______ ____ ______.
______ _______ ______ _____ _____ ________ _____ _____.
________ _______ ____ ________ _________ _____.
____ _________ ___ ___ _________ _____ ____.
__________ _____ _____ _____ __________.
__________ _____ _____ _________ ___ __________ ______ _______.
_________ _____ _________ ____ _________ _______ ___ __________ ___ ________ ____ ______.
____ _______ ________ ________ ____ _______ ____ ______ _________ _______ ____.
__________ ___ ________ ____ ____.
_________ ________ ___ __________ ____ _______.
______ _________ _______ _____ ______ ___ _____ __________ ________ ______.
___ ___ ________ ____ ___ __________.
______ _____ ___ _____ __________ ____ ___ _______ __________ _________ ______.
________ ______ __________ ________ ____ ________ ___ ________ __________ __________ ___.
_____ _________ ____ ___ _________ _____ _________ ______ _______ ___ ___ ______.
________ ______ _________ ________ _____ _____ ___.
____ __________ _______ ________ ________ _________ _____.
____ ________ ___ ______ ______ ______ __________ ________ _____ _______ _________ ________.
___ _______ ________ _______ ______ _______ _________ _________ ________.
___ ___ ________ ____ _________ ______ _________.
________ _______ _________ ___ ___ ________ _____ _____.
_______ ______ ________ _____ ______ _________ ________.
_____ ___ _____ _________ _____ _______ __________ ______ _________ ___ _______ ___.
________ __________ _____ _______ _________ ____.
____ _________ _________ ___ _________.
____ _______ _____ ______ _________ ____ __________ _________ ___ ____.
_______ ____ _________ _______ __________.
_______ _______ _______ ________ ______.
_________ __________ ____ ___ __________ ______ ______ ______.
____ ___ ______ ____ ___ _________ ____ _________ _________ ___ __________.
___ __________ _______ ________ _________ _________ ________ __________ ______ __________ _______ _____.
______ ________ ___ _______ _____ _______.
___ ___ _______ ______ _________ __________.
_______ ______ ___ _________ ______ ____ ______ _______ ____ _____ _____ ____.
__________ ____ __________ _______ _________ _________ ____ ________ ____ ________ ________ ___.
________ ___ ____ _____ ______ ___ ___.
_____ ________ ____ __________ __________ ____.
_________ ___ __________ _______ __________ ________ _________.
________ __________ _____ ___ ____.
_________ ____ _____ ____ _____ _____.
_______ ___ ________ ___ _____ ______ _____ ___ _____ _____.
_____ ____ _________ _____ ___ _____.
______ ________ ___ ________ __________ ______ ____.
___ __________ ___ ____ _________ _________ ____.
__________ _______ ______ _________ ___.
_________ _______ _________ ________ ________ ___ _________ _______ ________ __________ ______.
_____ ____ ________ ____ __________ ___ ____.
_____ _______ _______ __________ ____ __________ ______ ___ ________ _________.
____ __________ _________ __________ ____ ___ ___ __________.
_____ ______ ___ _______ _______ ___ _______ ____ _____ _______ __________.
________ ____ _________ _______ ___ __________ ______ ______ __________.
________ _____ _________ ________ _______ _______.
__________ ______ ____ _________ _______ _________ ___ _____.
_____ _______ _________ _____ ____.
_________ ______ _________ _________ ____ _________ __________ _________.
____ ______ ____ ____.
Get Full Answer on WhatsApp