Scribd
Upload
44 views4 pages

Static Webpage

This document outlines steps to design static web pages for an online book store. It provides code for HTML files that make up the website including home, logo, title, branches, menu, home description, and login pages.

Uploaded by

Padmanaban M
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
44 views4 pages

Static Webpage

This document outlines steps to design static web pages for an online book store. It provides code for HTML files that make up the website including home, logo, title, branches, menu, home description, and login pages.

Uploaded by

Padmanaban M
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/ 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>
<frame src="menu.html" name="f2" scrolling="no">
211421205125

<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>
<table width="100%">
<tr>
211421205125

<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>

OUTPUT:
211421205125

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