WEEK - 1 & 2: Avanthi S Research & Technological Academy

AVANTHI‘S RESEARCH & TECHNOLOGICAL ACADEMY
WEEK -1 & 2
Aim:
Develop static pages(using only html)of an online book store.The website should consists of
following pages
.Home Page
.Registration Page
.User Login
.Books Catalog
.Cart Page
Frame.html :
<FRAMESET ROWS="20%,15%,*">
<frame src="college.html" name="frame1.html">
<frame src="h1.html" name="frame2.html">
<FRAMESET COLS = ”20%,80%,*”>
<frame src="branches.html" name="frame3.html">
<frame src="desc.html" name="frame4.html">
</frameset>
Desc.html :
<HTML>
<BODY>
</BODY>
</HTML>
College.html :
<html>
<body>
<br>
<br>
<b><center><font face="arail"size="5">AVANTHI'S RESEARCH & TECHNOLOGICAL
ACADEMY</center></B>
</body>
</html>
A.RUPA DEVI
08HQ1A1204
H1.html :
<html>
<body><center>
<br>
<br>
<a href="home1.html"
target="desc"<B>home</B></a>
<a href="login.html"
TARGET="desc"><B>LOGIN</B></A>
<a href="reg.html"
target="desc"><B>REGISTRATION</B></a>
<a href="catalogue.html"
target="desc"><B>CATALOGUE</B></a>
<a href="cart.html"
target="desc"<b>CART</b></a>
08HQ1A1204
</center>
</body>
</html>
Home.html :
<html>
<body>
<b>WELCOME TO AVANTHI'S RESEARCH & TECHNOLOGICAL ACADEMY </B>
</BODY>
</HTML>
A.RUPA DEVI
08HQ1A1204
Login.html :
<html>
<head>
<CENTER>LOGIN FORM
</head>
<body>
<form name="formal">
<center>
<table>
<tr> <td> <b>enter username</td>
<td> <colspan=3> <input type="text"name="user"></td>
</tr>
<tr><td><b>password </td>
<td colspan=2><input type="password" name="pwd"></td>
</tr>
<td><input type="submit" value="submit">
<td><input type="button" value="reset">
</td>
</table>
</center>
</form>
</body>
</html>
A.RUPA DEVI
08HQ1A1204
Reg.html :
<HTML>
<TITLE>REGISTRATION FORM</TITLE>
<head>
</HEAD>
<body>
<center>
<table>
<tr> <td colspan=4 align=center> registration form</td>
<tr> <td> <b>Enter name</td>
<td colspan=3><input type="text" name="name"></td>
</tr>
<tr> <td> <b>Enter father name:</td>
<td colspan=3><input type="text" name="father"></td>
</tr>
<tr><td><b>Enter dob</b> </td>
<td>
<select name="day">
<option value="10'>10</option>
<option value="11">11</option>
</select>
</td>
<td><select name="month">
<option value="jan">jan</option>
<option value="feb">feb</option>
<option value="march">march</option>
<option value="april">april</option>
<option value="may">may</option>
<option value="june">june</option>
<option value="july">july</option>
</select>
</td>
<td><select name="year">
A.RUPA DEVI
08HQ1A1204
<option value=”1996”>1996</option></tr><td>
</select>
</tr>
<t><td><B><gender</B></td>
<td><input type=radio name="sex" value="male">male</td>
<td><input type=radio name="sex"value="female"s>female</td.
<td></td>
</tr>
<tr><td><B>address</B></td>
<td colspan=2><textarea></textarea></td>
</tr>
<tr><td><B>email</B></td>
<td colspan=2><input type="text" name="email"></td>
</tr>
<tr><td><B>password</B></td>
<td colspan=2><input type="text" name="pass"></td>
</tr>
<tr><td><B>languages known</B></td>
<td><input type="checkbox"name="english"value="english">English
</td>
<td><input type="checkbox" name"hindi" value="hindi">telugu</td>
<td><input type="checkbox" name"telugu" value="telugu">telugu</td>
</tr>
<tr><td><B>confirm password</B></td>
<td> <colspan=2><input type="text" name="pwd"></td>
</tr>
<td cplspan=4 align=center><input type="submit" value="submit">
</td>
</table>
</form>
</body>
</html>
A.RUPA DEVI
08HQ1A1204
Catalogue.html :
<html>
<bod>
<img src="C:\Documents and Settings\Administrator\Desktop\se.jpg" height=100
width=100>
  <B>book:</b>software engineering

   $35.5
    <input type="button"value="add to cart"><br>



<b>author:</b>douglas bell</td></tr>
<BR>
<BR>
<img src="C:\Documents and Settings\Administrator\Desktop\db.jpg"height=100
width=100>
  <B>book:</b>database systems

   $30.5



<b>author:</b>thomas connolly</td></tr>
A.RUPADEVI
<BR>
<br>
08HQ1A1204
<IMG SRC ="C:\Documents and Settings\Administrator\Desktop\comp.jpg"height=100
width=100>
  <b>book:</b>computers

        $50




<b>author:</b>capson johnson</td></tr>
A.RUPA DEVI
08HQ1A1204
</body>
</html>
Cart.html :
<html>
<body>
<center>
<br><br><br><br><br><B>
<table border=2>
<tr>
<td colspan="4">
<b>Book name</td>
<td><b>Price</td>
<td><b>Quantity</td>
<td><b>Amount</td>
</tr>
<tr>
<td colspan=4><B>software engineering</td>
<td> $35.5</td>
<td> 2</td>
<td> $70</td>
</tr>
<tr>]
<td colspan=4> <b>database systems</td>
<td> $30.5</td>
<td> 2</td>
<td> $61</td>
</tr>
<tr>
<td colspan=4><b>computers</td>
<td> $50</td>
<td> 1</td>
<td> $50</td>
</tr>
</table>
<br>
<tr>
<td>t otal amount:</td>
<td>$181</td></tr>
</body>
</html>
A.RUPA DEVI
08HQ1A1204
Branches.html :
<html>
<body>
<a href="zap.html" target="desc"> CSE</a> <br><br>
<a href="zap.html" target="desc"> ECE</a> <br><br>
<a href="zap.html" target="desc"> IT</a> <br><br>
<a href="zap.html" target="desc"> EEE</a> <br><br>
</BODY>
</HTML>
A.RUPA DEVI
08HQ1A1204
WEEK-3
Aim:
Write JavaScript to validate the following fields of the above registration page.
1.Name
2.Password
3.E-mail id
4.Phone number
Reg.js :
<html>
<head>
<script language=javascript>
function valid()
{
document.event.uname.value="name should contain only char";
}
function verify(pwd)
{
if(pwd.value.length==6)
{
window.alert("valid password");
return true;
}
else
{docment.event.pwd.value="";
window.alert("pwd length should be 6 char");
return false;
}
}
function verify1(pno)
{
if(pno.value.length==10)
{
window.alert("valid phone no");
return true;
}
else
{
A.RUPA DEVI
08HQ1A1204
docment.event.pno.value="";
window.alert("reenter phone no(10 no's)");
return false;
}
}
function verify2(uname)
{
if(uname.value.length>6)
{
window.alert("valid name");
return true;
}
else
{
docment.event.uname.value="";
window.alert("reenter name(>6 char's)");
return false;
}
}
function sub()
{
window.alert("successful login");
}
function email()
{
docment.event.emailid.value="in d form of name@gmail.com";
}
function verify3()
{
if(emailid="name@gmail.com")
{
window.alert("valid emailid");
}
else
{
document.event.emailid.value="";
alert("reenter emailid id");
}
}
</script>
</head>
<body><center><br><br><br>
<B>REGISTRATION PAGE<B><BR><BR>
A.RUPA DEVI
08HQ1A1204
<form name="event" onsubmit="sub()">

<table align=center>
<tr>
<td>enter your name:<td.<input type=text name=uname onfocus="valid();"
onblur="verify2(uname);">
</tr>
<tr>
<td>enter password<td><input type="password" name="pwd"
onblur="verify(pwd);">
<tr>
<td>enter phone no<td><input type="text" name="pno"

onblur="verify1(pno);"></tr>
<tr>
<td>enter email_id<?td>
<td><input type="text" name="emailid" onfocus="email();"
onblur="verify3();"></td></tr>
<tr>
<td><input type="submit"value="submit">
</tr>
</table>
</body>
</ html>
A.RUPA DEVI
08HQ1A1204
WEEK-4
Aim:
Design a web page using CSS(Cascading Style Sheets)which includes the following:
1. Use different font,styles:
2. Set a background image for both the page and single elements on the page.
3. Control the repetition of the image with the background-repeat property
4. Define styles for links as
A:link
A:visited
A:active
A:hover
5.Work with layers:
6.Add a customized cursor:
a.css :
<html>
<head>
h2
{
font-family:segoe script;
color:green;
font-size;30px;
}
h3
{
font-family:segoe print;
color:red;
}
</head>
</html>
A.RUPA DEVI
08HQ1A1204
Css.html :
<html>
<head>
<title>rupa</title>
<link rel="stylesheet"type="text/css" a href="a.css">
<style type="text/css">
h1
{
font-family:courier new;
font-size:20pt
}
</style>
</head>
<body>
<p style="font-family:browalliaupc;font-size:40;color:tan">
dbms was dealed by anupama mam
</p>
<h1><font color="blue">
operating systems was dealed by ramesh sir
</font>
</h1>
<h2>
computer networks was dealed by swathi mam
</h2>
<h3>
web technologies was dealed by satyanarayana sir
</h3>
</body>
</html>
A.RUPA DEVI
08HQ1A1204
Bkgimg.html :
<html>
<head>
body{background-image:url('C:\Users\KISHORE\Desktop\wnter.jpg');
width:20;}
.w
{
color:blue;
}
</style>
</head>
<body>
<h1 class="w">the weather is so nice</h1>
</body>
</html>
Rep.html :
<html>
<head>
body
{
background-image:url('C:\Users\KISHORE\Desktop\waterfall.jpg');
background-repeat-5;
}
</style>
</head>
<body>
<h1><font color="red">
peoples are enjoying</font>
</h1>
</body>
<html>
A.RUPA DEVI
08HQ1A1204
Styles.html :
<html>
<head>
a:link{color:#ff0000;}
a:hover{color:#ff00ff;}
a:active{color:#0000ff;}
</style>
</head>
<body>
<p><b><a href="defalut.asp'target='_blanks">hai friends enjoy the day</a></b></p>
<p><b>hello:</b>a:hover hi a:link and a:visited hai friends enjoy the day.</p>
<p><b>yuup:</b>a:active hi a:hover hai friends enjoy the day </p>
</body>
</html>
Layers.html :
<html>
<head>
<style-type="text/css">
<body bgcolor="tan">
<center>layer 1 on top:
<div style="position:relative;font-size:50px;z-index;2;">RUPA</div>
<div style="position:relative;top:-10;left5;color:black;font-size;80px;z-
index:1">VINUSHA</DIV>
layer 2 on top;
<div style="position;relative;font-size:50px;z-index:3">NANDU DHEERAJ</div>
<div style="position;ralative;top:-50;left:5;color:black;font-size:80px;z-
index:4">RAJESH</div>
</center>
</style.
</body>
</head>
</html>
A.RUPA DEVI
08HQ1A1204
CC.HTML :
<html>
<head>
.xlink{cursor:crossbar}
.hlink{cursor:help}
</style>
</head>
<body bgcolor="skyblue">
<b><center>
<a href="mypage.html"class="xlink">RUPA</a><br>
<a href="mypage.html"class="hlink">CHOWDARY</a>
</center>
</b>
</body>
</html>
A.RUPA DEVI
08HQ1A1204
WEEK-5 :
Aim:
Write an XML file which will display the Book information which includes the following:
1.Title of the book
2.Author name
3.ISBN number
4.Publisher name
5.Edition
6.Price
BOOK.Xml :
<?xml version="1.0"?>
<book>
<entry>
<book-title>WEB TECHNOLOGY</book-title>
<author-name>RAMESH KUMAR</author-name>
<isbn-number>601201000029</isbn-number>
<publisher-name>MC GRAWHILL</publisher-name>
<edition>3rd</edition>
<price>$300</price>
</entry>
</book>
BOOKS.DTD :
<!ELEMENT book (entry+)>

<!ELEMENT entry
(book_title,author_name,isbn_number,publisher_name,edition,price)>
<!ELEMENT book_title (#PCDATA)>
<!ELEMENT author_name (#PCDATA)>
<!ELEMENT isbn_number (#PCDATA)>
<!ELEMENT publisher_name (#PCDATA)>
<!ELEMENT edition (#PCDATA)>
<!ELEMENT price (#PCDATA)>
A.RUPA DEVI
08HQ1A1204
BOOK.XSL :
<html>
<body>
<xsl:apply-templates/>
</body>
</html>
</xsl:template>
<xsl:template match="/book/entry">
<h1><xsl:apply-templates select="text()"/></h1>
<xsl:appl-templates select="title"/>
<xsl:apply-templates select="author"/>
<xsl:apply-templates select="ISBN"/>
</xsl:template>
</xsl:stylesheet>
A.RUPA DEVI
08HQ1A1204
A.RUPA DEVI
08HQ1A1204

WEEK - 1 & 2: Avanthi S Research & Technological Academy

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

WEEK - 1 & 2: Avanthi S Research & Technological Academy

Uploaded by

Copyright:

Available Formats

AVANTHI‘S RESEARCH & TECHNOLOGICAL ACADEMY

<form name="event" onsubmit="sub()">

<td>enter phone no<td><input type="text" name="pno"

<!ELEMENT book (entry+)>

You might also like