Scribd
Upload
10 views6 pages

Online Book Store Web Design Guide

The document outlines the design for a static web page for an online bookstore, including a home page with a frame layout and navigation links. It details the structure of the home, login, and catalogue pages, specifying elements such as tables for book details and links to other pages. The catalogue page includes a table displaying book information, including cover images, author names, publishers, prices, and an 'Add to cart' button.

Uploaded by

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

Online Book Store Web Design Guide

The document outlines the design for a static web page for an online bookstore, including a home page with a frame layout and navigation links. It details the structure of the home, login, and catalogue pages, specifying elements such as tables for book details and links to other pages. The catalogue page includes a table displaying book information, including cover images, author names, publishers, prices, and an 'Add to cart' button.

Uploaded by

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

WEEK 1

Design the static web pages for online book store website.
Home Page: The static home page must contain three frames.

Top frame :Logo and the college name and links to Home page,
Loginpage, Registration page, Catalogue page and Cart page (the
description of these pages will be given below).

Left frame: At least four links for navigation, which will display the
catalogue of respective links.
For e.g.: When you click the link “CSE” the catalogue for CSE Books
should be displayed in the Right frame.
Right frame: The pages to the links in the left frame must be
loadedhere. Initially this page contains description of the web site.

[Link]

<frameset rows="30%,*">

<frame src="[Link]">

<frameset cols="15%,*">

<frame src="[Link]">

<frame src="[Link]" name="empty">

</frameset>

</frameset>
HOME page

<html>

<body bgcolor="orange">

<table border="3" height="175" width="1275" cellspacing="4">

<tr>
<th colspan="5" height="100">
<img src="[Link]" height="100" width="100" align="left" align="middle" >&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<h1>WELCOME TO ONLINE BOOK STORE</h1>
</th>
</tr>
<tr>
<th><a href="[Link]" target="empty">Home</a></th>

<th><a href="[Link]" target="empty">Login</a></th>

<th><a href="[Link]" target="empty">Registration</a></th>

<th><a href="[Link]" target="empty">Catalogue</a></th>

<th><a href="[Link]" target="empty">Cart</a></th>

</tr>

</table>

</body>
</html>

Output:

Login Page
<html>
<body bgcolor="orange">
<center>
<h2>LOGIN HERE</h2>
<form>
Username:<input type="text" placeholder="username" value=""><br><br>

Password:<input type="password" placeholder="password" value=""><br><br>

<input type="submit" name="submit" value="submit">

<input type="reset" name="reset" value="reset">

</form>

</center>

</body>

</html>

Output:
Cataloge page
The catalogue page should contain the details of all the books available in the web site in
a table.
The details should contain the following:
1. Snap shot of Cover Page.
2. Author Name.
3. Publisher.
4. Price.
5. Add to cart button

<html>
<body bgcolor="orange">
<center>
<table rowspan="4" colspan="4" border="1" height="450" width="700">
<tr>
<td><img src="[Link]" height="85" width="70">
<td>
<p>Book:CE</p>
<p>Author:Sanjay</p>
<p>Publication:Wiely</p>
<td><p>$40.5</p>
<td><img src="[Link]" height="85" width="70">
</tr>
<tr>
<td><img src="[Link]" height="85" width="70">
<td>
<p>Book:SE</p>
<p>Author:vliet</p>
<p>Publication:pearson</p>
<td><p>$63.5</p>
<td><img src="[Link]" height="85" width="70">
</tr>
<tr>
<td><img src="[Link]" height="85" width="70">
<td>
<p>Book:java</p>
<p>Author:rashmi</p>
<p>Publication:mcdos</p>
<td><p>$35.5</p>
<td><img src="[Link]" height="85" width="70">
</tr>
<tr>
<td><img src="[Link]" height="85" width="70">
<td>
<p>Book:C#</p>
<p>Author:johnson</p>
<p>Publication:Wiely</p>
<td>
<p>$50</p>
<td><img src="[Link]" height="85" width="70">
</tr>
</table>
</center>
</body>
</html>
Output

You might also like