1. Develop static pages (using only HTML) of an online Book store. The pages should resemble: www.amazon.com
The website should consist the following pages.
Home page, Registration and user Login, User profile page, Books catalog, Shopping cart, Payment By credit card, order confirmation.
HomePage.html
<HTML>
<HEAD><TITLE>HomePage</TITLE></HEAD>
<BODY>
This is HomePage
<HR>
<MARQUEE>WWW.BOOKS.COM</MARQUEE>
<IMG SRC=".\book.gif" height="30%" width="40%">
<PRE>
<A HREF=".\HomePage1.html">Home Page</A>
<A HREF=".\Registration1.html">Registration User Login</A>
<A HREF=".\UserProfile1.html">User Profile Page</A>
<A HREF=".\BooksCatalog1.html">Books Catalog</A>
<A HREF=".\ShoppingCart1.html">Shopping Cart</A>
<A HREF=".\Payment1.html">Payment By CreditCard</A>
<A HREF=".\OrderConfirmation1.html">Order Confirmation</A>
</PRE>
</BODY>
</HTML>
Registration1.html
<HTML><HEAD><TITLE>Registration</TITLE></HEAD>
<BODY>This is Registration User Login<HR>
<MARQUEE>WWW.BOOKS.COM</MARQUEE>
<IMG SRC=".\book.gif" height="30%" width="40%">
<PRE><A HREF="\WEBSITE\HomePage.html">Home Page</A>
<A HREF=".\HomePage1.html">Home Page</A>
<A HREF=".\Registration1.html">Registration User Login</A>
<A HREF=".\UserProfile1.html">User Profile Page</A>
<A HREF=".\BooksCatalog1.html">Books Catalog</A>
<A HREF=".\ShoppingCart1.html">Shopping Cart</A>
<A HREF=".\Payment1.html">Payment By CreditCard</A>
<A HREF=".\OrderConfirmation1.html">Order Confirmation</A>
</PRE><FORM><pre>
Enter your Name :<INPUT TYPE="TEXT">
Enter Password :<INPUT TYPE="PASSWORD">
Confirm Password:<INPUT TYPE="PASSWORD">
Gender :<Input type="Radio" name="R1" value="Male">Male
<Input type="Radio" name="R1" value="Female">Female
Country :<select><option selected>Select Country</option>
<option value="ind">India</option>
<option value="usa">United States of America</option>
<option value="eng">England</option> <option value="aus">Australia</option>
<option value="ger">Germany</option> <option value="pol">Poland</option>
</select><center><Input type="submit"><input type="reset"></center>
</pre></form></BODY></HTML>
USERLOGIN1.HTML:-
<html><head><title>UserLogin</title></head>
<body>
<IMG SRC=".\book.gif" height="30%" width="40%">
<PRE><A HREF="\WEBSITE\HomePage.html">Home Page</A>
<A HREF=".\HomePage1.html">Home Page</A>
<A HREF=".\Registration1.html">Registration User Login</A>
<A HREF=".\UserProfile1.html">User Profile Page</A>
<A HREF=".\BooksCatalog1.html">Books Catalog</A>
<A HREF=".\ShoppingCart1.html">Shopping Cart</A>
<A HREF=".\Payment1.html">Payment By CreditCard</A>
<A HREF=".\OrderConfirmation1.html">Order Confirmation</A>
</PRE>
UserId : <input type="text" id="uid"><br/>
Password: <input type="text" id="pwd"><br />
<br/><input type ="button" value ="LogIn">
</body></html>
PAYMENT1.Html
<HTML><HEAD><TITLE>Payment By Credit Card</TITLE></HEAD>
<BODY>
<MARQUEE>WWW.BOOKS.COM</MARQUEE>
<IMG SRC=".\book.gif" height="30%" width="40%">
<PRE>
<A HREF=".\HomePage1.html">Home Page</A>
<A HREF=".\Registration1.html">Registration User Login</A>
<A HREF=".\UserProfile1.html">User Profile Page</A>
<A HREF=".\BooksCatalog1.html">Books Catalog</A>
<A HREF=".\ShoppingCart1.html">Shopping Cart</A>
<A HREF=".\Payment1.html">Payment By CreditCard</A>
<A HREF=".\OrderConfirmation1.html">Order Confirmation</A>
</PRE>
<table border=0 cellpadding=0 cellspacing=0 width=400>
<tr><th>What will it take to pay off my credit card?</th></tr>
<tr><td align=center>
<table cellpadding=2 cellspacing=0>
<tr><td align="right">Enter your credit card balance: $</td><td><input size=6 type=text id="cwBalance"></td></tr>
<tr><td align="right">Enter the credit card's interest rate: </td><td><input size=6 type=text id="cwRate">%</td></tr>
<tr><td align="right">Enter payment amount per month: $</td><td><input size=6 type=text id="cwMonthlyAmount"></td></tr>
<tr><td align="center"><b>or</b></td><td> </td></tr>
<tr><td align="right">Enter desired months until debt free: </td><td><input size=6 type=text id="cwDesiredMonths"></td></tr>
<tr><td colspan=2 align="center"><input type=button value="Calculate" onclick="cwCalc();"></td></tr>
<tr><td colspan=2 align="center" id="cwResult"></td></tr>
</table></td></tr>
</table>
</BODY>
</HTML>
No comments:
Post a Comment