Create four pages for the website viz. Home, Attendance, Results and F

Question

Create four pages for the website viz. Home, Attendance, Results and Feedback; all the four pages should have same Top, Menu, and Develop division but different Content division. The Menu Division should provide links to the Home page as well as all the other three pages. All these four menu options should be available in all the web pages designed by you for this assignment. Thus, this

Menu division may be used for navigating among the four web pages. The Content division of every page should be different. The information that should be displayed in Content Division of each of the pages is described below:

(i) The Home page should display a Welcome Message from the School and list the strengths of the School.

(ii) The Attendance page should display a form for logging into the Database of the School as shown.

(iii)The Results page should display the Results of a student to his/her parents.

(iv) The Feedback page should display a form asking for student name, class, a text area field for writing feedback information and a Submit Button.

(b) Create an external CSS that gives different background colour to each division. You may choose the format of other elements as per your choice.

(c) Create a JavaScript program that generates an error message if Username field is left blank in the form of Attendance page; or if the length of entered password in the password field is less than 6 characters. In case of an error, after displaying the error message, the login form should be displayed again.

(d) Implement the following using jsp program, servlets, java classes, database(s), etc. for the pages as described below:

(i) When a user presses Submit button after properly filling Username and password in the form in the Attendance page, these details are checked in a database, and in case, the entered username and password are correct, the Student Name, Class, days present and days absent are displayed on the screen. You may also create a cookie, if needed, to remember the username and password.

(ii) On selection of Results option, the result of student, whose parents have successfully logged in, is displayed. You may have to use cookies for this purpose.

(iii) When you press the Submit button of the Feedback Form, the information entered in the form should be stored in a database table.

(iv) You must design, create and use a suitable database for the purposes as above.

You may make suitable assumptions, if needed.

21 Jan 2021

Answer :

Word Count : 1649

To build a website with the specified requirements, we need to break down the task into smaller components: HTML structure, CSS styling, JavaScript validation, and JavaServer Pages (JSP) with backend servlets and database connectivity. Below is a step-by-step guide to how we would approach this task.

### 1. HTML Structure for Each Page:

The HTML structure will be consistent across the four pages, with each page having a top, menu, and development (content) division. Below is an example of how the structure might look for each page.

Common Structure (HTML Skeleton):
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>School Website</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="top">
<h1>Welcome to Our School</h1>
</div>

<div id="menu">
<ul>
<li><a href="home.html">Home</a></li>
<li><a href="attendance.html">Attendance</a></li>
<li><a href="results.html">Results</a></li>
<li><a href="feedback.html">Feedback</a></li>
</ul>
</div>

### 2. Page-Specific Content:

#### Home Page:
The Home page will have a welcome message and a list of strengths of the school.
```html
<div id="content">
<h2>Welcome to Our School!</h2>
<p>We are pleased to have you visit our website. Here are some of the strengths of our school:</p>
<ul>
<li>Highly qualified teaching staff</li>
<li>State-of-the-art infrastructure</li>
<li>Focus on holistic development</li>
<li>Excellent extracurricular programs</li>
<li>Strong academic performance</li>
</ul>
</div>
```

#### Attendance Page:
The Attendance page will display a login form for accessing attendance records.
```html
<div id="content">
<h2>Attendance Login</h2>
<form id="attendanceForm" method="post" action="attendanceServlet">
<label for="username">Username:</label>
<input type="text" id="username" name="username"><br><br>
<label _____ _______ _______ ___ ______ ____ __________ ________ ____ ________.
_________ __________ _____ ______ _________ _____ ___ _______ _________.
______ __________ _________ _________ _____ _______ ____.
_____ ________ ________ _________ _________ ___ ______ _____ __________.
_______ _____ _____ _______ ___ ________ ____.
_____ _____ _______ ____ _______ _____ _______ _______.
___ _____ _________ ___ ___ _____ _____ ______ ___.
______ _____ ______ _________ _______ __________ ___ _________ __________.
_______ __________ _____ _______ _______ _______ ___ __________ ______ _____ ____.
_____ ________ _____ ________ ________ _________ _____ __________.
_______ _____ _______ ______ _______ _______ _________.
________ __________ ____ ___ ___ _________ _________.
_____ _________ ___ __________ _________ _________ __________ ___.
____ ________ ___ _____ ______ ________ _______ _______.
________ ___ ________ _________ _______ ____ _____ __________ ____ ________.
_______ ___ _________ ___ ____ ____ ___ _____ ____.
___ ____ __________ _______ ________ _______.
___ ___ __________ _____ _____.
______ _______ ___ __________ _____ __________ ___ ______ _______ ___.
____ _______ ____ ________ _____ _________ __________ ________.
__________ ________ _______ __________ ________ ________ __________ ___ ___ ______.
___ ___ ____ ____ ___ __________ ____.
_______ __________ _____ _________ _____ _____ _____ ________ ____ ________ ______.
_____ _______ _________ __________ __________ ______ __________ _________ ____ _____ _________.
____ ______ __________ _______ ______ _________ _____ __________ ________ _________ _________.
______ _________ ____ ___ _____ _____ _______ ______.
__________ ________ _______ __________ ________ _____ ________ ________ ______ ________ ______ _______.
________ ________ ________ _____ ________ _________ ___ _________.
____ _________ _______ ______ _____ ___ _______ _________.
________ _____ _____ _________ ________ ___ ___ ____.
_____ _________ _____ ____ ______ _______ ________ __________.
_______ _____ _______ ______ _____ ____.
________ _____ _____ _________ _________.
__________ ___ _________ __________ ________ ___ ____ ______ ____.
______ ________ ______ ________ _______.
____ ____ __________ _____ _________.
______ ________ _________ ______ ____ _________.
________ _____ ________ ________ ___ ______ ________ __________.
______ _______ _______ ________ __________ __________ ________ ____ _______.
__________ _____ ___ ______ ___ ______ ___.
_________ __________ ____ ________ _____ ________ _________ _________.
__________ _________ _____ _________ __________ __________ _________ __________ ___ _______ _______ ______.
_________ ______ __________ ___ ________ _____ ________.
___ ________ __________ ____ _______ ____ ___ ___ _________ ______ __________.
_______ _________ __________ __________ _____ ________.
____ ___ _______ _______ __________ _____ ___ _______ _______ ________.
______ __________ _______ _________ _____ ______ ________ ____ _________ ____ _____ ______.
___ _______ __________ __________ ______ ______ _______ ___ _________ ________ _________ _______.
_____ _________ ___ _____ _______ _______ _____ _________ ____ ___ __________ ________.
___ _________ ___ _________ __________.
____ __________ __________ ___ ______ ________.
_________ ________ _______ __________ __________ ________ _______ ___ ______ _____ _____ _________.
________ __________ _______ ________ _______ ____ _______ ________ _________ ________.
_______ ____ _________ __________ __________ ___ ____.
____ _______ __________ ___ _____ ________ _____ ________ _______ _______ _______ _____.
______ ___ ______ __________ _________ ____ _______ ___ _____.
___ ___ __________ _____ ______ ________ __________ _______.
__________ ______ ____ ______ _________ _______ __________ ______ ______ ___.
______ _________ ________ _____ ______ ____ ____.
_____ _____ _______ ______ ___ __________ _________ ________ _____ _______ _________.
________ _____ ______ __________ ___.
________ _________ __________ ___ __________.
________ ________ ______ _____ __________.
__________ _______ _________ __________ ______ ___.
________ ______ _______ ________ _____.
_______ _________ ________ __________ ___ ______ ______ _____ _________.
_____ ____ ______ _______ ________ ________ _____.
_______ ___ ______ ________ _________.
_______ __________ _________ ___ ________.
____ ______ ______ _____ _________.
___ __________ _________ _________ ______ ______ ___ ___ ________ ____ ____.
____ _________ ___ __________ _______ _________ ________ _____ __________ ___ __________.
________ ____ ___ _______ _____.
__________ ______ ____ _______ ______ _______ ___ ____ ________ _________.
______ _______ ___ ______ ___ _________ ________ ______ _______ _________ _______.
_____ ________ ____ ________ ____ ______ _________.
____ _____ ________ __________ ________.
____ _________ ____ ___ ____ _________ ________ _________ ____ ________ _________ ____.
__________ __________ _______ ____ _____ ______ _________ _______ ___ __________.
_________ _______ _____ ___ _______.
__________ __________ _____ _________ __________ ___ _______ ____ ____ ___ ________ ___.
_________ ________ _____ ___ ___ ________.
______ ________ ______ ___ _________ ______ _____ _______ ____ ________.
______ _____ ________ __________ _________ _____.
___ _______ ____ __________ _______ ______ ______ ______ ____ ______ __________.
______ _____ ___ ____ ______.
__________ ______ _________ _______ _________ __________ __________ __________ ________ _______ _______ __________.
______ ______ ___ __________ _______.
______ ______ ________ _____ __________ ___.
___ ____ _______ _____ ____ ____ ____.
__________ ______ ___ ___ __________ ______ ____ ___ _______ _________.
___ ________ _____ ___ ____.
__________ _________ _________ __________ ____ _________ ________ ___ _______ ___ ___ ________.
______ ______ _____ ___ _____ ______ ___ _________ _______ ______ _______.
_____ ___ _________ ________ ______ __________ ________ _____ _____ ____.
_________ ____ ___ __________ _________ ____ __________ ______ ______.
________ ________ _________ ___ __________ _________.
_________ ____ ____ ___ _________ __________ __________.
_______ ____ _________ _________ ______ ___ _____ ______ __________ ______ _________.
____ _______ _________ ________ __________ _________ ____ ___ ___ _________.
_______ _______ _________ ______ ______ ____ _________ _________ ___.
_____ _____ ____ _______ ___ _______ _____ ___ ______ ______.
________ ____ ________ _________ ______ ___ __________ ____ _____ _____ ______ _____.
______ _____ ____ _________ _____ ____ _________ ______ ____ _______ _________.
____ ____ ________ ____ __________.
________ ______ _______ __________ _______ ___ ____ _______ _________ ___ __________.
_____ _________ _______ _____ _________ __________ _______ __________.
_____ ________ ___ _________ ___ _________ _____ _________.
_____ ____ ___ ___ _____ _____ _________ ____ _________ ________ ___.
______ _____ ________ _____ _______ _________ _______ ____ _______ ____.
__________ ___ _________ _____ ______ _____.
________ ___ _____ _____ _________ ______ _____ ________.
________ _________ _______ __________ ________ ____ ______.
__________ ______ ___ _______ _______ ___ ___.
________ ______ __________ _________ ___ ________ ____ ___ ____ _____.
_____ ________ _____ ___ ___ __________ _____ _______ ______ ___ _________.
_______ ________ ________ ___ _______.
______ _________ ______ ___ ____ _____ ___.
___ ____ _________ ________ ___.
________ _______ _________ __________ ____ ________ ________ _____ ____ ____ _______ __________.
_________ _________ _______ _______ _________ ____ ________.
__________ _________ _______ _______ ________ __________ _______ _______ __________ ______ ___ ___.
________ ____ _________ __________ _____ ___.
___ _________ _______ ______ ________ ________ ________ _____ ________.
________ _________ ______ __________ _________ ___ ________ _________ ________ ___.
_________ ____ ___ ______ __________ _____ ______ ______.
__________ ___ _________ ___ ____ _________ ___ ____ _________ ____ ____ _________.
____ _______ ______ ____ ____ _____ ____ ___ _____ _________ _____.
_____ ____ ___ __________ _______ ____ ____ ___ ____ ____ _______.
_____ ________ _____ ________ ______ _________ _____ ____ __________ _____.
______ _________ ________ ___ ____ ____ ____ ___ _________ ______ __________ __________.
___ ______ ________ ________ ________ ___.
_________ _____ ________ ______ ________ ____ _________ _______.
__________ ___ _______ ____ _______ ____ _____ __________.
______ _______ _____ ____ _________ ________.
_________ ___ ______ _______ ______ _____ ___ __________ _____.
________ _____ __________ ____ ________ _________ ____ _________ ___ ________ _____ ________.
________ ____ ______ ___ ________ ____ _______ __________ ___ _______.
_________ _______ ______ ___ ____ _______.
_________ _____ ______ ___ _____ _________ __________ ___ ________ __________.
_____ ______ __________ __________ ________ ______ _______ _________ ____ ________ _______ ___.
____ ___ ___ ______ __________.
___ ___ ______ ________ _________ ________ __________ ______.
_________ ____ ________ ____ ______ ___ _____ __________ ____ ___.
____ ___ __________ _____ _______ _____ ____ __________ _________.
____ ______ ___ ___ _____.
_________ __________ ________.
Get Full Answer on WhatsApp

IGNOU Solved Assignments Assignments Ignou Projects Project Previous Year Solved Exam Papers Notes Notes Sample Question Papers Sample Question Papers

IGNOU NEWS

Assignment Submission Last Date Extended Till 30 June 2026 Click Here★★★IGNOU June 2026 TEE Date Sheet Released Click Here★★★