PROGRAM:
home.html:
<frameset rows="40%,*">
<frame src="top.html" noresize scrolling="NO" name="topframe">
<frameset cols="15%,*">
<frame src="left.html" noresize scrolling="NO" name="leftframe">
<frame src="right.html" noresize scrolling="NO" name="rightframe" scrolling="auto">
</frameset>
</frameset>
top.html:
<html>
<head>
<title>Top Frame</title>
<style>
.designer-credit{
position: fixed;
bottom: 10px;
left: 10px;
}
</style>
</head>
<body bgcolor="YellowGreen">
<img src="./sigce.png" width="125" height="115" align="left">
<img src="./books.jpg" width="125" height="115" align="right">
<center>
<marquee bgcolor="yellow" width="650" behavior="alternate">
<font face="BrushScriptMT" size="8" color="green"><b><i>Saket Online Book Store</i></b>
</font>
</marquee><br>
<font face="Brush Script" size="6" color="white"><b>Created & Maintained By saket</b></font>
</center>
<br>
<table width="100%" height="50%" cellspacing=10>
<tr align="center">
<td> <a href="home.html" target="_parent"><font face="Brush Script" size="6" color="navy"> HOME </a></td>
<td> <a href="login.html" target="rightframe"><font face="Brush Script" size="6" color="navy">LOGIN</a></td>
<td> <a href="registration.html" target="rightframe"><font face="Brush Script" size="6" color="navy">REGISTER
</a></td>
<td> <a href="catalogue.html" target="rightframe"><font face="Brush Script" size="6"
color="navy">CATALOGUE</a></td>
</tr>
</table>
</body>
</html>
left.html:
<html>
<body align="center" bgcolor="bisque"><br>
<a href="cse.html" target="rightframe"><font size="6">CSE_AIML</font></a><br><br>
<a href="ece.html" target="rightframe"><font size="6">ECE</font></a><br><br>
<a href="eee.html" target="rightframe"><font size="6">EEE</font></a><br><br>
<a href="mech.html" target="rightframe"><font size="6">MECH</font></a><br><br>
</body>
</html>
right.html:
<html>
<body bgcolor="orange">
<center>
<img src="./books.jpg" height="170"><br>
<font face="Brush Script MT" size="5" color="blue">
<h1><b>Welcome to the AIML Online Book Store!!!</b></font><br/>
<font face="BrushScriptMT" size="5" color="red">
<h2><b>"A Huge Collection Of Engineering E-Books"</b></h2>
<b> Designed by Saket </font>
</center>
</body>
</html>
cse.html:
<html>
<head><title>CSE</title></head>
<body bgcolor="cyan">
<center><fontcolor="blue"><h1>Computer Science and Engineering</h1></font></center>
<br>
<table align="center">
<tr>
<td>Text Books</td>
<td>
<select>
<option value="selectthebook"selected> Select the book
<option value="C&Ds">C&Ds
<option value="Ads">Ads
<option value="Java">Java
<option value="Oracle">Oracle
<option value="MsSQLServer">MsSQL Server
<option value="MySql">MySql
</select>
</td></tr>
<tr>
<td>Quantity</td>
<td><inputtype="text"id="q"></td>
</tr>
<tr>
<td></td>
<td>
<form method=post action="order.html">
<input type="submit" value=ok/>
</form>
</td>
</tr>
</table>
<center>
<pre>Cost of one book is "500" + shipping "100"</pre>
</center>
</body>
</html>
ece.html:
<html>
<body bgcolor="Plum">
<h1><fontcolor="blue">Electronics and Communication Engineering</font></h1>
<h2>
<ul>
<li>Digital Circuits</li><li>Signals and Systems</li><li>Digital Communication</li>
</ul>
</h2>
</body>
</html>
eee.html:
<html>
<bodybgcolor="Plum">
<h1><fontcolor="blue">ElectricalandElectronics Engineering</font></h1>
<h2>
<ultype="square">
<li>ConceptsinElectricCircuits</li>
<li>IntroductiontoElectronicEngineering</li>
<li>ElectricalPower</li>
</ul>
</h2>
</body>
</html>
mech.html:
<html>
<body bgcolor="Plum">
<h1><fontcolor="blue">Mechanical Engineering</font></h1>
<h2>
<ol type="I">
<li>Theory of Machines</li>
<li>Automation and Robotics</li>
<li>Engineering Fluid Mechanics</li>
</ol>
</h2>
</body>
</html>
catalogue.html:
<html>
<head>
<title>Catalogue</title>
</head>
<body bgcolor="pink">
<form action="order.html">
<table border="1" width="100%">
<tr>
<td>
<img src="C:\Users\hp\Desktop\Saket_cn\51xAqEKyaRL.jpg" width=100 height=100/>
</td>
<td>Book: Web Technologies<br>Author: UttamK.Roy<br>Publication: Oxford University
Press</td><td>531 </td>
<td><input type="submit" value="Add to cart"/></td></tr>
<tr>
<td><img src="C:\Users\hp\Desktop\Saket_cn\51mSgwZa1HL._UF1000,1000_QL80_.jpg" width=100
height=100/></td>
<td> Book: PHP & MySQL Web Development <br> Author:Luke Welling & Laura Thompson<br>Publication:
PEARSON</td><td>898 </td>
<td><input type="submit" value="Add to cart"/></td></tr>
</table></form>
</body></html>
login.html:
<html>
<body >
<basefont face="Cambria" size="4"><br>
<center>
<img src="C:\Users\hp\Desktop\Saket_cn\14018816.png" width="385" height="135"/><br/>
<font face="Brush Script MT" size="7" color="purple">
<b>Enter Login Details:</b>
</font>
</center>
<form name="f1" method="post" action="right.html">
<table align="center" width="100" height="150" cellspacing=”15”>
<tr><td><b>LoginID:</b></td>
<td><input type="text" name="t1"></td>
</tr>
<tr>
<td><b>Password:</b></td>
<td><input type="password" name="t2"></td>
</tr>
<tr align="center">
<td><input type="submit" name="b1" value="Submit"></td>
<td><input type="reset" name="b2" value="Reset"></td>
</tr>
</table> </form> </basefont></body> </html>
registration.html:
<html>
<head><title>RegistrationForm</title></head>
<bodybgcolor="#E4F0F8">
<center><fontcolor="blue"size="6"face="arial">RegistrationForm</font></center><br />
<formaction="right.html">
FirstName(Minimum6characters)<fontcolor="red">*</font>
<inputtype='text'id='firstname'/><br/><br/>
LastName<fontcolor="red"><fontcolor="red">*</font></font>
<input type='text' id='lastname' /><br /><br /> EmailAddress<fontcolor="red">*</font>
<inputtype='text'id='email'/><br/>
<fontcolor="red">(onee-mailidonly):</font>
<font color="redblue">e.g. [email protected]</font><br /><br/>
Password(minimum6characters)<fontcolor="red">*</font>
<input type='password' id='pass'><br /><br/> Address<fontcolor="red">*</font>
<textarearows="2"cols="20"id='addr'/></textarea><br/><br/> Mobile No<font color="red">*
</font>
<input type='text' id='mobileno' /><br /> Gender:<inputtype='radio'name="gender">male
<inputtype='radio'name="gender">female<br/><br />
<inputtype='Submit'value='submit'/>
<inputtype='Reset'value='reset'/>
</form> </body> </html>
order.html:
<html>
<head><title>order conformation</title></head>
<body bgcolor="cyan">
<center>
<pre><strong>
<b>Your order Is Conformed
</strong></pre>
<h2><b>THANK YOU...Visit Again</h2>
</center>
</body>
</html>
Output :
