Week-1 Date:
------------------------------------------------------------------------------------------------------------
AIM: Design the
static web pages required for an online book store web site.
1)
HOME PAGE
DESCRIPTION:
The
static home page must contain three frames.
·
Top frame
: Logo and the college name and links to Home page, Login page,
Registration page,
·
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 loaded here.
Initially this page contains
description of the web site.
PROGRAM:
Homepage
<head>
<frameset rows="20%,*">
<frame
src="topframe.html"name="f1">
<frameset
cols="20%,*">
<frame
src="leftframe.html"name="f2">
<frame
src="rightframe.html"name="f3">
</frameset>
</frameset>
</head>
OUTPUT:
 |
| http://wikibrand.blogspot.in |
Top frame:
<html>
<body>
<p>
<img src="C:\Documents and
Settings\All Users\Documents\My Pictures\Sample Pictures\Winter.jpg"
align=left width=100 height=100">
<h1 align=center>Online book
store</h1>
</p>
<br>
<p>
<h2> nbsp;
<a href="homepage.html"
target=_parent>
Home
</a>
<a href="login.html"
target="f3">
login
</a>
<a href="registration.html" target="f3">
registration
</a>
nbsp;
<a href="catalogue.html"
target="f3">
Catalogue
</a>
<a href="cart.html"
target="f3">
Cart
</a>
</h2>
</p>
</body>
</html>
OUTPUT:
 |
| http://wikibrand.blogspot.in |
Leftframe:
<html>
<body>
<a href=cse.html
target="f3"><h3>CSE</h3>
</a><br><br><br><br><br>
<a href=ece.html
target="f3"><h3>ECE</h3></a><br><br><br><br><br>
<a href=eee.html
target="f3"><h3>EEE</h3></a><br><br><br><br><br>
<a href=civil.html
target="f3"><h3>Civil</h3></a>
</body>
</html>
OUTPUT:
 |
| http://wikibrand.blogspot.in |
Right frame:
<html>
<body bgcolor="pink">
<p>
<h2
align="center"> <font face="times new roman"
color="green" >Online book store information </font>
</h2>
<h3>
<font
face="monotype corsiva" color=blue> This is the online book store
developed by students of pvpsit.It contains book catalogue of various branches
like cse,ece,eee,civil </font></h3>
</p>
</body>
</html>
OUTPUT:
 |
| http://wikibrand.blogspot.in |
2) LOGIN PAGE
DESCRIPTION:
The login page contains the user name and the password
of the user to authenticate.
PROGRAM:
<html>
<head>
<p style= "background:yellow;
top:100px; left:250px; position:absolute; ">
</head>
<body
background=”E:\1.jpg”>
<form action="index.jsp"
method="get">
<label>
<font face="comic sans ms"
color="green" size="5">Login </font>
</label>
<input type="text"
size="20" maxlength="20" value='
'><br><br><br>
<label>
<font face="comic sans ms"
color="green" size="5">Password </font> </label>
<input type="password"
size="20" maxlength="20"> <br><br><br>
<input type="submit"
value="submit">
<input type="reset">
</form>
</body>
</html>
OUTPUT:
 |
| http://wikibrand.blogspot.in |
3) CATOLOGUE PAGE
DESCRIPTION:
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.
PROGRAM:
<html>
<body>
<center>
<table border=1>
<tr>
<th> Book Preview </th>
<th> Book Details </th>
<th> Price </th>
<th> Payment </th>
</tr>
<tr>
<td> <img
src="C:\Documents and Settings\All users\My Documents\My
Pictures\xml.bmp" width=100 height=50>
</img>
</td>
<td>
<pre>
<font face="comic
sans ms" size=4 color="green" >
book:XML Bible
Author:winston
Publisher:Wiesley
</font>
</pre>
</td>
<td> $40 </td>
<td> <a href="cart.html"
target="_blank">
<img
src="C:\Documents and Settings\All users\My Documents\My
Pictures\cart.bmp" width="150"
height="100"></img>
</a>
</td>
</tr>
<tr>
<td> <img
src="C:\Documents and Settings\All users\My Documents\My
Pictures\java.bmp" width=100 height=50>
</img>
</td>
<td>
<pre>
<font face="comic
sans ms" size=4 color="green" >
book:Java 2
Author:Watson
Publisher:BPB publications
</font>
</pre>
</td>
<td> $40 </td>
<td> <a href="cart.html"
target="_blank">
<img src="C:\Documents
and Settings\All users\My Documents\My Pictures\cart.bmp"
width="150" height="100"></img>
</a>
</td>
</tr>
</table> </center>
</body>
</html>
OUTPUT:
 |
| http://wikibrand.blogspot.in |
 |
| http://wikibrand.blogspot.in |
RESULT:
Thus the home page, login page, catalogue page for the online
book store are created successfully
SOURCE :PVPSIT FOR JNTU
informative and intresting post, keep it up
ReplyDeleteFree Ebook publisher
really i like it..thank you so much.......
ReplyDeleteyou will find all types of books on all your favourite topic
ReplyDeleteand that is also available online visit us and discover wide variety of books at lower rates
Book Store Online
Nice Post About WEEK 1 static web pages required for an online book store web site.............
ReplyDeleteManual Publishing House
This blog explains the details of most popular technological details. This helps to learn about what are all the different method is there. And the working methods all of that are explained here. Informative blog.
ReplyDeleteschool prospectus design uk | school prospectus uk
Since there is a wide alternative of stores to browse, how are you going to discover one? You can browse to best online price comparison website that lets you compare prices across various online website.
ReplyDeletenice blog for this important information on were very Interesting...
ReplyDeleteBathroom Liquid Soap Dispenser
Top Shopping Website
NeedyShop Online Shopping Site in India
Really very helpful..thnku so much
ReplyDeleteHey, thanks for sharing informative blog over here.
ReplyDeleteOnline Medicine
Truly valuable and informative blog imparted by you. I am glad to gain this information from you. Keep blogging.
ReplyDeleteWebsite Design Company in Lucknow | Website Redesign Services
It is nice blog Thank you porovide important information and i am searching for same information to save my time Ruby on Rails Online Course
ReplyDeleteWomen Shopping online's
ReplyDeleteWomen shopping online - Shop the latest women's clothing and fashion accessories online from ShopTug. Check out our new collections.
to get more - https://www.shoptug.com/collections/womens-clothing
online shopping sites for men's
ReplyDeletehttps://www.shoptug.com/pages/about-us
Best Online Shopping site for men's - We provide the best Men's Clothing online, windbreaker jacket for winter, Men Running Shoes, bts sweatshirt Women's.
Good Post. I like your blog. Thanks for Sharing
ReplyDeleteWeb Designing Training in Gurgaon
can i get this full code ?
ReplyDeleteYou have shared good information and I was searching for Bala Kudu books when I found this interesting post. Thanks for sharing such information.
ReplyDeleteI love this project
ReplyDeleteYour Good CODE PROGRAMING
ReplyDeleteNice your project
donate your books
Thank you for your articles that you have shared with us. Hopefully you can give the article a good benefit to us.
ReplyDeleteCar Wheel Parts
Thanks for sharing such posts with us. This is really very interesting topic for your readers to grab more knowledge about it. For more updates on Tata Cliq Discount Codes , please visit.
ReplyDeleteGreat post. Its really amazing blog. I am learning so many new things. Thanks for sharing it with us. Please provide more blog posts on how to use and get discount by using Kinokuniya Thailand Discount Codes
ReplyDeleteCan i get this full code
ReplyDeleteI have books blog checkout here
ReplyDeletehttps://freehindipustakalya.blogspot.com/?m=1
I needed program for registration page, Cart page also
ReplyDeleteSmileBazar is an online shopping websites offering made in India Products. Buy Mens/Womens/Kids Clothing & Accessories online at lowest prices. Hope you enjoy discovering new products.
ReplyDeleteThanks for sharing the post. Keep updating web development company in hyderabad
ReplyDeleteweb designers in hyderabad
SmileBazar is an online shopping websites offering made in India Products. Buy Mens/Womens/Kids Clothing & Accessories online at lowest prices. Hope you enjoy discovering new home essential products.
ReplyDeleteInformative, Thanks.I would like to suggest SmileBazar, online shopping website offering made in India Products.
ReplyDeleteThank you so much.. It's really helpful
ReplyDeleteNice articles and your information is valuable and good articles thank you for the sharing information.
ReplyDeleteOnline Bookstore
Buy Best Selling Books in India
Buy Indian History Books
Buy Medical Books Online
What an insightful list of book bloggers! It's always a delight to discover new voices and perspectives in the literary world. As an avid reader, I'm constantly on the lookout for fresh recommendations and thoughtful reviews, Looking forward to more books- Buy Books India.
ReplyDeleteKeep up the great work.