2
CHAPTER 1
INTRODUCTION
The proposed website I an effective replacement of the current website with
improvements in overall site appearance, usability and authenticity.This will give a
better outlook of the college to the site visitors. It content all the information in a
structure manner , by that the visitors can access the site easily. In an effort to
prioritize an important tool for an organization’s communication plan, I undertook
thedevelopment of a web style guide for college.
I surveyed the published literature and discovered that although much had been
written about corporate style guide creation, nothing existed about how to create a
web style guide. Additionally, my research on 70 web style guides from peer
intitutions revealed that 2 there was no correlation between the quality of a web style
guide and the quality of the corresponding website-exemplary webstyle guides were
found on sub-par website,and vice-versa.
Finaly,baswed on a content analysis of web style guides.I developed a new approach
for creating a web style guide for higher education institutions Clearly,there is great
variation for what comprises a web style guide,with some leaning towards either the
technical or editorial side of the spectrum, as these example demonstrate.For the
purpose of this paper,though,I will categorize lynch and Horton’s topic areas and
say that a web style guide is a set of basic design principles which are composed of
editorial,visual,and web-specific standards.Put thi way,a web style guide becomes
more familiar:editorial features derive from traditional style duide or style
handbooks,based on a content analysis of web style guides,I developed a new
approach for ceating a web style guide for higher education institutions,

3
Purpose
The proposed ebsite content to all reequirement for a good college website with
all necessary detailing.we hope for achievinga better alignment the proposed
website is an effective replacement of the current website with improvement in
overall site visitors.It content all the information in a structure manner, by that the
visitor can access the site easily.
SCOPE
This web site is being developed for collegeand is intended to used by
individuals with web access.Who are interested in obtaining bachelor’s degre in
computer.This is also very useful for faculty and students of college.
DEFINATION
College website is integrated web application that handles various acedemic
and non acedemic actuivities of a college/Acedemic Institute.The system can
access by every students/faculties/employees of the institution through internet
connected computers or internet enabled mobile devices with the aid of his user
name and password.Every user will have a customized home page with his/her
profile management facilities.through links that displays in the home page the user
can access different options of the website

4
CHAPTER 2
OBJECTIVE
Your team will need to build and maintain a website as part of the
implementation of your Quest project.This website shouid serve as the
project’s portfolio ,but also be used to market,communicate,and educate.
Your team’s website should have a designated spot for each of the
following.
 -Mission and VISION Statement
 -Annotated bibliography
 -Abstract
 -Project proosal
 -Marketing tools
 -Team success
Once the website hase been buil,your team will need to update the siote
during each emplimentation cycle to reflact the latest dev. Of your
project.

5
CHAPTER 3
Technology
HTML Basics Welcome to HTML Basics. This workshop leads
you through the basics of Hyper Text Markup Language
(HTML). HTML is the building block for web pages. You will
learn to use HTML to author an HTML page to display in a web
browser. Objectives: By the end of this workshop, you will be
able to: ƒ Use a text editor to author an HTML document. ƒ Be
able to use basic tags to denote paragraphs, emphasis or special
type. ƒ Create hyperlinks to other documents. ƒ Create an email
link. ƒ Add images to your document. Q: What is Notepad and
where do I get it? A: Notepad is the default Windows text editor.
On most Windows systems, click your Start button and choose
Programs then Accessories. It should be a little blue notebook.
Mac Users: SimpleText is the default text editor on the Mac. In
OSX use TextEdit and change the following preferences: Select
(in the preferences window) Plain text instead of Rich text and
then select Ignore rich text commands in HTML files. This is
very important because if you don't do this HTML codes
probably won't work. One thing you should avoid using is a
word processor (like Microsoft Word) for authoring your HTML

6
documents. What is an html File? HTML is a format that tells a
computer how to display a web page.
USE TECHNOLOGY
Editor= Notepad ,
Notepad++,
WordPad
UC Browser
Internet explorer,
Safari,
Chrome,

7
USE STRUCTURE
<HTML>
<HEAD>
<TITLE>…………………………….</TITLE>
<STYLE TYPE=“TEXT/CSS”>
BODY{FONT COLOR=“RED”}
</STYLE>
</HEAD>
<BODY>
<H><B><U>…………………..</U></B></H>
<P>…………………………………………………………..</P>
</BODY>
</HTML>

8
CHAPTER 4
Descriptions
Our website is used to access the information about
the HHHHH . In which you can know about the
facility, faculty courses an sport activities of college.
With the help of this webpage you can gain
information at any time and at any place. And for
more information you can also send email or call for
access the details about RSB college.

9
CHAPTER 4
Investigation
When we going college and schools then we
saw that student face many problems about tham
future and selecting college. So to provide a easy
way to explain about college which a student want to
select.

10
CHAPTER 6
Input and Out put
College Web SiteHOME.HTML
<html>
<head><title>web page</title></HEAD>
<Body style="background-color:thistle">
<CENTER><H1> <U><FONT COLOR="NAVY">RAI SAHEB BHANWAR SINGH
COLLEGE NASRULLAGANJ </FONT></U></H1></CENTER>
<IMG SRC="IMAGENEW LOGO.PNG"WIDTH="150" HEIGHT="200"
ALIGN="LEFT"/>
<img src="imageCollege photo.jpg" width="1080" height="200"/>
<table width="100%" border="1"><tr>
<th><A HREF="HOME.HTML">HOME</A></th>
<th><A HREF="ABOUTUS.HTML">ABOUT US</A></th>
<th><A HREF="CONTACT US.HTML">CONTACT US</A></th>
<th><A HREF="DEPARTMENT.HTML">DEPARTMENT</A></TH>
<TH><A HREF="SPORTS.HTML">SPORTS</A></th>
<th><A HREF="COURSES.HTml">COURSES</A></th></body></head>
</html>

12
college web siteABOUTUS.HTML
<HTML>
<HEAD>
<TITLE> ABOUT US </TITLE>
</HEAD>
<img src="imagecollege photo.jpg" width="100%" height="250"/>
<BODY style="background-color:#eee8aa">
<img src="imageraisaheb.jpg" width="200" height="150" align="right"/>
<h2><font color="blue"> ABOUT US:- </font></H2>
The Rai Saheb Bhanwar Singh College, Nasrullaganj is
established in the memory of Shri Bhanwar Singh Ji, Sothiya . This college is geared specially
to provide high quality education adopting the latest techniques and methodology for curriculum
transaction and is poised to develop into an institute of higher learning and interdisciplinary
research.The institution also aspires to kindle in the students the desire for lifelong learning and
for reaching the unreached.
The Rai Saheb Bhanwar Singh College with the prime
objective of bringing about intellectual awakening and
transformation in educational, economic, social and
cultural fields in India and particularly in
Madhya Pradesh.
<br><br><br><br><tr><th></th></tr>
<MARQUEE style="background-color:gray" > <font color="yellow"> THAT WEBSITE IS
DESIGEND BY B.Sc Vi SEM STUDENT(RSB COLLEGE
NASRULLAGANJ)</font></MARQUEE>
<A HREF="homepage.HTML">back</A>
</BODY>
</HTML>

14
college web siteCONTACT US.HTML
<HTML>
<HEAD>
<TITLE><AHREF=" CONTACT US.HTML"</A> CONTACT US</TITLE>
</HEAD>
<style type="text/css">
body
{background-color:"#ADD8E6"}
</style>
</head>
<TABLE border="4"width="100%"height="20">
<tr>
<th>
</th>
</tr>
</table>
<TABLE border="4"width="100%"height="20"style="background-
color:#FFB6C1;">
<tr>
<th>
<h1><center><font color="blue">RAISAHEB BHANWAR SINGH COLLEGE
</center> </h1>
</th>
</tr>
</TABLE>
<TABLE border="4"width="100%"height="20">
<tr>
<th>
</th>
</tr>

16
college web siteDEPARTMENT.HTML
<HTML>
<head>
<TITLE>RSB COLLEGE FACULTY </TITLE>
</HEAD>
<BODY STYLE="BACKGROUND-COLOR:#DEB887">
<TABLE BORDER="1" WIDTH="100%" HEIGHT="8"><TR>
<TH><H1><FONT COLOR="BLUE"><U> RAI SAHAB BHANWAR SINGH COLLEGE
FACULTY</FONT></U></H1></TH>
</TR></TABLE>
<IMG SRC="IMAGECollege Photo.JPG" WIDTH="100%" HEIGHT="250"/>
<HR/>
<IMG SRC="IMAGEstaff.JPG" WIDTH="75%" HEIGHT="250"/ ALIGN="RIGHT">
<table border="1" WIDTH="250" HEIGHT="250">
<tr>
<tD><B><A HREF="COMPUTER SCIENCE DEPARTMENT.HTML">COMPUTER SCIENCE
DEPARTMENT</A></B></tD>
</tr>
<tr>
<tD><B><A HREF="COMMERCE DEPARTMENT.HTML">COMMERCE DEPARTMENT</A></B> </tD>
</TR>
<TR>
<tD><B><A HREF="BIO.HTML">BIO SCIENCE DEPARTMENT</A></B></tD>
</TR>
<TR>
<tD><B><A HREF="MANAGEMENT.HTML">MANAGEMENT DEPARTMENT</A></B></tD>
</TR>
<TR>
<tD><B><A HREF="ARTS.HTML">ARTS DEPARTMENT</A></B></tD>
</TR>
<TR>
<tD><B><A HREF="EDUCATION.HTML">EDUCATION DEPARTMENT</A></B></tD>
</TR>
<TR>
<tD><B><A HREF="SPORT.HTML">SPORT DEPARTMENT</A></B></tD>
</TR>
</TABLE><BR/>
<MARQUEE STYLE="BACKGROUND-COLOR:GRAY"><FONT COLOR="BLUE" SIZE="5PX">THAT WEBSITE IS
DESIGNED BY B.Sc 6 SEM </FONT> </MARQUEE>
</BODY>
</HTML>

18
college web siteSPORTS.HTML
<html>
<head>
<title> FACULTI</TITLE
</HEAD>
<BODY>
body
{ background-color:"thistle";
}
table
{background-color:"plum";
<H3>OUT DOOR GAMES</H3>
<H4>Cricket <BR> Football<br>Basket ball <BR>
Kho-kho <BR>Running Track 400 M. <BR>Badminton <BR>
Boxing <BR>Long jump
<BR>bolly-ball <BR>
kabaddi <BR>
juggling <BR>
shortput <BR>
</H4>
<H3>INDORE GAMES</H3>
Chess <BR>
carrom <BR>
Table Tennis <BR>
</H4>
</BODY>
</HTML>

20
college web siteCOURSES.HTML
<html>
<head>
<TITLE> COURSES </TITLE>
</head>
<BODy style="background-color:#E0FFFF"> <CENTER><H1><U><FONT
COLOR="BLUE">COURSES</FONT></U></H1></CENTER>
<center><table border="1" width="700" >
<tr>
<th width="350">UG COURSES</TH>
<TH WIDTH="350">PG COURSES</TH>
</TR>
<TR>
<TR style="background-color:silver">
<TD><h3>B.Sc</h3>
<ul>
<li>B.Sc. Mathematics</li>
<li>B.Sc. Computer science</li>
<li>B.Sc. Biotechnology</li>
<li>B.Sc. Microbiology</li></BACKGROUND>
<TD><h3>M.Sc</h3>
<ul>
<li>M.sc Chemistry</li>
<li>M.sc Mathematics</li>
<li>M.sc Computer science</li>
<li>M.sc Biotechnology</li>
</TR>
<TD><H3>B.COM</H3>
<ul>
<li>Commerce with computer application</li>
<TD><H3>M.COM</H3>
</TR>
<TR style="background-color:silver" >
<TD><h3>BA</h3>

21
<ul>
<li>B.A. Computer Application</li>
<li>B.A. Economic's</li>
<li>B.A. Geography </li>
<li>B.A. History</li>
<li>B.A. Hindi Literature</li>
<li>B.A. Political Science</li>
<li>B.A. SociologY</li>
</ul>
</td>
</TR>
<TR style="background-color:silver" >
<TD><h3>B.B.A</H3>
<ul>
<li>B.B.A Computer application</li>
<li>B.B.A Business study</li>
</UL>
</TD>
</TR>
</TABLE></center>
<h2><font color="blue">Courses offered By
maharana pratap college:-</font></h2>
<H3><FONT COLOR="RED">Under Graduation Courses :-</H3></FONT>
<ul type="I">
<li>G.N.M. (Nursing)</li>
<li>B.B.A.</li>
<li>B.C.A.</li>
<li>B.A.</li>
<li>B.Com.(Plain/ Computer Application/ Marketing & Advertising/ Office
Management & Secretarial Practice)</li>
</ul>
<FONT COLOR="RED"> <h3>Post Graduation/ Professional Courses :-</h3></FONT>
<ul type="I">
<li> M.B.A.</li>
<li> P.G.D.C.A.</li>
<li> B.Ed.</li>
</ul>
<marquee STYLE=<background color:"white"> <font color="NAVY BLUE "><H2>THAT WEBSITE
IS DESIGNED BY B.SC VI SEM STUDENT</H2></fonT> </marquee>
<a href="homepage.html">BACK</a>

23
college web siteStudenthelp.html
<html>
<head>
<title> Student Help</title>
</head>
<body> <style type="text/css">
body
{ background-color:"#F0FFF0";
}
</style>
<h2><font color="blue"> How can we know
Which Course and College
are suitable for us ??--- </font></h2>
<h1><font color="blue">1. Course Selection – </font></h1>
<ul>
<li>What you want to become & Jobs</li>
<li>Easy to pass</li>
<li>Finance Resource</li>
<li>Eligibility </li>
<h1><font color="lightred">2. College Selection-</font></h1>
<ul type="">
<li>Quality Education
<li>Sports</li>
<li>Library</li>
<li>Laboratories</li>
<li>Fees</li>
<li>Safety</li>
</ul>
<h1><font color="red">3. University Selection – </font></h1>

24
<ul type="I">
<li> Quality</li>
<li>Area</li>
<li>Distance</li>
</ul>
<h1><font color="red"> Admission Process:-</font></h1>
1. Admission Process Starts after online result
declaration. <br>
2. Registration (Higher Education(Fee about 200))<br>
3. Verification (Govt. College)<br>
4. Allotment Letter (One Week)<br>
5. College Admission<br>
6. College Level counseling<br>
<h1><font color="red">Things TO remember :-</font></h1>
1. Course to select<br>
2.College infrastructure <br>
3.Scholar ship refund<br>
4.Fees <br>
5.Check all Laboratory<br>
6.Check sports facilities<br>
7.Check library<br>
8.Other facilities<br>
9.Don’t give original documents.<br>
<A HREF="HOMEPAGE.HTML">BAck</A>
</BODY>
</HTML>

26
college web sitescholorship.html
<html>
<head>
<title> Scholorship</title>
</head>
<body>
body
}
table
}
</style>
<H2> Scholarship Distribution:-</H2>
We have distributed scholarship more then 3.2 crore
Govt. Scholarship –
<TABLE BORDER="1" WIDTH="700" STYLE="BACKGROUND-COLOR:PURPLE">
<TR>
<TH WIDTH="350"> CAST</TH>
<TH WIDTH="350"> AMOUNT</TH>
</TR>
<tr style="background-color:silver">
<td> SC</TD>
<TD>28,70,427</TD>
<TR STYLE="background-color:silver">
<td> ST</td>
<td>10,19,526</td>
<td> OBC</TD>
<TD> 1,13,68,432</TD>
<td> TOTAL</td>
<td> 1,52,58,385</td>
</TABLE>

27
<h2> GAON KI BETI YOJANA-</H2>
<TABLE BORDER="1" WIDTH="700" STYLE="BACKGROUND-COLOR:PURPLE">
<TR>
<TH WIDTH="350"> STUDENTS</TH>
<TH WIDTH="350"> AMOUNT</TH>
</TR>
<td>1240</td>
<td> 60,90,000</td>
</table>
(5,000 each)
<h3>Scholarship Distributed By:-</h3>
<H1>Rai Saheb Achal Singh</H1>
<table border="1" width="700" style="background-color:purple">
<tr>
<th width="350"> STUDENTS</TH>
<th width="350"> AMOUNT</TH>
</TR>
<TR STYLE="BACKGROUND-COLOR:SILVER">
<TD>820</TD>
<TD>31,50,000</TD>
</TABLE>
<UL>
<LI> SC</LI>
<LI> ST</LI>
<LI> OBC</LI>
<LI> Gao ki beti</li>
<li> Scholarship by rai saheb achal singh</li>
<H2> TOTAL= 2,80,39,315</H2>
</body>
</html>

29
college web siteFEES MANAGEMENT.HTML
<HTML>
<HEAD>
<TITLE>FEES MANAGEMENT</TITLE>
</HEAD>
<BODY>
body
}
table
}
</style>
<h1><u><FONT COLOR="INDIGO">FEES COMPARISON:-</FONT></u><h1>
<CENTER><table border="1" width="900" HEIGHT="120"
style="background-color:GREEN"></CENTER>
<tr>
<th width="250">College Name</TH>
<TH WIDTH="250"> Course</th>
<th width="250">Fee Last Year</th>
<th width="250">Scholarship</th>
<th width="250">Total</th>
<th width="250">3Year Fee</th>
</tr>
<td>RSB COLLEGE</TD>
<TD> B.A PLAIN</TD>
<td>5500</TD>
<td>5000</TD>
<td>500</TD>
<td>1500</TD></tr>
<TD> OTHER COLLEGE</TD>
<TD> B.A PLAIN</TD>
<td>25,000+1500</TD>
<td>5000+(5000 Bus Fees)</TD>
<td>27,000</TD>
<td>81,000</TD></tr>

30
</table>
<h1><u><font color="INDIGO">FEES MANAGEMENT:-</FONT></U></H1>
<CENTER><H3><FONT COLOR="yellow"><U>U.G
COURSES</U></FONT></H3></CENTER>
<CENTER><TABLE BORDER="1" WIDTH="600" HEIGHT="200"
STYLE="BACKGROUND-COLOR:GREEN"></CENTER>
<TR>
<TH WIDTH="250" HEIGHT="40">U.G COURSES</TH>
<TH WIDTH="250" HEIGHT="40">YEARLY FEES</TH>
</TR>
<td> B.Sc Math(Plain) </TD>
<TD> 13,910</TD></TR>
<td> B.Sc Math(CS)</TD>
<TD> 14,000</TD></TR>
<td> B.Sc Biogroup</TD>
<td> 15000</TD></TR>
<td> B.Com Plain</TD>
<td> 10,000</TD></TR>
<td> B.Com Computer Application </TD>
<TD> 12,000</TD></TR>
<td> B.A Plain</TD>
<td> 5000</TD></TR>
<td> B.A Computer Application</TD>
<td> 6500</TD></TR>
<td> B.B.A</TD>
<TD> 10,000</TD></TR>
<td> B.CA</TD>
<td> 10,000</TD></TR>
</TABLE>

31
<HTML>
<HEAD>
<TITLE>VISION</TITLE>

32
</HEAD>
<BODY style="background-color:#E0FFFF"><FONT COLOR="GREEN"> <H1><U> VISION
AND MISSION:-</U></H1></FONT>
<P><H3><FONT COLOR="NAVY"> The Rai Saheb Bhanwar Singh college has a
bright vision for
a broader prospect that the educational systems should not only focus on imparting
quality education but also should give importance to equip the students with
knowledge, leadership qualities, moral values, personality development and other
skills to face the present day challenges.
The vision can be achieved with the real commitment,involvement and dedication. With
the goals set, monitored well and executed in a time bound process with utmost care
fulfills the vision.
Our mission is to sustain contents and creativity besides stimulating
proximity and participation. We feel it to be fundamental to wake up the young
students to the hard realities of life and the highly competitive scenario which is
fast emerging and limiting the opportunities. We wish to guide them to gain supremacy
in a stiff and highly competitive environment. We train them to acquire the skills
needed for precise planning, positive placement and prompt pro activity.
</FONT></H3></P>

34
CHAPTER 7
Conclusion
The main goal of our website is that every student known
about the college and its all the facility. Which is very
necessary for student that they know about the college’s
facility,faculty,cources,bus facility and scholarship.
 It is used to consume the time
 With the help of this webpages you can access basic
information about college.
 Easy to access.

35
CHAPTER 8
REFERENCES
www.w3school.com/
www.bookforwebdevelopment.com>
Teacher’s Guidance

36
ATTENDANCE SHEET
DATE Sign of Student Operator institution Signature

37
Student’s Sign Director’s Sign

College Web Site HTML PROJECT