You are on page 1of 13

MARRI LAXMAN REDDY INSTITUTE OF TECHNOLOGY & MANAGEMENT

Exp. No.
Date:

AIM: 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.

a) Home page:

CODE:

<html>

<head>

<title>Amazon</title>

</head>

<body bgcolor="white"> <center>

<strong><h1>Welcome to AMAZON</h1></strong>

<form method="post" action="login.html" target=_blank >

<h4>for books</h4><input type="submit" value="click here">

</form>

</center>

</body>

</html>

OUTPUT:

Regd. No.197Y1A0559 Page No.


MARRI LAXMAN REDDY INSTITUTE OF TECHNOLOGY & MANAGEMENT
Exp. No.
Date:

b) Registration and Login page:

<html>

<head>

<title>Registration</totle>

</head>

<body bgcolor="white">

<center>

<h1> <b> <u>STUDENT DETAILS</u></b> </h1>

<form action="insert_form.php" method="post">

Enter Rollno: <input type="text" name="rollno"><br/><br/>

Enter User Name: <input type="text" name="name"><br/><br/>

Enter Password: <input type="password" name="password"><br/><br/>

Enter MobileNo: <input type="text" name="mobile_no"><br/><br/><br/>

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

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

</form>

</center>

</body>

</html>

OUTPUT:

Regd. No.197Y1A0559 Page No.


MARRI LAXMAN REDDY INSTITUTE OF TECHNOLOGY & MANAGEMENT
Exp. No.
Date:

CODE:

<html>

<head>

<title>User Login </title>

</head>

<body bgcolor="white"> <center>

<strong><h1> AMAZON </h1></strong></center>

<table align="center">

<tr>

<td><h4>Enter User name</td>

<td><input type="text" ></td>

<td></td>

</tr>

<tr>

<td><h4>Enter Password</td>

<td><input type="password"></td>

<td></td>

</tr>

<tr>

<td>

<form method="post" action="catalog.html" >

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

</form>

</td>

<td>

<form method="post" action="userprofile.html" >

Regd. No.197Y1A0559 Page No.


MARRI LAXMAN REDDY INSTITUTE OF TECHNOLOGY & MANAGEMENT
Exp. No.
Date:

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

&nbsp;&nbsp;

<input type="reset" value="reset"></form></td>

</tr>

</table>

</body>

</html>

OUTPUT:

c) User profile page:

CODE:

<html>

<head>

<title>Userprofile</title>

</head>

<body bgcolor="white"> <center>

<strong><h1>Welcome to AMAZON Online Book Store </h1></strong></center>

Edit your profile here...

Regd. No.197Y1A0559 Page No.


MARRI LAXMAN REDDY INSTITUTE OF TECHNOLOGY & MANAGEMENT
Exp. No.
Date:

<table align="left">

<tr>

<td><h4>Edit user name</td>

<td><input type="text" ></td>

<tr>

<tr>

<td><h4>Edit password</td>

<td><input type="password"></td>

</tr>

<tr>

<option >

<td><h4>male &nbsp;&nbsp;

<input type="radio" name="sex" id="male"></td>

<td><h4>female &nbsp; &nbsp;

<input type="radio" name="sex" id="female" ></td>

</option>

</tr>

<tr>

<td>Edit Address</td>

<td><textarea name="address" rows=5 cols=19>

</textarea>

</td>

<tr>

<td>

<input type="submit" value="submit" ></td>

</tr>

</form>

Regd. No.197Y1A0559 Page No.


MARRI LAXMAN REDDY INSTITUTE OF TECHNOLOGY & MANAGEMENT
Exp. No.
Date:

</body>

</html>

OUTPUT:

d) Books Catalog:

<html>

<head>

<title>Books Catalog</title>

</head>

<body bgcolor="white">

<center><h1>AMAZON</h1></center>

<form method="post" action="shopping.html">

<left>

<table>

<tr>

<td><b><h3>Frontend books</td>

<td></td></tr>

<tr>

Regd. No.197Y1A0559 Page No.


MARRI LAXMAN REDDY INSTITUTE OF TECHNOLOGY & MANAGEMENT
Exp. No.
Date:

<td><h4>JAVA</td>

</tr>

<tr>

<td></td>

<td><h4>Computer Networks</td>

</tr>

<tr>

<td></td>

<td><h4>Software Engineering

</td></tr>

<tr>

<td></td>

<td><h4>Compiler Design

</td></tr>

<tr>

<td><b><h3>Backend books</td>

<td></td>

</tr>

<tr>

<td></td>

<td><h4>Oracle</td>

</tr>

<tr>

<td></td>

<td><h4>MySQL Server

</td></tr>

Regd. No.197Y1A0559 Page No.


MARRI LAXMAN REDDY INSTITUTE OF TECHNOLOGY & MANAGEMENT
Exp. No.
Date:

<tr>

<td></td>

<td><h4>Mongo DB </td>

</tr> <tr>

<td></td>

<td><h4>PostgreSQL</td>

</tr>

<tr>

<td></td>

<td><h4>DB2</td>

</tr>

</table>

</h4>

<center>

<b>for buy one of these books

<br>

</b><input type="submit" value="click here">

</center>

</form>

</body>

</html>

Regd. No.197Y1A0559 Page No.


MARRI LAXMAN REDDY INSTITUTE OF TECHNOLOGY & MANAGEMENT
Exp. No.
Date:

OUTPUT:

e) Shopping cart:

CODE:

<html>

<head>

<title>Shopping Cart</title>

</head>

<body bgcolor="white">

<center><h1>

Shopping Cart</h1></center>

<br><br><br><br><br>

<table align="center">

<tr>

Regd. No.197Y1A0559 Page No.


MARRI LAXMAN REDDY INSTITUTE OF TECHNOLOGY & MANAGEMENT
Exp. No.
Date:

<td>Text Books</td>

<td>

<select name="My_menu" value="My_menu">

<option value="select">select the book

<option value="JAVA">JAVA

<option value="Computer Networks">Computer Networks

<option value="Software Engineering">Software Engineering

<option value="Compiler Design">Compiler Design

<option value="Oracle">Oracle

<option value="MySQL Server">MySQL Server

<option value="Mongo DB">Mongo DB

<option value="PostgreSQL">PostgreSQL

<option value="DB2">DB2

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

Regd. No.197Y1A0559 Page No.


MARRI LAXMAN REDDY INSTITUTE OF TECHNOLOGY & MANAGEMENT
Exp. No.
Date:

</td></tr>

</table>

<center>

<pre>Cost of one book is"500" + shipping "100"</pre>

</center>

</body>

</html>

OUTPUT:

f) Payment by credit card:

CODE:

<html>

<head><title>Payment</title></head>

<body bgcolor="white">

<center><h1>Payment By Credit Card</h1></center>

<form method=post action="ordrconform.html">

<br><br><br><br><br>

<table align="center">

<tr>

<td>

Regd. No.197Y1A0559 Page No.


MARRI LAXMAN REDDY INSTITUTE OF TECHNOLOGY & MANAGEMENT
Exp. No.
Date:

<h4>Total Amount</h4></td>

<td><input type="text">

</td>

</tr>

<tr>

<td><h4>Credit Card Number</td>

<td><input type="text"></td>

</tr>

<tr>

<td>

</td>

<td><input type="submit" value=OK>

</td>

</tr>

</table>

</form></body>

</html>

OUTPUT:

Regd. No.197Y1A0559 Page No.


MARRI LAXMAN REDDY INSTITUTE OF TECHNOLOGY & MANAGEMENT
Exp. No.
Date:

g) Order conformation:

CODE:

<html>

<head><title>Order Conformation</title><M/head>

<body bgcolor="white">

<center>

<h1><b>BOOK SHOPPING</h1>

<pre><strong>

<b>Your order Is Conformed

</strong></pre>

<h2><b>THANK YOU</h2>

</center>

</body></html>

OUTPUT:

Regd. No.197Y1A0559 Page No.

You might also like