A Project Work
A Project Work
On
“PBESS HTML Page”
Preface
This project proudly represents the culmination of my exploration into the world of
web design, undertaken as part of the +2 curriculum. Under the invaluable
guidance of my esteemed Computer Science Teacher, Mr. Santosh Bajgain Sir, I
embarked on a journey to translate theoretical concepts of HTML and CSS into a
tangible website creation. The project solidified my understanding of web design
fundamentals by allowing me to translate code into a visually appealing and
interactive creation. This hands-on experience ignited my passion for web
development. Gratitude to all who contributed to its success.
Saugat
Roll no:05
TABLE OF CONTENT
1. Problem Background
2. Aims and Objective
3. Program Structure
4. Program designing
a. Algorithm
5. Actual Coding
6. Actual Output
7. Conclusion
1. Problem Background
As this generation is moving towards technology, many
inquires happens in the online platform as well. So for
resolving this problem a website of school is mandatory.
This gives school a platform to reach out maximum students
and render quality education.
Start
Home
4. Program Designing
a. Algorithm
Homepage
Step 1: Start
Step 2: Write HTML code
Step 3: Add school logo and photo
Step 4: Give table for faculty, teacher, contact and
register page
Step 5: End
Faculty page
Step 1: Start
Step 2: Give information about faculties
Step 3: Give option to return back to Homepage
Step 4: End
Teachers’ page
Step 1: Start
Step 2: Give information of teacher in table
Step 3: Give option to return back to Homepage
Step 4: End
Contact
Step 1: Start
Step 2: Give information of contacting method
Step 3: Give option to return back to Homepage
Step 4: End
Register
Step 1: Start
Step 2: Give form to fill for admission
Step 3: Give option to return back to Homepage
Step 4: End
5. Actual Coding
Home.HTML
<html>
<head><title>The Creation of Website</title></head>
<body bgcolor="Brown">
<img src="img.jpg" width=20%><!--image of logo-->
<img src="school.jpg" ><!--image of logo-->
<h1 align ="center">
<font size="28"face="cooper black" color="blue">
<u>Pathibhara English Secondary School</u></font></h1>
<font face ="monotype corsiva" >
<table border="4"align="center" width=30% height=10%>
<tr bgcolor= "yellow">
<th><h1><u>Home</h1></th>
<th><h1><u>Faculties</h1></th>
<th><h1><u>Teachers</h1></th>
<th><h1><u>Contact</h1></th>
<th><h1><u>Register</h1></th>
</u></tr>
</table></font>
</body>
</html>
Faculty-Page.html
<html>
<head><title>Faculty</title></head>
<body bgcolor = "tomato">
<h1 align ="center"><font face = "Lucida calligraphy" color ="Aqua"><u>
FACULTIES</u></font></h1><br>
<table border=1% bgcolor ="black" width =100%>
<tr><th><h3>
<font face = "Lucida calligraphy" color ="greenyellow">
Welcome to the section
<font colour ="Chartreuse">
Where we provide you
<font colour ="Lawngreen">
Information about the faculties which
<font colour ="Lime">
We can render you in our school
</font>
</font></font>
</h3></th></tr></table>
<br>
<h1>
<font face="Monotype corsiva" colour="deepskyblue">
We teaches following Faculties:-
<ol>
<li>Primary Level</li>
<li>Lower secondary level</li>
<li>Higher Secondary Level</li>
<ul><li>+2 science</li>
<li>+2 Management(computer)</li>
</ul></ol></h1>
</font></body>
<h2><a
href="file:///C:/Users/ACER/Desktop/HTML/Home.html">Back</h2>
</a>
</body>
</html>
Teachers.HTML
<html>
<head><title>Teachers info</title></head>
<body bgcolor="tomato">
<table border=1% bgcolor ="black" width =100%>
<tr><th><h1><font face ="Bradley Hand ITC" color="gold">Here
we especially provide you the information of the teachers of +2
Science</font></h1>/th></tr></table>
<h2><font face ="Bradley Hand ITC" color="gold">The
informations are given in the table:</font></h2>
<font face ="Monotype corsiva"><table border=10% bgcolor=
"greenyellow"><tr >
<th ><h1>Teachers</h1></th>
<th ><h1>Subjects</h1></th>
<th ><h1>Virtues</h1></th>
<th><h1>Advantages for students</h1></th>
<th ><h1>Photo of Teacher</h1></th>
</tr>
<tr>
<th><h1>ShantiRam Subedi</h1></th>
<th><h1>Math</h1></th>
<th><h1>Polite<br>Helping<br>friendly with
students<br>Scholor in math<br>Teachers of math in DMC</h1>
</th>
<th><h1>Can ask any question related to math at
anytime<BR>Can make class more interactive<br>Can know the
root knowledge about the math</h1></th>
<th ><img
src="C:\Users\ACER\Desktop\HTML\ShantiramSir.jpg"
height=20% width=20%></th>
</tr>
<tr >
<th><h1>Ratna Thapa</h1></h1></th>
<th ><h1>Chemistry</h1></th>
<th ><h1>Scholor<br>Make student work Hard<br>Humourous
character<br>Lil.Strict</h1></th>
<th><h1>Completion of the course on time<br>Well preparation
for exam<br>well understanding of lesson</h1></th>
<th ><img
src="C:\Users\ACER\Desktop\HTML\Ratnasir.jpg"height=20%
width=20%></th>
</tr>
<tr >
<th ><h1>DevRaj Sapkota</h1></th>
<th ><h1>Physics</h1></th>
<th ><h1>Well
mannered<br>Experienced<br>Scholor<br>Ethical<br>Concerning
<br> friendly<br>humble</h1></th>
<th><h1>Can ask any unclear topic at any time<br>Can ask
unsolved problems at break or msger<br></h1></th>
<th ><img
src="C:\Users\ACER\Desktop\HTML\Devrajsir.jpg"height=20%
width=20%></th>
</tr>
<tr >
<th ><h1>Basu Kafle</h1></th>
<th ><h1>Biology</h1></th>
<th ><h1>Well
mannered<br>Experienced<br>Scholor<br>Ethical<br>Concerning
<br> friendly<br>humble</h1></th>
<th><h1>Can ask any unclear topic at any time<br>Can ask
unsolved problems at break or msger<br></h1></th>
<th ><img
src="C:\Users\ACER\Desktop\HTML\Basusir.jpg"height=20%
width=20%></th>
</tr>
<tr>
<th><h1>Santosh Bajgain</h1></th>
<th><h1>Computer</h1></th>
<th><h1>Experienced<br>Friendly<br>Humourous<br>smart</h
1></th>
<th><h1>Can know about basic concept of programming<br>Can
learn learn iteractively using multimedia</h1></th>
<th ><img
src="C:\Users\ACER\Desktop\HTML\Santoshsir.jpg"
height=20% width=20%></th>
</tr>
<tr >
<th ><h1>Rajan Sigdel</h1></th>
<th ><h1>English</h1></th>
<th ><h1>Well experienced<br>Ethical<br>Excellent in
literature<br>Humble</h1></th>
<th><h1>can learn a lot of perpectives in literature<br>Interactive
classes</h1> </th>
<th ><img src="C:\Users\ACER\Desktop\HTML\Rajansir.jpg"
height=20% width=20%></th>
</tr>
<tr >
<th ><h1>Binod Dhakal</h1></th>
<th ><h1>Nepali</h1></th>
<th
><h1>peaceful<br>cheerful<br>Friendly<br>Experienced</h1></
th>
<th><h1>Interactive Classes <br> well understanding of Nepali
literature and grammer</h1></th>
<th ><img src="C:\Users\ACER\Desktop\HTML\Binodsir.jpg"
height=20% width=20%></th>
</tr>
</table></font>
<h2><a
href="file:///C:/Users/ACER/Desktop/HTML/Home.html">Back<
/h2></a>
</body>
</html>
Style.css
body
{
color:olive;
background-color:white;
Font-Family: "Monotype Corsiva";
font-Size: 20px;
text-align:left;
text-decoration:underline;
text-decoration-style:dotted;
text-decoration-color= reds;
word-spacing:3px
}
Contact.html
<html>
<head><title>Contact info</title>
<link rel="stylesheet" type ="text/css" href="style.css">
</head>
<body>
<u><h1 align="center">Welcome to this Page</h1>
</u><h1>The information for contacting us is given below:</h1>
<img src="C:\Users\ACER\Desktop\HTML\p.png"><h2 > Contact us
in<br>9842648317<br>9842629302</h2>
<img src="C:\Users\ACER\Desktop\HTML\G.jpg" height=30%
width=30%><h2 > Contact us in <br>[email protected]</h2>
<img src="C:\Users\ACER\Desktop\HTML\fb.jpg" height=30%
width=30%><h2 > please visit <br>Pathibhara English Secondary
School Damak-4</h2>
<h2><a
href="file:///C:/Users/ACER/Desktop/HTML/Home.html">Back</h2>
</a>
</body>
</html>
Register.html
<!DOCTYPE html>
<html lang="en">
<head><link rel="stylesheet" type ="text/css" href="style.css">
</head>
<body>
<h1>Class 11 Admission Form</h1>
<form>
<h2>Personal Information</h2>
Full Name:<input type="text" name="name">
<h2>Academic Information</h2>
Previous School Name:<input type="text" id="prev_school"
name="prev_school" required>
6. Actual output
HomePage
Faculties Page
Teachers’ Page
Contact Page
Register Page