Scribd
Upload
7 views

Static Webpage

The document describes an algorithm to design static web pages for an online bookstore website. It outlines 10 steps, including defining the frameset structure in home.html, customizing title.html, linking categories in branches.html, providing navigation in menu.html, and describing the site in homedes.html. Code snippets are provided for key pages like logo.html, title.html, branches.html, menu.html, and homedes.html. The output of running home.html in a browser and verifying the linked content is displayed is noted.

Uploaded by

Padmanaban M
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
7 views

Static Webpage

The document describes an algorithm to design static web pages for an online bookstore website. It outlines 10 steps, including defining the frameset structure in home.html, customizing title.html, linking categories in branches.html, providing navigation in menu.html, and describing the site in homedes.html. Code snippets are provided for key pages like logo.html, title.html, branches.html, menu.html, and homedes.html. The output of running home.html in a browser and verifying the linked content is displayed is noted.

Uploaded by

Padmanaban M
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

211421205125

EX.NO:
DATE:
DESIGN STATIC WEB PAGE FOR ONLINE BOOK STORE

AIM:
To design static web pages for an online book store website.

ALGORITHM:
Step 1: Start the program.
Step 2: In home.html, define the frameset structure as outlined in the provided code.
Step 3: Insert an image in logo.html using the specified file path.
Step 4: Customize the title in title.html for the online bookshop.
Step 5: In branches.html, confirm correct links to book categories and use target attributes to
open content in the desired frame.
Step 6: In menu.html, ensure links open content in the "f32" frame and provide access to
different sections.
Step 7: Customize the content of homedes.html to describe the online bookshop.
Step 8: Review and adjust the login form in login.html as needed.
Step 9: Open home.html in a web browser, and it should display the website with the content
from the linked HTML files.
Step 10: Stop the program.

PROGRAM:
Home.html
<html>
<frameset rows="15%,9%,76%" bordercolor="pink">
<frameset cols="20%,80%" bordercolor="red">
<frame src="logo.html" scrolling="no">
<frame src="title.html">
</frameset>
211421205125

<frame src="menu.html" name="f2" scrolling="no">


<frameset cols="15%,85%" bordercolor="red">
<frame src="branches.html" name="f31">
<frame src="homedes.html" name="f32">
</frameset></frameset></html>
Logo.html
<html>
<body>
<img src="D:\288 WT\Tulips.jpg">
</body>
</html>
Title.html
<html>
<body>
<center><font><i> ONLINE BOOK SHOP </i></font></center>
</body>
</html>
Branches.html
<html>
<table cellspacing = 15>
<tr><td><a href="csechecktest.html" target="f32">CSE</a></td></tr>
<tr><td><a href="ecechecktest.html" target="f32">ECE</a></td></tr>
<tr><td><a href="civilchecktest.html" target="f32">Civil</a></td></tr>
</table>
</body>
</html>
Menu.html
<html>
<body>
211421205125

<table width="100%">
<tr>
<td><a href="homedes.html" target="f32"> Home</a></td>
<td> <a href="login.html" target="f32"> Login </a></td>
<td><a href="catalogue.html" target="f32">Catalogue</a></td>
<td><a href="registration.html" target="f32">Registration</a></td>
<td><a href="cart.html" target="f32">Cart</a></td>
</tr>
</table>
</html>
Homedes.html
<html>
<body>
<center><u>ONLINE BOOK SHOP </u></center>
<p> This website contains various books.</body></html>
Login.html
<html>
<head><title> Login Page</title>
</head>
<body>
<form name="login">
<center>
<h3><u>Login Page</u></h3> username:<input
type="text" name="uname"><br> password:<input
type="password" name="pwd"><br>
<input type="submit" value="Submit">
<input type="reset" value="reset">
</center></form>
</body></html>
211421205125

OUTPUT:

RESULT:
Thus the program for static web page for an online book store was executed and the
output has been verified successfully.

You might also like