0% found this document useful (0 votes)
28 views21 pages

A Project Work

Useful project work

Uploaded by

Saugat
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
0% found this document useful (0 votes)
28 views21 pages

A Project Work

Useful project work

Uploaded by

Saugat
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
You are on page 1/ 21

A Project Work

On
“PBESS HTML Page”

Submitted by: Saugat Shrestha


Subject: Computer Science
Submission Date: 2080/12/2
Submitted to: Santosh Bajgain Sir
Description
Project Work
Topic: Pathibhara English Secondary School HTML page
Designed by: Saugat Shrestha
Language Used: HTML, CSS

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.

2. Project Vision: Knowledge at Your Fingertips


This project is driven by two key objectives:
• Empowering Learning with Technology: Showcase the full spectrum of
HTML and CSS concepts learned in the classroom.
• Building a Digital Bridge: Extend the school's reach into the online
realm, providing students with convenient access to information and
resources.
3. Program Structure

Start

Home

home Faculties Teachers Contact Register

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">

<title>Class 11 Admission Form</title>

</head>
<body>
<h1>Class 11 Admission Form</h1>
<form>
<h2>Personal Information</h2>
Full Name:<input type="text" name="name">

Email Address:<input type="email" name="email" required>

Phone Number:<input type="tel" id="phone" name="phone" required>

<h2>Academic Information</h2>
Previous School Name:<input type="text" id="prev_school"
name="prev_school" required>

Previous Board:<input type="text" id="prev_board" name="prev_board"


required>

Percentage in Class 10 (if applicable):<input type="number"


id="percentage" name="percentage" min="0" max="100">

<h2>Stream Selection (if


applicable):</h2>
<select id="stream" name="stream">
<option value="">Select Stream</option>
<option value="science">Science</option>
<option value="commerce">Commerce</option>
<option value="arts">Arts</option>
</select>

<h2>Additional Information (Optional)</h2>


Please provide any additional information you wish to share
(achievements, specific subjects, etc.):
<textarea name="additional_info"></textarea>

<button type="submit">Submit Application</button>


</form>
<h2><a
href="file:///C:/Users/ACER/Desktop/HTML/Home.html">Back</h2>
</a>
</body>
</html>

6. Actual output
HomePage

Faculties Page
Teachers’ Page
Contact Page
Register Page

You might also like