1.Online book store
Content
Exp No: Date:
Page:
1.ONLINE BOOK STORE
AIM: To design static web pages for online book store website TAGS:HEADING TAG:Headings are defined with <H1>to <H6>tags.<H1> displays large font as heading. Eg: <H1>Heading</H1> HYPERLINK TAG:Html links are defined with anchor tag<a>.It is a paired tag. Eg: <a href=´x.jpg´>clickme</a> IMAGE TAG:Image tag is used to display the image. Eg: <img src=´x.jpg´> TABLE TAG:Table tag is used to define tables by using <table>. <tr>,<td>,<th> tags are used for defining rows, cell description,table heading respectively. Eg: <table cols=2> <tr><td>1</td><td>2</td> </tr> <tr><td>3</td><td>4</td></tr> </table> FORM TAG:Forms are defined by using <form>tag.Input tag is used to enter text with in form tag. Eg: <form><input type=´button´ ></form> FRAME TAG:Frames are used to display more than one HTML document in the same browser window. <frameset >tag is used to divide webpage into frames.<frame> tag defines what HTML document to put in each frame. MARQUEE TAG:It is a scrolling tag and paired one. Eg: <marquee align=middle>QIS</marquee> SCRIPT TAG:Script tag is used tospecify the type of language. Eg:<script language=´JavaScript´></script>
06491A0516
Online Book Store
Page:
SOURCECODE: Booksworld.html
<html> <head><title>books world</title></head> <frameset cols=15%,*> <frameset rows=15%,15%,*> <frame name=f11 src="logo.html"> <frame name=f12 src="home.html"> <frame name=f13 src="departments.html"> </frameset> <frameset rows=15%,15%,*> <frame name=f21 src="wsn.html"> <frameset cols=25%,25%,25%,*> <frame name=f2a src="login.html" name=f22> <frame name=f2b src="registration.html"> <frame name=f2c src="catalogue1.html"> <frame name=f2d src="cart.html"> </frameset> <frame name=f23 src="home1.html"> </frameset> </frameset> </html>
Home.html
<html> <head><title><center>home</center></title></head> <body> <a href="home1.html" target="f23" ><b><h3><br><center>home</center></h3></b></a> </body> </html>
Home1.html
<html> <head><title>books world</title></head> <body background=bg.jpg /><br><br><center> <h1><b>Welcome to books world</b><br></h1> <ul><h2> <li>CSE <li>ECE <li>CEC <li>EEE</h2> </center> </body> </html>
Login.html
<html> 06491A0516 Online Book Store
Page: <head><title><center>login</center></title></head> <body background=bg.jpg> <a href="login1.html" target="f23" ><b><h3><br><center>login</center></h3></b></a> </body> </html>
Login1.html
<html> <head> <title>login page</title> </head> <body> <frame><br><br><br> <center> login: <input type="text" name="login" /><br><br> password: <input type="password " align="center" maxlength="5" /><br><br> <input type="submit" value="submit" /> <input type="reset" value="reset" /> </center> </frame> </body> </html>
Logo.html
<html> <body background=bg.jpg><center> <img src="logo.jpg" height=78 width=80 border=0 /> </body></center> </html>
Registration.html
<html> <head><title>registration</title></head> <body background=bg.jpg> <a href="registration1.html" target="f23" ><b><h3><br><center>registration</center></h3></b></a> </body> </html>
Registration1.html
<html> <head><title>registration form</title></head> <body bgcolor="#fdcabc"> <center> <form> <h3>please fill this form to improve this site</h3> Name:<input type="text" name="name"/><br><br> Password:<input type="password" align="left" max length="6"><br><br> Email:<input type="text" name=" nglish" /><br><br> 06491A0516 Online Book Store
Page: PhoneNo:<input type="text" name="phoneno" /><br><br> <input type="radio" value="male" />MALE <input type="radio" value="female" />FEMALE<br><br> Date of Birth: <select> <option>january <option>febrauary <option>march <option>april <option>may <option>june <option>july <option>august <option>september <option>october <option>november <option>december </select> <select> <option>1 <option>2<option>3<option>4<option>5<option>6<option>7<option>8<option>9<option> 10 <option>11<option>12<option>13<option>14<option>15<option>16<option>17<opt ion>18 <option>19 <option>20<option>21<option>22<option>23<option>24<option>25<option>26<option>27 <option>28 <option>29<option>30<option>31 </select> <select> <option>1980<option>1981<option>1982<option>1983<option>1984<option>1985<option >1986<option>1987 <option>1988<option>1989<option>1990<option>1991<option>1992<option>1993<option >1994 </select><br><br> LANGUAGES KNOWN<br><br> Telugu<input type="checkbox" value="telugu"> English<input type="checkbox" value="english"> Hindi<input type="checkbox" value="hindi"> Tamil<input type="checkbox" value="tamil"><br><br> Address:<input type="textarea" lines="10"><br><br> <input type="submit" value="submit"> <input type="reset" value="reset"> </form> </body> </html>
Catalogue.html
<html> <body background=bg.jpg> 06491A0516 Online Book Store
Page: <a href="catalogue11.html" target="f23" ><b><h3><br><center>catalogue</center></h3></b></a> </body> </html>
Catalogue1.html
<html> <body><center><br><br> <table border=1 width=428> <tr><td><center><img src="logo1.jpg" height=60 width=60 border=0 /></center></td><center><td><center>Book:XML Bible<br>Author:Winston<br>Publication:wiely</td></center> <td><center>cost:$ 40.5</center></td><form><td><center><input type="button" value="Add to cart"></center></form></td> </tr> <tr><td><center><img src="logo2.jpg" height=60 width=60 border=0 /></center></td><td><center>Book:AI<br>Author:S.Russel<br>Publication:Princeton</cent er></td> <td><center>cost:$ 63</center></td><form><td><center><input type="button" value="Add to cart"></center></form></td> </tr> <tr><td><center><img src="logo3.jpg" height=60 width=60 border=0 /></center></td><td><center>Book:Java 2<br>Author:Watson<br>Publication:BPB</center></td> <td><center>cost:$ 35.5</center></td><form><td> <center><input type="button" value="Add to cart"></center></form></td> </tr> <tr><td><center><img src="logo4.jpg" height=60 width=60 border=0 /></center></td><td><center>Book:HTML<br>Author:Sam Peter<br>Publication:Sam</center></td> <td><center>cost:$ 60</center></td><form><td> <center><input type="button" value="Add to cart"></center></form></td> </tr> </table></center> </body> </html>
Departments.html
<html> <body background=bg.jpg> <a href="CSE.html" target="f23" ><b><u><h3><center>CSE</center></h3></u></b></a><br> <a href="ECE.html" target="f23" ><b><u><h3><center>ECE</center></h3></u></b></a><br> <a href="EEE.html" target="f23" ><b><u><h3><center>EEE</center></h3></u></b></a><br> <a href="MECH.html" target="f23" ><b><u><h3><center>MECH</center></h3></u></b></a><br> <a href="CIVIL.html" target="f23" ><b><u><h3><center>CIVIL</center></h3></u></b></a><br> 06491A0516 Online Book Store
Page: </body> </html>
ECE.html
<html> <body bgcolor="#fcdabc"> <p>BOOKS ARE LISTED BELOW</p> <ul> <li>EDC <li>LDIKA </ul> </body> </html>
EEE.html
<html> <body bgcolor="#fdcabc"> BOOKS FOR EEE ARE <ul> <li>MP <li>MACHINES </ul> </body> </html>
CIVIL.html
<html> <body bgcolor="#fdcabc"> THE BOOKS FOR CIVIL ARE <ul> <li>EDP <li>FLUID MECHANICS </ul> </body> </html>
CSE.html
<html> <body bgcolor="#fcdabc"> <p>THE BOOKS WHICH ARE PROVIDED BY US FOR THE CSE DEPARTMENT STUDENTS ARE GIVEN BELOW</p> <ul> <li>C&DATA STRUCTURES <li>APPLIED PHYSICS </ul> </body> 06491A0516 Online Book Store
Page: </html>
OUTPUT: Books World.html
Login.html
06491A0516
Online Book Store
Page:
Registration.html
Catalogue.html
06491A0516
Online Book Store
Page:
Cart.html
CSE.html
06491A0516
Online Book Store
Page:
ECE.html
CIVIL.html
06491A0516
Online Book Store
Page:
EEE.html
RESULT: Static web pages for online bookstore website are designed successfully.
06491A0516
Online Book Store
Page:
1.ONLINE BOOK STORE
AIM: To design static web pages for online book store website TAGS:HEADING TAG:Headings are defined with <H1>to <H6>tags.<H1> displays large font as heading. Eg: <H1>Heading</H1> HYPERLINK TAG:Html links are defined with anchor tag<a>.It is a paired tag. Eg: <a href=´x.jpg´>clickme</a> IMAGE TAG:Image tag is used to display the image. Eg: <img src=´x.jpg´> TABLE TAG:Table tag is used to define tables by using <table>. <tr>,<td>,<th> tags are used for defining rows, cell description,table heading respectively. Eg: <table cols=2> <tr><td>1</td><td>2</td> </tr> <tr><td>3</td><td>4</td></tr> </table> FORM TAG:Forms are defined by using <form>tag.Input tag is used to enter text with in form tag. Eg: <form><input type=´button´ ></form> FRAME TAG:Frames are used to display more than one HTML document in the same browser window. <frameset >tag is used to divide webpage into frames.<frame> tag defines what HTML document to put in each frame. MARQUEE TAG:It is a scrolling tag and paired one. Eg: <marquee align=middle>QIS</marquee> SCRIPT TAG:Script tag is used tospecify the type of language. Eg:<script language=´JavaScript´></script>
06491A0516
Online Book Store
Page:
SOURCECODE: Booksworld.html
<html> <head><title>books world</title></head> <frameset cols=15%,*> <frameset rows=15%,15%,*> <frame name=f11 src="logo.html"> <frame name=f12 src="home.html"> <frame name=f13 src="departments.html"> </frameset> <frameset rows=15%,15%,*> <frame name=f21 src="wsn.html"> <frameset cols=25%,25%,25%,*> <frame name=f2a src="login.html" name=f22> <frame name=f2b src="registration.html"> <frame name=f2c src="catalogue1.html"> <frame name=f2d src="cart.html"> </frameset> <frame name=f23 src="home1.html"> </frameset> </frameset> </html>
Home.html
<html> <head><title><center>home</center></title></head> <body> <a href="home1.html" target="f23" ><b><h3><br><center>home</center></h3></b></a> </body> </html>
Home1.html
<html> <head><title>books world</title></head> <body background=bg.jpg /><br><br><center> <h1><b>Welcome to books world</b><br></h1> <ul><h2> <li>CSE <li>ECE <li>CEC <li>EEE</h2> </center> </body> </html>
Login.html
<html> 06491A0516 Online Book Store
Page: <head><title><center>login</center></title></head> <body background=bg.jpg> <a href="login1.html" target="f23" ><b><h3><br><center>login</center></h3></b></a> </body> </html>
Login1.html
<html> <head> <title>login page</title> </head> <body> <frame><br><br><br> <center> login: <input type="text" name="login" /><br><br> password: <input type="password " align="center" maxlength="5" /><br><br> <input type="submit" value="submit" /> <input type="reset" value="reset" /> </center> </frame> </body> </html>
Logo.html
<html> <body background=bg.jpg><center> <img src="logo.jpg" height=78 width=80 border=0 /> </body></center> </html>
Registration.html
<html> <head><title>registration</title></head> <body background=bg.jpg> <a href="registration1.html" target="f23" ><b><h3><br><center>registration</center></h3></b></a> </body> </html>
Registration1.html
<html> <head><title>registration form</title></head> <body bgcolor="#fdcabc"> <center> <form> <h3>please fill this form to improve this site</h3> Name:<input type="text" name="name"/><br><br> Password:<input type="password" align="left" max length="6"><br><br> Email:<input type="text" name=" nglish" /><br><br> 06491A0516 Online Book Store
Page: PhoneNo:<input type="text" name="phoneno" /><br><br> <input type="radio" value="male" />MALE <input type="radio" value="female" />FEMALE<br><br> Date of Birth: <select> <option>january <option>febrauary <option>march <option>april <option>may <option>june <option>july <option>august <option>september <option>october <option>november <option>december </select> <select> <option>1 <option>2<option>3<option>4<option>5<option>6<option>7<option>8<option>9<option> 10 <option>11<option>12<option>13<option>14<option>15<option>16<option>17<opt ion>18 <option>19 <option>20<option>21<option>22<option>23<option>24<option>25<option>26<option>27 <option>28 <option>29<option>30<option>31 </select> <select> <option>1980<option>1981<option>1982<option>1983<option>1984<option>1985<option >1986<option>1987 <option>1988<option>1989<option>1990<option>1991<option>1992<option>1993<option >1994 </select><br><br> LANGUAGES KNOWN<br><br> Telugu<input type="checkbox" value="telugu"> English<input type="checkbox" value="english"> Hindi<input type="checkbox" value="hindi"> Tamil<input type="checkbox" value="tamil"><br><br> Address:<input type="textarea" lines="10"><br><br> <input type="submit" value="submit"> <input type="reset" value="reset"> </form> </body> </html>
Catalogue.html
<html> <body background=bg.jpg> 06491A0516 Online Book Store
Page: <a href="catalogue11.html" target="f23" ><b><h3><br><center>catalogue</center></h3></b></a> </body> </html>
Catalogue1.html
<html> <body><center><br><br> <table border=1 width=428> <tr><td><center><img src="logo1.jpg" height=60 width=60 border=0 /></center></td><center><td><center>Book:XML Bible<br>Author:Winston<br>Publication:wiely</td></center> <td><center>cost:$ 40.5</center></td><form><td><center><input type="button" value="Add to cart"></center></form></td> </tr> <tr><td><center><img src="logo2.jpg" height=60 width=60 border=0 /></center></td><td><center>Book:AI<br>Author:S.Russel<br>Publication:Princeton</cent er></td> <td><center>cost:$ 63</center></td><form><td><center><input type="button" value="Add to cart"></center></form></td> </tr> <tr><td><center><img src="logo3.jpg" height=60 width=60 border=0 /></center></td><td><center>Book:Java 2<br>Author:Watson<br>Publication:BPB</center></td> <td><center>cost:$ 35.5</center></td><form><td> <center><input type="button" value="Add to cart"></center></form></td> </tr> <tr><td><center><img src="logo4.jpg" height=60 width=60 border=0 /></center></td><td><center>Book:HTML<br>Author:Sam Peter<br>Publication:Sam</center></td> <td><center>cost:$ 60</center></td><form><td> <center><input type="button" value="Add to cart"></center></form></td> </tr> </table></center> </body> </html>
Departments.html
<html> <body background=bg.jpg> <a href="CSE.html" target="f23" ><b><u><h3><center>CSE</center></h3></u></b></a><br> <a href="ECE.html" target="f23" ><b><u><h3><center>ECE</center></h3></u></b></a><br> <a href="EEE.html" target="f23" ><b><u><h3><center>EEE</center></h3></u></b></a><br> <a href="MECH.html" target="f23" ><b><u><h3><center>MECH</center></h3></u></b></a><br> <a href="CIVIL.html" target="f23" ><b><u><h3><center>CIVIL</center></h3></u></b></a><br> 06491A0516 Online Book Store
Page: </body> </html>
ECE.html
<html> <body bgcolor="#fcdabc"> <p>BOOKS ARE LISTED BELOW</p> <ul> <li>EDC <li>LDIKA </ul> </body> </html>
EEE.html
<html> <body bgcolor="#fdcabc"> BOOKS FOR EEE ARE <ul> <li>MP <li>MACHINES </ul> </body> </html>
CIVIL.html
<html> <body bgcolor="#fdcabc"> THE BOOKS FOR CIVIL ARE <ul> <li>EDP <li>FLUID MECHANICS </ul> </body> </html>
CSE.html
<html> <body bgcolor="#fcdabc"> <p>THE BOOKS WHICH ARE PROVIDED BY US FOR THE CSE DEPARTMENT STUDENTS ARE GIVEN BELOW</p> <ul> <li>C&DATA STRUCTURES <li>APPLIED PHYSICS </ul> </body> 06491A0516 Online Book Store
Page: </html>
OUTPUT: Books World.html
Login.html
06491A0516
Online Book Store
Page:
Registration.html
Catalogue.html
06491A0516
Online Book Store
Page:
Cart.html
CSE.html
06491A0516
Online Book Store
Page:
ECE.html
CIVIL.html
06491A0516
Online Book Store
Page:
EEE.html
RESULT: Static web pages for online bookstore website are designed successfully.
06491A0516
Online Book Store
