Scribd Logo
Upload

Welcome to Scribd!

  • Codes:: Adewuyi Oluwatosin Oluwaseun Web Practical (Amazon)

    Uploaded by

    Thomisy
    7 views9 pages
    How to create a static bookshop website. example AMAZON

    Original Title

    Web - Amazon.html

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    How to create a static bookshop website. example AMAZON

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    7 views9 pages

    Codes:: Adewuyi Oluwatosin Oluwaseun Web Practical (Amazon)

    Uploaded by

    Thomisy
    How to create a static bookshop website. example AMAZON

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 9

    ADEWUYI OLUWATOSIN OLUWASEUN

    WEB PRACTICAL (AMAZON)

    TOPIC: 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 & User Login, User Profile Page, Books Catalogue, Shopping cart, Payment by
    credit card and Order confirmation.

    CODES:
    Main.html
    <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</h4><input type="submit" value="click here">
    </form>
    </center>
    </body>
    </html>

    Login.html
    <html>
    <head>
    <title>
    login page</title>
    </head>
    <body bgcolor="cyan"> <center>
    <strong><h1> AMAZON </h1></strong></center>
    <right>
    <table align="right">
    <tr>
    <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>
    <form method="post" action="catalog.html" >
    <input type="submit" value="submit" >
    </form>
    </td>
    <td>
    <form method="post" action="userpro.html" >
    <input type="submit"
    value="register" > &nbsp;&nbsp;
    <input type="reset" value="reset"></form></td>
    </tr>
    </table>
    </body>
    </html>

    Userpro.html
    <html>
    <head>
    <title>
    login page</title>
    </head>
    <body bgcolor="cyan">
    <center><strong><h1> AMAZON </h1></strong></center>
    <form method="post" action="catalog.html" >
    <right>
    <table align="left">
    <tr>
    <td><h4>user name</td>
    <td><input type="text" ></td>
    <tr>
    <tr>
    <td><h4>password</td>
    <td><input type="password"></td>
    </tr>
    <tr>
    <td><h4>confirm password</td>
    <td><input type="password"></td>
    </tr>
    <tr>
    <td><h4>male &nbsp;&nbsp;
    <option >
    <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>Address</td>
    <td><textarea name="address" rows=5 cols=19>
    </textarea>
    </td>
    <tr>
    <td>
    <input type="submit" value="submit" ></td>
    <td>
    <input type="reset" value="reset"></td>
    </tr>
    </form>
    </body>
    </html>

    Catalog.html
    <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>frontend 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>backend 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>for buy one of these books
    <br>
    </b><input type="submit" value="click here">
    </center>
    </form>
    </body>
    </html>

    Shopping.html
    <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 >
    <optgroup 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 is"500" + shipping "100"</pre>
    </center>
    <body>
    </html

    Payment.html
    <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>
    <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>

    Ordrconform.html
    <html>
    <head><title>order conformation</title><M/head>
    <body bgcolor="cyan">
    <center>
    <h1><b>BOOK SHOPPING</h1>
    <pre><strong>
    <b>Your order Is Conformed
    </strong></pre>
    <h2><b>THANK YOU</h2>
    </center>
    </body></html>
    OUTPUT:
    Home Page

    Registration & User Login


    User Profile Page:

    Books Catalog:
    Shopping Cart:

    Payment by Credit Card:


    Order Confirmation:

    You might also like