Scribd
Upload
2 views9 pages

Expt 1b

The document outlines the steps to create a static website for a college management system using HTML. It includes a detailed procedure for planning, coding, and testing the website, along with sample HTML code for various pages such as a student registration form, syllabus, and contact information. The result indicates that the HTML program was successfully written and executed.

Uploaded by

p46964362
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
2 views9 pages

Expt 1b

The document outlines the steps to create a static website for a college management system using HTML. It includes a detailed procedure for planning, coding, and testing the website, along with sample HTML code for various pages such as a student registration form, syllabus, and contact information. The result indicates that the HTML program was successfully written and executed.

Uploaded by

p46964362
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 9

Ex.

No:1B CREATING STATIC WEBSITE

Date:

AIM:

To create a static website for college management system using Html.

PROCEDURE:

1. Plan the Website and Identify the Pages.


2. Create the Main HTML File.
3. Set Up the Basic Structure.
4. Create Additional Pages.
5. Add Styling by Creating a style.css.
6. Add Images and Multimedia.
7. Test the Website.

PROGRAM:
Form.html
<html>
<head><title>Student form</title></head>
<body bgcolor="pink">
<hr/>
<h1><center><ins>C.Abdul Hakeem College of Engineering and
Technology</ins></center></h1>
<h2><center><ins>Melvisharam</ins></center></h2>
<hr/>
<marquee color="black" size="40"><b><i>Student Registration Form</b></i></marquee>
<hr/>
<b>Name:<b/>&emsp; &emsp;&emsp; <input type="text" name="name" required
placeholder="Mr.smith"> </li><br/><br/>
<b>Fathers Name:</b><input type="text" fathername="fname" required placeholder="mr.austin">
&emsp; &emsp;
<b>Fathers Occupation:</b> <input type="text" fathersoccupation="foccupation"
placeholder="Businessman"><br/><br/>
<b>Mother Name:</b><input type="text" mothername="mname" required
placeholder="mrs.lily"> &emsp; &emsp;
<b>Mothers Occupation:</b> <input type="text" mothersoccupation="moccupation"
placeholder="housewife"><br/><br/>
<b>Age:</b>&emsp; &emsp;&emsp; &emsp;<input type="number" Age="age" required
placeholder="18"> &emsp; &emsp;<b>
Gender:</b> <input type="radio" value="male" checked="checked">Male
<input type="radio" value="female">Female<br/><br/>
<b>Caste:</b>&emsp; <input type="checkbox">OBC
<input type="checkbox">MBC
<input type="checkbox">BC
<input type="checkbox" checked="checked">BCM&emsp; &emsp;
<b>Course:<b/><select course="course">
<option>BE
<option>ME
<option>BTech
<option>MBA
<option>MCA
</select>
<br/>
<b>Address:</b>
<textarea rows="4" cols="22" required placeholder="123 street">
</textarea> &emsp; &emsp;&emsp; &emsp;
<b> Qualification: <b/> <input type="checkbox">12 th
<input type="checkbox">10 th
<input type="checkbox">PolyTechnic
<br/><br/>
<b><h3>Hobbies:</h3></b><li><input type="radio" hobbies="fishing">Fishing
&emsp; &emsp;&emsp; &emsp;<img src="D:\CAHCET\2024-2025 even semester\WE_lab\
Jellyfish.jpg" alt="Jelly Fish" height="200" width="200" align="center"></img></li><br/>
<li><input type="radio" hobbies="photography">Photography
&emsp; &emsp;<img src="D:\CAHCET\2024-2025 even semester\WE_lab\photography.jpg"
alt="Koala" height="200" width="200" align="center"></img></li><br/>
<li><input type="radio" hobbies="travel">Travel
&emsp; &emsp;&emsp; &emsp; <img src="D:\CAHCET\2024-2025 even semester\WE_lab\
lighthouse.jpg" alt="Light house" height="200" width="200" align="center"></img></li><br/>
</ul>
<input type="submit" value="Submit">
<input type="submit" value="Cancel">
</font>
<hr/>
<b>Do you want to view the syllabus? </b>
<a href="D:\CAHCET\2024-2025 even semester\WE_lab\Syllabus.html"><input type="button"
value="Yes"> </a>
<b> Do you want to view the contact details? </b>
<a href="D:\CAHCET\2024-2025 even semester\WE_lab\contactus.html"><input type="submit"
value="Yes"> </a>
<hr/>
<footer font-size="12px">
&emsp;&emsp; &emsp;&emsp; &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;
&copy; CAHCET<sup>TM</sup> All rights reserved -2018
</footer>
</body>
</html>

Syllabus.html
<html>
<frame >
<color="red">
<frameset cols="30%,*" rows="40%,*" color="yellow">
<frame src="D:\CAHCET\2024-2025 even semester\WE_lab\BTech.html">
<frame src="D:\CAHCET\2024-2025 even semester\WE_lab\BE.html">
<frame src="D:\CAHCET\2024-2025 even semester\WE_lab\Mba.html">
<frame src="D:\CAHCET\2024-2025 even semester\WE_lab\Mtech.html">
</frameset>
</color>
</frame>
</html>
BE.html
<html>
<head><title>
BE Syllabus</title>
</head>
<body>
<h1>BE Syllabus</h1>
<ul>
<li>Maths for BE</li>
<li>Physics for BE</li>
<li>EVS</li>
<li>C Program</li>
<li>Engineering Essentials</li>
</ul>
</body>
</html>
BTech.html
<html>
<head><title>
BTech Syllabus</title>
</head>
<body>
<h1>BTech Syllabus</h1>
<ol>
<li>Maths</li>
<li>Physics</li>
<li>Chemistry</li>
<li>Python</li>
<li>Engineering Graphics</li>
</ol>
</body>
</html>
Mtech.html
<html>
<head><title>
MTech Syllabus</title>
</head>
<body>
<h1>MTech Syllabus</h1>
<ul type="rectangle">
<li>Engineering Mathematics</li>
<li>C sharp programming</li>
<li>EVS</li>
<li>Computer Networking</li>
<li>Java</li>
</ul>
</body>
</html>
Mba.html
<html>
<head><title>
MBA Syllabus</title>
</head>
<body>
<h1>MBA Syllabus</h1>
<ul type="square">
<li>Management Essentials</li>
<li>Accounts</li>
<li>PDS</li>
<li>MBA Essentials</li>
<li>Business Academics</li>
</ol>
</body>
</html>
Style.css
body
{
font-size:20pt;
font-face:console;
background-color:white;
}
h1
{
font-size:20pt;
font-face:arial;
background-color:blue;
text-align="center"
}
p
{
font-size:20pt;
font-face:fajita;
background-color:yellow;
}
.footer{
&copy;
font-size:10pt;
}
Contactus.html
<html>
<head>
<title>
Contact us:
</title>
</head>
<body bgcolor="yellow">
<link rel="stylesheet" href="style.css">
<h1><ins>Contact us:</ins></h1>
<b>Email:</b> [email protected] </b> <br/>
<b>Phone:</b> +914171258663 </b>
<br/>
<h2>About us :</h2>
CAHCET is accredited with "A" by NBA ,it is affliated to Anna University and it located in
melvisharam
</body>
</html>

SAMPLE OUTPUT:
RESULT:
Thus, the Html program for creating static website had been written and executed successfully.

You might also like