COMPUTER APPLICATIONS
SUBJECT CODE – 165
CLASS X
PRACTICAL / PROJECT FILE
SESSION 2026–27
Project Title:
MY SCHOOL WEBSITE
Submitted By:
Name: ______________________________
Class: X
Section: __________
Roll No.: __________
Submitted To:
Computer Teacher: ______________________________
School Name:
PAGE 1 – CERTIFICATE
CERTIFICATE
This is to certify that ____________________________, student of Class X, Session 2026–27, has successfully completed the Computer Applications (165) practical project entitled:
“MY SCHOOL WEBSITE”
The project has been completed under my guidance as part of the practical work for CBSE Class X Computer Applications.
Teacher's Signature: __________________
External Examiner: ___________________
Date: __________________
School Seal
PAGE 2 – ACKNOWLEDGEMENT
ACKNOWLEDGEMENT
I would like to express my sincere thanks to my Computer Applications teacher for guiding me throughout this project.
I am also thankful to my school, parents and friends for their support and encouragement.
This project helped me understand HTML, hyperlinks, forms, CSS and basic web-page design.
Name: __________________
Class: X
Roll No.: _______________
PAGE 3 – INDEX
| S.No. | Topic | Page |
|---|---|---|
| 1 | Certificate | 1 |
| 2 | Acknowledgement | 2 |
| 3 | Index | 3 |
| 4 | Introduction | 4 |
| 5 | Objectives | 5 |
| 6 | Problem Definition | 6 |
| 7 | Hardware & Software Requirements | 7 |
| 8 | Technologies Used | 8 |
| 9 | Website Structure | 9 |
| 10 | HTML Concepts Used | 10 |
| 11 | Home Page Code | 11 |
| 12 | About Page Code | 12 |
| 13 | Admission Form | 13 |
| 14 | CSS Code | 14 |
| 15 | Sample Output | 15 |
| 16 | Testing | 16 |
| 17 | Advantages | 17 |
| 18 | Limitations | 18 |
| 19 | Future Scope | 19 |
| 20 | Conclusion | 20 |
| 21 | Viva Questions | 21 |
| 22 | Bibliography | 22 |
PAGE 4 – INTRODUCTION
INTRODUCTION
A website is a collection of web pages available on the Internet.
This project is a simple School Website created using HTML and CSS.
The website provides information about:
School
Principal
Courses
Facilities
Contact details
Admission form
The project demonstrates basic concepts of web-page creation.
PAGE 5 – OBJECTIVES
OBJECTIVES
The main objectives of this project are:
To understand HTML.
To create web pages.
To use headings and paragraphs.
To insert images.
To create hyperlinks.
To create tables.
To create forms.
To use lists.
To apply basic CSS styling.
To understand website structure.
PAGE 6 – PROBLEM DEFINITION
PROBLEM DEFINITION
Schools need an easy way to provide basic information to students and parents.
A school website can provide information about:
School profile
Academic activities
Facilities
Admission
Contact information
Therefore, a simple school website has been developed using HTML and CSS.
PAGE 7 – HARDWARE AND SOFTWARE REQUIREMENTS
HARDWARE REQUIREMENTS
Computer/Laptop
Keyboard
Mouse
Monitor
Minimum 2 GB RAM
Storage space
SOFTWARE REQUIREMENTS
Windows/Linux
Notepad / Notepad++
Visual Studio Code
Google Chrome / Microsoft Edge / Firefox
PAGE 8 – TECHNOLOGIES USED
HTML
HTML stands for HyperText Markup Language.
It is used to create the structure of a web page.
CSS
CSS stands for Cascading Style Sheets.
It is used to improve the appearance and design of a web page.
WEB BROWSER
A web browser displays HTML documents as web pages.
Examples:
Google Chrome
Microsoft Edge
Mozilla Firefox
PAGE 9 – WEBSITE STRUCTURE
WEBSITE STRUCTURE
MY SCHOOL WEBSITE
|
+---------------+---------------+
| | |
HOME ABOUT CONTACT
| | |
| | Admission Form
|
Facilities
|
Courses
FILE STRUCTURE
School Website
│
├── index.html
├── about.html
├── admission.html
├── style.css
└── images
PAGE 10 – HTML CONCEPTS USED
The following HTML elements are used:
| HTML Element | Purpose |
|---|---|
<html> | Root element |
<head> | Contains page information |
<title> | Page title |
<body> | Main page content |
<h1> | Main heading |
<p> | Paragraph |
<img> | Image |
<a> | Hyperlink |
<table> | Table |
<form> | Form |
<input> | Input field |
<ul> | Unordered list |
<ol> | Ordered list |
<br> | Line break |
PAGE 11 – HOME PAGE
index.html
<!DOCTYPE html>
<html>
<head>
<title>My School Website</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>WELCOME TO MY SCHOOL</h1>
<p>
Welcome to our school website.
Our school provides quality education
and a positive learning environment.
</p>
<h2>Our Facilities</h2>
<ul>
<li>Computer Laboratory</li>
<li>Science Laboratory</li>
<li>Library</li>
<li>Smart Classes</li>
<li>Playground</li>
</ul>
<h2>Important Links</h2>
<a href="about.html">About School</a>
<br>
<a href="admission.html">Admission Form</a>
</body>
</html>
PAGE 12 – ABOUT PAGE
about.html
<!DOCTYPE html>
<html>
<head>
<title>About School</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>ABOUT OUR SCHOOL</h1>
<p>
Our school provides quality education
and encourages students to participate
in academic, cultural and sports activities.
</p>
<h2>Our Courses</h2>
<ol>
<li>Science</li>
<li>Mathematics</li>
<li>Computer Applications</li>
<li>Social Science</li>
<li>Languages</li>
</ol>
<a href="index.html">Back to Home</a>
</body>
</html>
PAGE 13 – ADMISSION FORM
admission.html
<!DOCTYPE html>
<html>
<head>
<title>Admission Form</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>ADMISSION FORM</h1>
<form>
<label>Student Name:</label>
<input type="text" name="name">
<br><br>
<label>Father's Name:</label>
<input type="text" name="father">
<br><br>
<label>Date of Birth:</label>
<input type="date" name="dob">
<br><br>
<label>Gender:</label>
<input type="radio" name="gender"> Male
<input type="radio" name="gender"> Female
<br><br>
<label>Class:</label>
<select>
<option>IX</option>
<option>X</option>
</select>
<br><br>
<label>Address:</label>
<br>
<textarea rows="4" cols="30"></textarea>
<br><br>
<input type="submit" value="Submit">
<input type="reset" value="Reset">
</form>
<br>
<a href="index.html">Back to Home</a>
</body>
</html>
PAGE 14 – CSS
style.css
body {
font-family: Arial;
margin: 40px;
background-color: #f2f8ff;
}
h1 {
text-align: center;
color: darkblue;
}
h2 {
color: green;
}
p {
font-size: 18px;
line-height: 1.5;
}
a {
color: blue;
text-decoration: none;
}
input, textarea, select {
padding: 6px;
margin: 4px;
}
PURPOSE OF CSS
CSS is used to:
Change text colour
Change background
Set font
Add spacing
Align headings
Improve page appearance
PAGE 15 – SAMPLE OUTPUT
HOME PAGE
Expected output:
WELCOME TO MY SCHOOL
Welcome to our school website.
Our school provides quality education
and a positive learning environment.
Our Facilities
• Computer Laboratory
• Science Laboratory
• Library
• Smart Classes
• Playground
Important Links
About School
Admission Form
Paste screenshot of your Home Page here.
ABOUT PAGE
Paste screenshot of your About Page here.
ADMISSION PAGE
Paste screenshot of your Admission Form here.
PAGE 16 – TESTING
TEST CASES
| Test | Action | Expected Result |
|---|---|---|
| 1 | Open index.html | Home page opens |
| 2 | Click About School | About page opens |
| 3 | Click Admission Form | Form opens |
| 4 | Enter student name | Name is accepted |
| 5 | Select gender | Option selected |
| 6 | Click Submit | Form submission initiated |
| 7 | Click Reset | Form fields cleared |
PAGE 17 – ADVANTAGES
ADVANTAGES
Simple and easy to use.
Provides school information.
Easy navigation using hyperlinks.
Attractive web pages can be created.
Admission information can be displayed.
Website can be accessed using a browser.
HTML is easy to learn.
CSS improves website appearance.
PAGE 18 – LIMITATIONS
LIMITATIONS
The website is static.
The admission form does not store data in a database.
No login system is provided.
No online payment facility is available.
Website requires further development for real-world use.
PAGE 19 – FUTURE SCOPE
FUTURE SCOPE
The website can be improved by adding:
Student login
Teacher login
Online admission
Online fee payment
School notices
Student results
Attendance information
Photo gallery
Online examination
Database connectivity
Responsive mobile design
PAGE 20 – CONCLUSION
CONCLUSION
The My School Website project demonstrates the basic principles of web development.
During this project, I learned how to:
Create HTML pages.
Use headings and paragraphs.
Create lists.
Insert hyperlinks.
Create forms.
Use tables.
Apply CSS.
Organise multiple web pages.
This project helped me understand the practical use of HTML and basic web technologies.
PAGE 21 – VIVA QUESTIONS AND ANSWERS
1. What is HTML?
HTML stands for HyperText Markup Language. It is used to create web pages.
2. What is CSS?
CSS stands for Cascading Style Sheets. It is used to style web pages.
3. What is a web browser?
A web browser is software used to access and display web pages.
4. Give two examples of browsers.
Google Chrome and Microsoft Edge.
5. What is a hyperlink?
A hyperlink is a clickable link that connects one web resource to another.
6. Which tag is used for a hyperlink?
<a> tag.
7. Which tag is used to insert an image?
<img> tag.
8. Which tag is used to create a paragraph?
<p> tag.
9. Which tag creates the largest heading?
<h1>.
10. What is a form?
A form is used to collect information from users.
11. Which tag creates a form?
<form>.
12. Which tag is used for text input?
<input>.
13. What is the purpose of <br>?
It inserts a line break.
14. What is the purpose of <title>?
It specifies the title of the web page.
15. What is the difference between HTML and CSS?
HTML creates the structure of a webpage, while CSS controls its appearance and styling.
PAGE 22 – BIBLIOGRAPHY
BIBLIOGRAPHY
CBSE Computer Applications (165) Curriculum 2026–27.
NCERT/CBSE Computer Applications study material.
HTML reference material.
CSS reference material.
Computer Applications class notes.
Teacher's guidance.
FINAL CHECKLIST
Before submitting the practical file:
☐ Cover Page completed
☐ Certificate signed
☐ Acknowledgement completed
☐ Index completed
☐ Project introduction written
☐ Objectives written
☐ Requirements written
☐ Flowchart drawn
☐ HTML programs written
☐ CSS program written
☐ Output screenshots pasted
☐ Test cases completed
☐ Conclusion written
☐ Viva prepared
☐ Bibliography completed
☐ Teacher's signature obtained
PROJECT TITLE
MY SCHOOL WEBSITE
RUonTop: Hi Welcome to our Blog...