[go: up one dir, main page]
Scribd
Upload
49 views10 pages

Temp

The document provides instructions for designing static web pages for an online book store website. It includes details on creating pages for the home page with three frames, login page, catalogue page displaying book details, and notes that week 2 will include pages for the cart and registration pages. Source code is provided for the home page framework and sample pages including top frame, left frame, login page and catalogue page.

Uploaded by

OM JAJU
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
49 views10 pages

Temp

The document provides instructions for designing static web pages for an online book store website. It includes details on creating pages for the home page with three frames, login page, catalogue page displaying book details, and notes that week 2 will include pages for the cart and registration pages. Source code is provided for the home page framework and sample pages including top frame, left frame, login page and catalogue page.

Uploaded by

OM JAJU
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 10

WT lab 20311A1901

WEEK-1
Design the following static web pages required for an online book store web site.

1) HOME PAGE:

The static home page must contain three frames.

Top frame: Logo and the college name and links to Home page, Login page, Registration page,

Catalogue page and Cart page (the description of these pages will be given below).

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.

2) LOGIN PAGE:

ECM-A 2022-2023
WT lab 20311A1901

3) CATOLOGUE PAGE:

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.

Note: Week 2 contains the remaining pages and their description

ECM-A 2022-2023
WT lab 20311A1901

Aim: Design the following static web pages required for online book store.

1. Home page:- the static home page must contains three pages.
2. Top frame:- logo and college name and links to homepage, login page, registration
Page,catalogue page and cart page
3. Left frame:- at least four links for navigation which will display the cata ogue of
Respectivelinks
4. Right frame:- the pages to links in the left frame must be loaded he e initia y it Contains
thedescription of the website

SOURCE CODE:-

bookstore.html

<frameset rows="18%,*">

<frame src="topframe.html" scrolling="no"/>

<frameset cols="15%,*">

<frame src="leftframe.html" noresize/>

<frame src="rightframe.html" name="rframe"/>

</frameset>

</frameset>

topframe.html

<html>

<head>

<title> Top Frame </title>

</head>

<body bgcolor=green>

<table border="1" width="100%">

<tr><th width="14%"><img src="book.gif" width=100 height=50/></th>

<th> AMAZON.COM </th>

</tr>

</table>

<table border="1" width="100%">

ECM-A 2022-2023
WT lab 20311A1901

<tr>

<th><a href="rightframe.html"

target="rframe">Home</a></th><th><a href="login.html"

target="rframe">Login</a></th><th><a href="register.html"

target="rframe">Register</a></
th><th><ahref="catalogue.Html"
target="rframe">Catalogue</a></th><th><ahref="cart.html"
target="rframe">Cart</a></th>

</tr>

</table>

</body></html>

leftframe.html

<html>

<head>

<title> Left Frame </title>

</head>

<body bgcolor=#ffffcc>

<center>

<h4><a href="cse.html"
target="rframe">CSE</a></h4><h4><ahref="ece.ht
ml"
target="rframe">ECE</a></h4><h4><ahref="eee.ht
ml"

target="rframe">EEE</a></
h4><h4><ahref="it.html"
target="rframe">IT</a></h4>

</center>

</body>

</html>

ECM-A 2022-2023
WT lab 20311A1901

rightframe.html

<html>

<head>

<title> Right Frame </title>

</head>

<body bgcolor="pink">

</body></html>

login.html

<html>

<head>

<title> Login </title>

</head>

<body bgcolor="pink">

<center>

<form>

&nbsp;&nbsp;&nbsp;&nbsp;

<b>Login: <input type="text" name="login"/><br><br>


Password: <input type="password"
name="password"/><br><br><input type="submit"
value="Submit"/><input type="reset" value="Reset"/>

</b>

</form>

</center>

</body>

</html>

ECM-A 2022-2023
WT lab 20311A1901

catalogue.html

<html>

<head></head>

<title> Catalogue </title>

<body bgcolor="yellow">

<form>

<table border="1" width="100%">

<tr>

<td><img src="bible.jpg" width=100 height=100/></td>

<td> Book: XMLBIBLE <br> Author: Winston <br>


Publication:wiley</td><td> $47.5 &nbsp;&nbsp;&nbsp;</td>

<td><input type="button" value="Add to cart"/></td>

</tr>

<tr>

<td><img src="book.jpg" width=100 height=100/></td>

<td> Book: AI <br> Author: S.Russel <br>


Publication:PrincetonHall</td><td> $33 &nbsp;&nbsp;&nbsp;</td>

<td><input type="button" value="Add to cart"/></td>

</tr>

</table>

</form>

</body>

</html>

ECM-A 2022-2023
WT lab 20311A1901

Result:-

Week-2:
4) CART PAGE:

The cart page should look like this:

5) REGISTRATION PAGE:

Create a “registration form “with the following fields

1) Name (Text field) 2) Password (password field) 3) E-mail id (text field) 4) Phone number (text field)

5) Sex (radio button) 6) Date of birth (3 select boxes) 7) Languages known (check boxes – English, Telugu,
Hindi, Tamil) 8) Address (text area)

Aim: Design the following static web pages required for online book store.

1. Home page: - the static home page must contains three pages

2. Top frame: - logo and college name and links to homepage, login page,
registration Page,catalogue page and cart page

3. Left frame: - at least four links for navigation which will display the catalogue of
Respective links

4. Right frame: - the pages to links in the left frame must be loaded here initially
it Contains thedescription of the website

5. Registration page and

ECM-A 2022-2023
WT lab 20311A1901

6. Cart page

cart.html

<html>

<head></head>

<title> Cart page</title>

<body>

<center>

<table width="100%">

<tr>

<th>Book Name </th>

<th>Price </th>

<th>Quantity </th>

<th>Amount </th>

</tr>

<tr>

<td align="center">XML Bible </td>

<td align="center">$40.5 </td>

<td align="center">01 </td>

<td align="center">$40.5 </td>

</tr>

<tr>

<td align="center">JAVA </td>

<td align="center">$35.5 </td>

<td align="center">02 </td>

<td align="center">$70 </td>

ECM-A 2022-2023
WT lab 20311A1901

</tr>

<tr>

<td></td><td></td><th> otal Amount</th>

<td align="center">$110.5</td>

</tr>

</table></center>

</body></html>

register.html

<html>

<head></head>

<title> New User! </title>

<body>

<form>

<center>

<h1><font size=”3”>Registration Form</font></h1>

<hr witdh="50%">

<pre>

User Name: <input type="text" maxlength=15 size=25/>

Password: <input type="password" maxlength=15 size=25/>

Confirm Password: <input type="password" maxlength=15 size=25/>

Gender: <input type="radio" name="a">Male</input><input type="radio" name="a">Fema e</input>

Email-ID: <input type="text" maxlength=15 size=25/>

Address: <textarea rows=5 cols=30></textarea>

<input type="submit" value="Submit"/><input type="reset"


value="Reset"/>

</pre></form>

</body></html>

ECM-A 2022-2023
WT lab 20311A1901

Result:-

ECM-A 2022-2023

You might also like