College in MP
College in MP
CONTENTS
ACKNOWLEGMENT
DECLARATION
CERTIFICATE
OBJECT
INTRODUCTION OF HTML
PROGRAMMING (CODING)
OUTPUT
BIBLIOGRAPHY
1
Project on “COLLEGE IN MADHAY PREDESH”
HARDWARE/SOFTWARE CONFIGURATION
The system which we have to developed to the software programming has the
Following configuration:
512 MB RAM
CD ROM
UPS
Window 7
Web browser
2
Project on “COLLEGE IN MADHAY PREDESH”
OBJECT
"Most of the colleges also have active placement cells which help student in getting best
career. The universities to which the colleges are affiliated are Rajiv Gandhi Proudyogiki
Vishwavidyalaya, Jawaharlal Nehru Krishi Vishwavidyalaya, Jiwaji University, Gwalior and
devi ahilya Vishwavidyalaya.
3
Project on “COLLEGE IN MADHAY PREDESH”
INTRODUCTION
HTML Language:-
Software’s used in this project are HTML and Microsoft FrontPage, so
following is the brief description of HTML.
About HTML
Markup as used in Graphic Arts and Publishing means to mark the text on a
page of copy the way you want it to be printed. That's exactly what HTML does.
You mark a word, sentence or paragraph to print in boldface by using a code (in
this case <b>) to tell the browser to display that on screen in boldface. HTML is
simply some bits of code that control the display of your web page on a
computer screen. These bits of code are also known as HTML tags. In this
tutorial I will use the two terms tag and code interchangeably.
Don't get scared about that. What you learn here will not be wasted knowledge
and wasted time. As mentioned, backwards compatibility will always allow the
browser of the future to display your code. Where things will change is with
4
Project on “COLLEGE IN MADHAY PREDESH”
what you can do with the HTML code of the future compared to how it is today.
As long as you code properly, your pages will be easily adapted to anything you
may want to add into your pages down the road in the future of your web
activities.
The Basics
The basics cover the tags you need in order for the page "to exist". This doesn't
include what goes in the page; it includes only what you need in order for the
browser to recognize that it truly is a Web page.
<HTML></HTML>
This is the basic tag for every page. It tells the browser that the file being loaded
is a HTML document. Look at the basic layout of any Web page to see how it's
used.
<HEAD></HEAD>
This defines the head of your page. Incorporates the <TITLE></TITLE> tag.
<BODY></BODY>
This allows you to define the body arguments. They can include:
5
Project on “COLLEGE IN MADHAY PREDESH”
<TITLE></TITLE>
This allows you to display a title at the top of the browser.
<META>
This allows the owner to display certain information to the browser without the
page seeing it. Here are some examples:
Text Control
<H1></H1>
This allows you to change the size of letters or words. Includes H1 - H6, H1
being the biggest and H6 being the smallest.
<CENTER></CENTER>
This allows you to display the text in the center of the page.
<Q></Q>
This formats certain text as a quote.
<BIG></BIG>
This makes the text bigger than the rest.
6
Project on “COLLEGE IN MADHAY PREDESH”
<SMALL></SMALL>
This makes the text smaller than the rest.
<SUB></SUB>
This allows you to make the text look like this.
<SUP></SUP>
This gives a superscript effect to your text.
<ABBREV></ABBREV>
This abbreviates certain text.
<FONT></FONT>
This allows you to control different aspects of the text. Includes:
SIZE=x (x = +1 to +5 or -1 to -5)
COLOR=#rgbcode defines the color,
FACE="name" defines the font face <B></B>
<STRONG></STRONG>
This is the same as bold.
<I></I>
This italicizes a word or group of words.
<EM></EM>
This is the same as italics.
<U></U>
This underlines a word or group of words.
7
Project on “COLLEGE IN MADHAY PREDESH”
<TT></TT>
This makes a fixed width font.
<BLOCKQUOTE></BLOCKQUOTE>
This indents the left and right-hand sides of the text.
<CITE></CITE>
This is another italics tag.
<CODE></CODE>
This is another fixed width font tag.
<DFN></DFN>
This allows you to embolden or italicize a word or group of words.
<PRE></PRE>
This allows the text to appear in the browser in the same format (layout) as it
does in a text editor, such as Notepad, for example.
<LISTING></LISTING>
This is a small fixed-width font tag - somewhat similar to <PRE></PRE> that
spaces everything out.
Lists<DL></DL>
This defines the list items within a descriptive list.
<DT></DT>
This defines the topic of the descriptive list.
<DD></DD>
This defines the indented item to be displayed in the descriptive list.
8
Project on “COLLEGE IN MADHAY PREDESH”
<OL></OL>
This is a way to group items into a numbered list. It uses the <li></li> tags to list
the items.
<LI></LI>
This defines the list items with a number or a dot. Includes the following:
START="x"
TYPE="A/a/I/i" for upper or lower case and Roman numerals.
<UL></UL>
This is another way to list items. Also uses the <li></li> tags to define the list
items with a bullet instead of a number. Includes the following options:
TYPE="disc/circle/square"
<HR>
This allows you to divide a page with a line. Includes the following options:
WIDTH=x (x = pixels/percentage)
ALIGN=x (x = left/right/center)
SIZE=xM
NOSHADE takes away the shading.
<BR>
This allows the text to break without a full paragraph. The options are:
CLEAR="x" (x = left/right/all) <NOBR></NOBR>
This allows the text to continue indefinitely without breaking.
9
Project on “COLLEGE IN MADHAY PREDESH”
<TABLE></TABLE>
These allow you to insert tables. It has the following options:
WIDTH="x"
HEIGHT="x"
BORDER="x"
CELLPADDING="x"
CELLSPACING="x"
<TR></TR>
<TD></TD>
<TH></TH>
ALIGN=left/middle/right
VALIGN=top/middle/bottom
COLOR=#rgbcode
COLSPAN="x"
ROWSPAN="x"
<FRAMESET></FRAMESET>
This allows you to set up frames on your page. Includes the following:
ROWS="x" (x = pixels/percentage)
COLS="x" (x = pixels/percentage)
FRAMEBORDER="x"
FRAMEWIDTH="x"
MARGINHEIGHT="x"
MARGINWIDTH="x" Requires the frame tag to establish content. These
include: MARGINHEIGHT="x"
MARGINWIDTH="x"
10
Project on “COLLEGE IN MADHAY PREDESH”
NAME="name"
NORESIZE
SRC="file.html/file.gif/file.jpg"
SCROLLING="x" (x = yes/no/auto)
Don't forget the <NOFRAMES> tag for those browsers who can't handle
frames.
<FRAME>
This establishes content. Its attributes include:
MARGINHEIGHT="x"
MARGINWIDTH="x"
NAME="name"
NORESIZE
SRC="x"
SCROLLING="x" ( x = yes/no/auto)
<FORM></FORM>
This allows you to insert forms in your page. It includes the following options:
METHOD="POST/GET"
ACTION="file/script"
You can also add checkboxes, text boxes and more. For example:
<INPUT TYPE="text/hidden/checkbox/radio/submit/reset"
SIZE="n" MAXLENGTH="x" NAME="name" VALUE="presettext">
<SELECT NAME="name" SIZE="x">
<OPTION VALUE="value1">Value1</OPTION>
<TEXTAREA NAME="name" ROWS="x" COLS="x"
VALUE="preset text" WRAP="virtual"></TEXTAREA>
11
Project on “COLLEGE IN MADHAY PREDESH”
Images and Links
<A></A>
This allows you to make certain text or picture a link to another page or graphic
not on the page. It can include the following options:
TARGET="framename"
HREF="path/to/a/file" - reference to the linked file
NAME="name" - sets a marker within a document so that a specific
section of a page may be linked to via "#sectionnamehere" with the
HREF attribute
<IMG>This allows you to insert an image into your Web page. It has the
following options:
SRC="file.gif"/src="file.jpg"
HEIGHT="x"
WIDTH="x,"
LOWSRC="file.gif" - allows a low resolution image to be displayed while
a higher resolution image loads
ALT="text for older browsers"
USEMAP=#mapname
ISMAP
ALIGN="x" - sets the image alignment on the page (x =
left/right/middle /bottom/top/absmiddle/textop/absbottom)
BORDER="x"
<MAP></MAP>
This defines the areas and coordinates of an image map.
12
Project on “COLLEGE IN MADHAY PREDESH”
HTML Form Tags
HTML website forms should be enclosed inside the FORM tags. There are
various parameter options available, the most common ones are:
action - this allows you to tell the form where to go once submitted (usually the
filename of a script which will read and process the form data which has been
submitted).
name - it's usually a good idea to give your forms a name, this is used to
uniquely identify your form on a given page.
method - the value of this should be POST or GET. This tells the form how to
send the data once submitted. Forms should usually always be set to use POST
(as GET will attached the form data onto the page URL which is almost always a
bad idea for security reasons). There are some other methods available, but we
will not discuss these here.
1 <formaction="index.php"name="myform"method="POST">
2 Example form field: <inputtype="text"name="example">
3 </form>
This is without doubt the most common field you will find.
1 <formaction="index.php">
2 Enter your name: <inputtype="text"name="your_name">
3 </form>
Text field in action
The multi-line text field (commonly known as a textarea field) is more suitable
to take larger block of text from your visitors. This is idea for comments.
1 <formaction="index.php">
2 Comments: <textarearows="5"cols="30">
3 </form>
13
Project on “COLLEGE IN MADHAY PREDESH”
Textarea field in action
Comments:
When you want your users to pick one item from a short list, the radio button set
is ideal.
1 <formaction="index.php">
2 <inputtype="radio"name="color"value="red"/> Red<br/>
3 <inputtype="radio"name="color"value="white"/> White<br/>
4 <inputtype="radio"name="color"value="blue"/> Blue<br/>
5 <inputtype="radio"name="color"value="green"/> Green<br/>
6 </form>
Radio button group in action
Red
White
Blue
Green
When you want your users to pick one or more items from a short list, then
checkboxes are ideal.
1 <formaction="index.php">
2 <inputtype="checkbox"name="friut"value="apples"/> Apples<br/>
3 <inputtype="checkbox"name="friut"value="oranges"/> Oranges<br/>
4 <inputtype="checkbox"name="friut"value="pears"/> Pears<br/>
5 <inputtype="checkbox"name="friut"value="peaches"/> Peaches<br/>
6 </form>
Checkboxes in action
14
Project on “COLLEGE IN MADHAY PREDESH”
Apples
Oranges
Pears
Peaches
Sometimes it may be good to offer your website users the option to upload a file.
For this you could use the HTML field type file. If you are using this option you
also need to include an additional option to the FORM
tag enctype="multipart/form-data"
1 <formaction="index.php"enctype="multipart/form-data">
2 Select a file to upload: <inputtype="file"name="selectedfile"/>
3 </form>
File input type (file upload) in action
If you ever need to ask your users to enter a password into a form, then you
should use the special text field type password. Using this option will mask each
character as the user types, allowing them to type in secret.
1 <formaction="index.php">
2 Enter your password: <inputtype="password"name="password">
3 </form>
Password field in action
When you want your visitors to pick something from a list, you could use a
drop-down list. These are sometimes know as option selects,select
fields or combo-boxes. By default only one option can be selected, however you
can allow multiple selections by including the wordmultiple to your select tag
(this will also alter the appearance of the field).
1 <formaction="index.php">
15
Project on “COLLEGE IN MADHAY PREDESH”
2 Select Something:
3 <selectname="something">
4 <optionvalue="Google">Google</option>
5 <optionvalue="Bing">Bing</option>
6 <optionvalue="Yahoo">Yahoo</opton>
7 </select>
8 </form>
HTML Drop-down select field in action
Select Something:
Finally, every form should probably allow the user to option of submitting the
form. Form submissions are usually handled by using an HTML button. Again
the button field is an input type field (as text and password fields are), however
these special fields are of type submit. To specify the text which appears on the
button, we use the value parameter to state out value (in the example below we
state 'Submit Form').
1 <formaction="index.php">
2 <inputtype="submit"value="Submit Form"name="submit">
3 </form>
Submit button field in action
Occassionally you may want to allow your visitors to reset a form back to its
default state. This is accomplished by using the input type ofreset. As with the
Submit button, you specify the button text using the value parameter. Reset
buttons are not very common these days but can still be useful under certain
circumstances.
1 <formaction="index.php"name="resettest">
2 Enter your name: <inputtype="text"name="your_name"><br/>
3 <inputtype="reset"value="Reset Form"name="submit">
4 </form>
Reset button field in action
16
Project on “COLLEGE IN MADHAY PREDESH”
17
Project on “COLLEGE IN MADHAY PREDESH”
18
Project on “COLLEGE IN MADHAY PREDESH”
HOME PAGE
<html>
<head>
<title>college in madhay predesh
</title>
</head>
<body>
<table border="1px" height="100%" width="100%">
<tr height="20%" width="100%">
<td height="20%" width="100%" align="center" bgcolor="lime">
<img src="cooltext285527840697000.png">
</td>
</tr>
<tr border="1px" height="5%" width="100%">
<td height="5%" width="100%"align="center" >
</td>
</tr>
<br>
<p><li><a href="home.html">Home</a>
<p><li><a href="devi.html">Devi Ahilya Vishwavidyalaya</a>
<p><li><a href="Jiwaji.html">Jiwaji University</a>
<p><li><a href="Barkatullah.html">Barkatullah Vishwavidyalaya</a>
<p><li><a href="Rani.html">Rani Durgavati Vishwavidyalaya</a>
<p><li><a href="Vikram.html">Vikram University</a>
<p><li><a href="Maharaja.html">Maharaja Chhatrasal Bundelkhand University </a>
</td>
<td height="100%" width="80%">
<h3>College in Madhya Pradesh</h3>
<p>"Most of the colleges also have active placement cells which help student in getting best
career. The universities to which the colleges are affiliated are Rajiv Gandhi Proudyogiki
Vishwavidyalaya, Jawaharlal Nehru Krishi Vishwavidyalaya, Jiwaji University, Gwalior and
devi ahilya Vishwavidyalaya.
<p>op Engineering Colleges in Madhya Pradesh , is the comprehensive list of best
Engineering Colleges in Madhya Pradesh , prepared by Careers360 annual ranking and rating
exercise. The ranking/rating is based on factors like quality of students, research output,
industry interface, refereed publications and academic productivity.
Madhya Pradesh is one of the popular destinations for engineering students in India.
Careers360 ranking of top Engineering Colleges in Madhya Pradesh helps you decide which
institutions you should be targeting for engineering admissions in Madhya Pradesh<br><img
src="1.png">
19
Project on “COLLEGE IN MADHAY PREDESH”
<img src="2.jpg">
<img src="3.jpg">
</table></td>
</tr>
</table>
</body>
</html>
devi.html PAGE
<html>
<head>
<title>Devi Ahilya
</title>
</head>
<body>
<table border="1px" height="100%" width="100%">
<tr height="20%" width="100%">
<td height="20%" width="100%" align="center" bgcolor="lime">
<img src="cooltext285527840697000.png">
</td>
</tr>
<tr border="1px" height="5%" width="100%">
<td height="5%" width="100%"align="center" >
</td>
</tr>
<br>
<p><li><a href="home.html">Home</a>
<p><li><a href="devi.html">Devi Ahilya Vishwavidyalaya</a>
<p><li><a href="Jiwaji.html">Jiwaji University</a>
<p><li><a href="Barkatullah.html">Barkatullah Vishwavidyalaya</a>
<p><li><a href="Rani.html">Rani Durgavati Vishwavidyalaya</a>
<p><li><a href="Vikram.html">Vikram University</a>
20
Project on “COLLEGE IN MADHAY PREDESH”
<p><li><a href="Maharaja.html">Maharaja Chhatrasal Bundelkhand University </a>
</td>
<td height="100%" width="80%">
<h3>College in Madhya Pradesh</h3>
<h4>Vision</h4>
<p>Emerge as a premier higher learning institution by creating, advancing and disseminating
knowledge with collective wisdom, through value imbued holistic education for peaceful,
sustainable and humane society
<p>The University strives to realize its vision and mission by:
<ul><li>Facilitating learner centric multidisciplinary course curriculum, pedagogy and
resources through technology enabled joyful and diverse learning environment.
<li>Achieving excellence for world class competencies in teaching, research and extension.
<li>romoting multidisciplinary research and scholarship.
<li>Evolving educational processes to ensure balance between head, heart and hand for
holistic personality development.
</ul>
<img src="1.png">
<img src="2.jpg">
<img src="3.jpg">
</table></td>
</tr>
</table>
</body>
</html>
Jiwaji.html PAGE
<html>
<head>
<title>Jiwaji University
</title>
</head>
<body>
<table border="1px" height="100%" width="100%">
<tr height="20%" width="100%">
<td height="20%" width="100%" align="center" bgcolor="lime">
<img src="cooltext285527840697000.png">
</td>
</tr>
<tr border="1px" height="5%" width="100%">
<td height="5%" width="100%"align="center" >
</td>
21
Project on “COLLEGE IN MADHAY PREDESH”
</tr>
<br>
<p><li><a href="home.html">Home</a>
<p><li><a href="devi.html">Devi Ahilya Vishwavidyalaya</a>
<p><li><a href="Jiwaji.html">Jiwaji University</a>
<p><li><a href="Barkatullah.html">Barkatullah Vishwavidyalaya</a>
<p><li><a href="Rani.html">Rani Durgavati Vishwavidyalaya</a>
<p><li><a href="Vikram.html">Vikram University</a>
<p><li><a href="Maharaja.html">Maharaja Chhatrasal Bundelkhand University </a>
</td>
<td height="100%" width="80%">
<p>Jiwaji University Gwalior came into existence on May 23, 1964, through M.P. Govt.
Ordinance no. 15 of 1963. Late Dr. Sarvapalli Radhakrishnan, the then President of India, laid
the foundation stone on 11th December 1964 at a sprawling campus of over 225 acres of land
at Naulakha Parade ground. This was a generous contribution of Scindia family, in particular
Kailashwasi Maharaja Shrimant Jiwaji Rao Scindia and late Rajmata Shrimati Vijayaraje
Scindia. The institution was christened after the name of Kailashwasi Shrimant Jiwajirao
Scindia as a standing memorial to his persona. The motto of the university is embedded in its
logo Vidyaya Prapyate Tejah.
<img src="1.png">
<img src="4.jpg">
<img src="2.jpg">
<img src="3.jpg">
</table></td>
</tr>
</table>
</body>
</html>
22
Project on “COLLEGE IN MADHAY PREDESH”
Barkatullah.html PAGE
<html>
<head>
<title>Barkatullah Vishwavidyalaya
</title>
</head>
<body>
<table border="1px" height="100%" width="100%">
<tr height="20%" width="100%">
<td height="20%" width="100%" align="center" bgcolor="lime">
<img src="cooltext285527840697000.png">
</td>
</tr>
<tr border="1px" height="5%" width="100%">
<td height="5%" width="100%"align="center" >
</td>
</tr>
<br>
<p><li><a href="home.html">Home</a>
<p><li><a href="devi.html">Devi Ahilya Vishwavidyalaya</a>
<p><li><a href="Jiwaji.html">Jiwaji University</a>
<p><li><a href="Barkatullah.html">Barkatullah Vishwavidyalaya</a>
<p><li><a href="Rani.html">Rani Durgavati Vishwavidyalaya</a>
<p><li><a href="Vikram.html">Vikram University</a>
<p><li><a href="Maharaja.html">Maharaja Chhatrasal Bundelkhand University </a>
</td>
<td height="100%" width="80%">
</table>
</body>
</html>
Rani.html PAGE
<html>
<head>
<title>Rani Durgavati
</title>
</head>
<body>
<table border="1px" height="100%" width="100%">
<tr height="20%" width="100%">
<td height="20%" width="100%" align="center" bgcolor="lime">
<img src="cooltext285527840697000.png">
</td>
</tr>
<tr border="1px" height="5%" width="100%">
<td height="5%" width="100%"align="center" >
</td>
</tr>
<br>
<p><li><a href="home.html">Home</a>
<p><li><a href="devi.html">Devi Ahilya Vishwavidyalaya</a>
<p><li><a href="Jiwaji.html">Jiwaji University</a>
<p><li><a href="Barkatullah.html">Barkatullah Vishwavidyalaya</a>
<p><li><a href="Rani.html">Rani Durgavati Vishwavidyalaya</a>
<p><li><a href="Vikram.html">Vikram University</a>
<p><li><a href="Maharaja.html">Maharaja Chhatrasal Bundelkhand University </a>
</td>
<td height="100%" width="80%">
24
Project on “COLLEGE IN MADHAY PREDESH”
<p>The University is privileged to have the blessings and good wishes of many important and
distinguished Indians. Dr. S. Radhakrishnan delivered its first Convocation address on
1.3.1958 and blessed students and the institution. Similarly Dr. C.D. Deshmukh delivered the
Convocation address on 16.11.1960, Shri Lal Bahadur Shastri on 10.12.1961 and Dr. C.P.
Ramaswami Aiyar on 15.2.1963. The first Prime Minister of India Pt. Jawahar Lal Nehru
inaugurated the administrative building of the university on July 11,1961. Prof. R.
Chidambaram, the well known nuclear scientist was the Chief Guest at its convocation held on
28.2.2002, while Dr. J.S. Verma, former Chief Justice of India delivered the convocation
address on 7th March, 2005. Hon'ble President of India Dr. A.P.J. Abdul Kalam, Hon'ble
Governor of the state Dr. Balram Jakhar, Hon'ble Chief Minister of the state Shri Shivraj
Singh Chouhan and Hon'ble Speaker of Legislative Assembly of the state Shri Ishwar Das
Rohani were distinguished guests on the occasions of Golden Jubilee Ceremony and 21st
Convocation of the University on October 12,2006<img src="1.png">
<img src="4.jpg">
<img src="2.jpg">
<img src="3.jpg">
</table></td>
</tr>
</table>
</body>
</html>
25
Project on “COLLEGE IN MADHAY PREDESH”
26
Project on “COLLEGE IN MADHAY PREDESH”
HOME PAGE
DEVI AHILYA
27
Project on “COLLEGE IN MADHAY PREDESH”
JIWAJI UNIVERSITY
28
Project on “COLLEGE IN MADHAY PREDESH”
BARKATULLAH UNIVERSITY
29
Project on “COLLEGE IN MADHAY PREDESH”
VIKRAM UNIVERSITY
30
Project on “COLLEGE IN MADHAY PREDESH”
31
Project on “COLLEGE IN MADHAY PREDESH”
Maruti Prakashan
Pragya Prakashan
Html Tuotorial
Html 4.0
32