Save these HTML pages (As specified by thire names with extension) in one folder .
Then
Open Frames.htm file to get the OUTPUT
Branch.html
--------------------------------
<html>
<head>
<title>branches</title>
</head>
<body>
<ul style="color:blue">
<li type="square"><a href="catalog.html"target="right"><h3 style="color:red">CSE</h3></a></li>
<li type="square"><a href="catalog.html"target="right"><h3 style="color:red">IT</h3></a></li>
</ul>
</body>
</html>
catalog.html
-------------------------------
<html>
<head>
<title>catalog</title>
</head>
<body style="background-color:#f0f0ff">
<table border=1 style="color:blue;background-color:pink"align="center">
<tr>
<td>Book:XML Bible<br/>Author:Winston<br/>Publication:wiely</td>
<td>Rs.,250.00</td>
<td><input type="button"value="add to cart"/></td>
</tr>
<tr>
<td>Book:Artificial Intelligence<br/>Author:S.Russel<br/>Publication:Princeton hall</td>
<td>Rs.,400.00</td>
<td><input type="button"value="add to cart"/></td>
</tr>
<tr>
<td>Book:Java2<br/>Author:Watson<br/>Publication:BPB Publications</td>
<td>Rs.,300.00</td>
<td><input type="button"value="add to cart"/></td>
</tr>
<tr>
<td>Book:HTML in 24 hours<br/>Author:sam peter<br/>Publication:sam publications</td>
<td>Rs.,250.00</td>
<td><input type="button"value="add to cart"/></td>
</tr>
<tr>
<td>Book:C & Data Structures<br/>Author:Balaguru Swamy<br/>Publication:pearson education</td>
<td>Rs.,300.00</td>
<td><input type="button"value="add to cart"/></td>
</tr>
</table>
</body>
</html>
cart.html
--------------------------------
<html>
<head>
<title>cart</title>
</head>
<body style="background-color:f0f0ff">
<table border=1 style="color:blue;background-color:pink"align="center">
<tr style="color:red">
<th>Book Name</th>
<th>Price</th>
<th>Quality</th>
<th>Amount(Rs.,)</th>
</tr>
<tr>
<td>Learning HTML</td>
<td>200.50</td>
<td>1</td>
<td>200.50</td>
</tr>
<tr>
<td>java2</td>
<td>350.00</td>
<td>2</td>
<td>700.50</td>
</tr>
<tr>
<td>XML bible</td>
<td>400.50</td>
<td>1</td>
<td>400.00</td>
</tr>
<tr>
<td>E-Commerce</td>
<td>250.50</td>
<td>1</td>
<td>200.50</td>
</tr>
<tr>
<td colspan=3>amount</td>
<td>RS.,1551</td>
</tr>
</table>
</body>
</html>
registration.html
--------------------------------
<html>
<head>
<title>rigistration</title>
</head>
<body style="background-color:#f0f0ff">
<h2 align=center style="color:red">registration form</h2>
<form name="register" action="">
<table style="color:blue;background-color:pink" align="center">
<tr>
<td>name</td>
<td><input type="text" name="sname" size=20/></td>
</tr>
<tr>
<td>password</td>
<td><input type="password" name="password" size=20/></td>
</tr>
<tr>
<td>E-mail-id</td>
<td><input type="text" name="e-mail" size=25/></td>
</tr>
<tr>
<td>phone number</td>
<td><input type="text" name="phone" size=20/></td>
</tr>
<tr>
<td><input type="radio" name="gender" value="male">male</td>
<td><input type="radio" name="gender" value="female">female</td>
</tr>
<tr>
<td>Date of Birth</td>
</tr>
<tr>
<td>Date<select name="date">
<option selected="selected">1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
</select>
</td>
<td>Month<select name="month">
<option selected="selected">1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
</select>
</td>
<td>Year<select name="year">
<option selected="selected">1985</option>
<option>1986</option>
<option>1987</option>
<option>1988</option>
<option>1989</option>
<option>1990</option>
<option>1991</option>
<option>1992</option>
<option>1993</option>
<option>1994</option>
<option>1995</option>
<option>1996</option>
</select>
</td>
<tr>
<td><input type="checkbox" name="language" value="eng"/>English</td>
<td><input type="checkbox" name="language" value="tel"/>Telugu</td>
<td><input type="checkbox" name="language" value="hin"/>Hindi</td>
<td><input type="checkbox" name="language" value="tam"/>Tamil</td>
</tr>
<tr></tr>
<tr>
<td>address</td>
<td><textarea rows=4 cols=20>enter your address</textarea></td>
</tr>
<br/><br/>
<tr>
<td><input type="submit" value="submit"/></td>
<td><input type="reset" value="reset"/></td>
</tr>
</table>
</form>
</body>
</html>
login.html
--------------------------
<html>
<head>
<title>login</title>
</head>
<body style="background-color:#f0f0ff">
<form action="">
<br/><br/>
<table align="center" style="color:blue">
<tr></tr>
<tr>
<td>name</td>
<td><input type="text" name="name" size=20/></td>
</tr>
<tr>
<td>password</td>
<td><input type="password" name="password" size=20/></td>
</tr>
<tr></tr>
<tr></tr>
<tr>
<td><input type="submit" value="submit"/></td>
<td><input type="reset" value="reset"/></td>
</tr>
</table>
</form>
</body>
</html>
home.html
-------------------
<html>
<head>
<title>discription</title>
</head>
<body style="color:blue;background-color:#fff0ff">
<br/>
<p style="text-indent:9em">this college was established in 2002.our college has under graduate courses as well as graduate courses.
undergraduate course is B.Tech and graduate courses are M.Tech and M.B.A and M.C.A
our college is organizing various clubs to improve students skills in various activities.
</p>
</body>
</html>
coll.html
-------------------
<html>
<head>
<title>college name</title>
</head>
<body style="background-color:ffff0f">
<h1 align="center" style="color:blue">Vaagdevi Institute of Technology & Science</h1>
<table>
<tr>
<td><a href=home.html style="margin-left:100pt;color:blue"target="right">home</a></td>
<td><a href=login.html style="margin-left:40pt;color:blue"target="right">login</a></td>
<td><a href=registration.html style="margin-left:60pt;color:blue"target="right">registration</a></td>
<td><a href=cart.html style="margin-left:80pt;color:blue"target="right">cart</a></td>
<td><a href=catalog.html style="margin-left:90pt;color:blue"target="right">catalog</a></td>
</tr>
</table>
</body>
</html>
Then
Open Frames.htm file to get the OUTPUT
Branch.html
--------------------------------
<html>
<head>
<title>branches</title>
</head>
<body>
<ul style="color:blue">
<li type="square"><a href="catalog.html"target="right"><h3 style="color:red">CSE</h3></a></li>
<li type="square"><a href="catalog.html"target="right"><h3 style="color:red">IT</h3></a></li>
</ul>
</body>
</html>
catalog.html
-------------------------------
<html>
<head>
<title>catalog</title>
</head>
<body style="background-color:#f0f0ff">
<table border=1 style="color:blue;background-color:pink"align="center">
<tr>
<td>Book:XML Bible<br/>Author:Winston<br/>Publication:wiely</td>
<td>Rs.,250.00</td>
<td><input type="button"value="add to cart"/></td>
</tr>
<tr>
<td>Book:Artificial Intelligence<br/>Author:S.Russel<br/>Publication:Princeton hall</td>
<td>Rs.,400.00</td>
<td><input type="button"value="add to cart"/></td>
</tr>
<tr>
<td>Book:Java2<br/>Author:Watson<br/>Publication:BPB Publications</td>
<td>Rs.,300.00</td>
<td><input type="button"value="add to cart"/></td>
</tr>
<tr>
<td>Book:HTML in 24 hours<br/>Author:sam peter<br/>Publication:sam publications</td>
<td>Rs.,250.00</td>
<td><input type="button"value="add to cart"/></td>
</tr>
<tr>
<td>Book:C & Data Structures<br/>Author:Balaguru Swamy<br/>Publication:pearson education</td>
<td>Rs.,300.00</td>
<td><input type="button"value="add to cart"/></td>
</tr>
</table>
</body>
</html>
cart.html
--------------------------------
<html>
<head>
<title>cart</title>
</head>
<body style="background-color:f0f0ff">
<table border=1 style="color:blue;background-color:pink"align="center">
<tr style="color:red">
<th>Book Name</th>
<th>Price</th>
<th>Quality</th>
<th>Amount(Rs.,)</th>
</tr>
<tr>
<td>Learning HTML</td>
<td>200.50</td>
<td>1</td>
<td>200.50</td>
</tr>
<tr>
<td>java2</td>
<td>350.00</td>
<td>2</td>
<td>700.50</td>
</tr>
<tr>
<td>XML bible</td>
<td>400.50</td>
<td>1</td>
<td>400.00</td>
</tr>
<tr>
<td>E-Commerce</td>
<td>250.50</td>
<td>1</td>
<td>200.50</td>
</tr>
<tr>
<td colspan=3>amount</td>
<td>RS.,1551</td>
</tr>
</table>
</body>
</html>
registration.html
--------------------------------
<html>
<head>
<title>rigistration</title>
</head>
<body style="background-color:#f0f0ff">
<h2 align=center style="color:red">registration form</h2>
<form name="register" action="">
<table style="color:blue;background-color:pink" align="center">
<tr>
<td>name</td>
<td><input type="text" name="sname" size=20/></td>
</tr>
<tr>
<td>password</td>
<td><input type="password" name="password" size=20/></td>
</tr>
<tr>
<td>E-mail-id</td>
<td><input type="text" name="e-mail" size=25/></td>
</tr>
<tr>
<td>phone number</td>
<td><input type="text" name="phone" size=20/></td>
</tr>
<tr>
<td><input type="radio" name="gender" value="male">male</td>
<td><input type="radio" name="gender" value="female">female</td>
</tr>
<tr>
<td>Date of Birth</td>
</tr>
<tr>
<td>Date<select name="date">
<option selected="selected">1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
</select>
</td>
<td>Month<select name="month">
<option selected="selected">1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
</select>
</td>
<td>Year<select name="year">
<option selected="selected">1985</option>
<option>1986</option>
<option>1987</option>
<option>1988</option>
<option>1989</option>
<option>1990</option>
<option>1991</option>
<option>1992</option>
<option>1993</option>
<option>1994</option>
<option>1995</option>
<option>1996</option>
</select>
</td>
<tr>
<td><input type="checkbox" name="language" value="eng"/>English</td>
<td><input type="checkbox" name="language" value="tel"/>Telugu</td>
<td><input type="checkbox" name="language" value="hin"/>Hindi</td>
<td><input type="checkbox" name="language" value="tam"/>Tamil</td>
</tr>
<tr></tr>
<tr>
<td>address</td>
<td><textarea rows=4 cols=20>enter your address</textarea></td>
</tr>
<br/><br/>
<tr>
<td><input type="submit" value="submit"/></td>
<td><input type="reset" value="reset"/></td>
</tr>
</table>
</form>
</body>
</html>
login.html
--------------------------
<html>
<head>
<title>login</title>
</head>
<body style="background-color:#f0f0ff">
<form action="">
<br/><br/>
<table align="center" style="color:blue">
<tr></tr>
<tr>
<td>name</td>
<td><input type="text" name="name" size=20/></td>
</tr>
<tr>
<td>password</td>
<td><input type="password" name="password" size=20/></td>
</tr>
<tr></tr>
<tr></tr>
<tr>
<td><input type="submit" value="submit"/></td>
<td><input type="reset" value="reset"/></td>
</tr>
</table>
</form>
</body>
</html>
home.html
-------------------
<html>
<head>
<title>discription</title>
</head>
<body style="color:blue;background-color:#fff0ff">
<br/>
<p style="text-indent:9em">this college was established in 2002.our college has under graduate courses as well as graduate courses.
undergraduate course is B.Tech and graduate courses are M.Tech and M.B.A and M.C.A
our college is organizing various clubs to improve students skills in various activities.
</p>
</body>
</html>
coll.html
-------------------
<html>
<head>
<title>college name</title>
</head>
<body style="background-color:ffff0f">
<h1 align="center" style="color:blue">Vaagdevi Institute of Technology & Science</h1>
<table>
<tr>
<td><a href=home.html style="margin-left:100pt;color:blue"target="right">home</a></td>
<td><a href=login.html style="margin-left:40pt;color:blue"target="right">login</a></td>
<td><a href=registration.html style="margin-left:60pt;color:blue"target="right">registration</a></td>
<td><a href=cart.html style="margin-left:80pt;color:blue"target="right">cart</a></td>
<td><a href=catalog.html style="margin-left:90pt;color:blue"target="right">catalog</a></td>
</tr>
</table>
</body>
</html>
Frames.html
---------------------------
<html>
<head>
<title>frames</title>
</head>
<frameset rows="100,*">
<frame name="top" src="coll.html"scrolling="no"/>
<frameset cols="100,*">
<frame name="left" src="Branch.html"/>
<frame name="right" src="home.html" scrolling="YES"/>
</frameset>
</html>
No comments:
Post a Comment