08-16-2017, 09:55 PM
[attachment=14580]
1. AIM:
Develop static pages (using only HTML) of an online Book store. The pages should resemble: 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 Conformation
PROCEDURE:
Home page
Main.html:
Code:
<html>
<head>
<title>
Amazon</title>
</head>
<body bgcolor="cyan"> <center>
<strong><h1>Welcome to AMAZON</h1></strong>
<form method="post" action="login.html" target=_blank >
<h4>For Books Information </h4><input type="submit" value="click here">
</form>
</center>
</body>
</html>Login.html:
Code:
<html>
<head>
<title>
login page</title>
</head>
<body bgcolor="cyan"> <center>
<strong><h1> AMAZON </h1></strong></center>
<right>
<table align="center" border="0">
<tr>
<form method="post" action="catalog.html" >
<td><h4>User name:</td>
<td><input type="text" ></td>
<td></td>
</tr>
<tr>
<td><h4>Password:</td>
<td><input type="password"></td>
<td></td>
</tr>
<tr>
<td>
</td>
<td><input type="submit" value="Submit" ><input type="reset" value="Reset"></td>
</form>
</td>
<td>
</td>
</tr>
</table>
<table align="center" border="0">
<tr><td>For registration Click Here</td></tr>
<tr>
<td>
<form method="post" action="userpro.html">
<input type="submit" value="Register" >
</form>
</td></tr>
</table></body></html>Userpro.html:
Code:
<html>
<head>
<title>
login page</title>
</head>
<body bgcolor="cyan">
<center><strong><h1> AMAZON </h1></strong></center>
<center><strong><h2> USER PROFILE</h2></strong></center>
<form method="post" action="catalog.html" >
<right>
<table align="CENTER">
<tr>
<td>Username:</td>
<td><input type="text" name="name1"></td>
</tr>
<tr>
<td>Password:</td>
<td><input type="password" name="pass1"></td>
</tr>
<tr>
<td>Confirm Password:</td>
<td><input type="password" name="pass2"></td>
</tr>
<tr>
<td>Gender:
</td><td>
Male:<input type="radio" name="sex" id="male">Female:
<input type="radio" name="sex" id="female" ></td>
</tr>
<tr>
<td>Address:</td>
<td><textarea name="address" rows=5 cols=19>
</textarea>
</td>
<tr><td></td>
<td>
<input type="submit" value="submit" >
<input type="reset" value="reset"></td>
</tr>
</form></body></html>Catalog.html:
Code:
<html>
<head>
<title>
books catalog</title>
</head>
<body bgcolor="cyan">
<center><h1>AMAZON</h1></center>
<form method="post" action="shopping.html">
<left>
<table>
<tr>
<td><b><h3>Computer programming books</td>
<td></td></tr>
<tr>
<td></td>
<td><h4>C&Ds</td>
</tr>
<tr>
<td></td>
<td><h4>Ads</td>
</tr>
<tr>
<td></td>
<td><h4>JAVA
</td></tr>
<tr>
<td><b><h3>Database books</td>
<td></td>
</tr>
<tr>
<td></td>
<td><h4>Oracle</td>
</tr>
<tr>
<td></td>
<td><h4>Ms SQL Server
</td></tr>
<tr>
<td></td>
<td><h4>MySql </td>
</tr>
</table>
</h4>
<center>
<b>To buy one of these books
<br>
</b><input type="submit" value="click here">
</center>
</form>
</body>
</html>Shopping.html:
Code:
<html>
<head><title>shopping cart</title>
</head>
<body bgcolor="cyan">
<center><h1>
Shopping Cart</h1></center>
<br><br><br><br><br>
<table align="center">
<tr>
<td>Text Books</td>
<td>
<select >
<opt group label="select the book">
<option value="C&DS">C&DS
<option value="ADS">ADS
<option value="Java">JAVA
<option value="Oracle">ORACLE
<option value="Ms SQL Server">Ms SQL Server
<option value="MySql">MySql
</optgroup>
</select>
</td></tr>
<tr>
<td>
Quantity</td>
<td>
<input type="text" id="q">
</td></tr>
<tr>
<td></td>
<td>
<form method=post action="payment.html">
<input type="submit" value=ok />
</form>
</td></tr>
</table>
<center>
<pre>Cost of one book = 500.00 <br> shipping is = 100.00</pre>
</center>
</body>
</html>Payment.html:
Code:
<html>
<head><title>payment</title></head>
<body bgcolor="cyan">
<center><h1>Payment By Credit Card</h1></center>
<form method=post action="ordrconform.html">
<br><br><br><br><br>
<table align="center">
<tr>
<td>Total Amount:</td>
<td><input type="text" name="amount">
</td>
</tr>
<tr>
<td>Credit Card Number:</td>
<td><input type="text" name="ccno"></td>
</tr>
<tr>
<td>Cvv Code:</td>
<td><input type="text" name="ccno">
</td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="Submit">
</td>
</tr>
</table>
</form></body>
</html>Ordrconform.html:
Code:
<html>
<head><title>order conformation</title></head>
<body bgcolor="cyan">
<center>
<h1><b>AMAZON</h1>
Your order Is Conformed
<h2><b>THANK YOU</h2>
</center>
</body></html>