Sei sulla pagina 1di 58

DKES SCHOOL OF COMPUTER SCIENCE

Web Technologies
Practical File

Submitted By:

Full name: Ketan Rajpal

Enrollment number: 04516204410

Course: Master of Computer Application

Semester: 4th Semester


Web Technologies Women Empowerment Ketan Rajpal
Index

S.No Content Page No Signature

1.
Create a simple HTML document (yournamefile.htm) about yourself using
the basic tags.
Add bold and italic words to your document.
Add paragraph and break tags to your document.
Add a horizontal rule where appropriate. 1
Add an image to your document.
Add a simple table with borders.
Create an anchor tag for your email address.
Create a link to GGSIP University from your webpage.

2.
Modify the HTML page created above to incorporate all styling information
1
in a CSS and linking it with the HTML document.

3. Create a LOGIN web page/HTML form to accept users name and


password. Write a script to validate the information entered by the user 15
and to display appropriate message to the user.
4.
Create a WEB APPLICATION of your choice. It should incorporate
Main page should be divided into frames Top, Left and Right.
Top frame should be linked to a HTML file that displays a banner.
Left frame should be linked to a HTML file that displays the menu.
The HTML files linked with each menu item should open in Right
frame.
18
Styling information should be incorporated in a CSS file linked to
the web application.
Information in each web page should be structured using HTML
Tables.
Write Javascript code to validate the information entered by the
user wherever applicable.

5.
Library Management System 26

2
Practtical File Web Technologies Ketan Rajpal
Create a simple
s HTML document (yournamefile.htm) about yourself
y usingg the basic taggs.
Add bold and italic
i words too your documment.
Add paragraph h and break taags to your document.
Add a horizonttal rule wheree appropriatee.
Add an image to your document.
Add a simple table with borrders.
Create an anch our email address.
hor tag for yo
Create a link to
o GGSIP University from yo our webpage.

&

Modify th
he HTML pagee created abo
ove to incorpo
orate all stylin
ng informatio
on in a CSS and linking it with the
HTML doccument.

Scree
en shot of we
eb page
Practical File Web Technologies Ketan Rajpal
HTML source code

<!DOCTYPE HTML>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Ketan Rajpal | Freelance Web Designer New Delhi, India</title>
<meta name="description" content="Ketan Rajpal is a Freelancer Website Designer & Developer in New
Delhi, India. He has Vast experience as a Freelance Website Designer & Developer in New Delhi India.
Ketan Rajpal is a Freelancer Search Engine Optimizer New Delhi, India. Ketan Rajpal is a Freelancer
Graphic Designer. Ketan Rajpal develop websites in PHP & ASP.">
<meta name="keywords" content="Affordable designer, Affordable web design, Affordable website designer,
Affordable Websites, AJAX, ASP, ASP Website, Best website designer, Classic ASP Websites, CSS, CSS3,
Delhi, DHTML, Free website designer, Free website developer, Freelance Web Designer India New Delhi,
FreelancerGraphic design, Graphic designer website, Hosting, HTML, HTML5, India, India Graphic Designer,
JavaScript, JQuery, K, K R, K R Websites, K.R. Websites, Ketan, Ketan Rajpal, krpl, MySQL, New Delhi,
Online website designer, PHP, PHP Websites, R, Rajpal, Rajpal Ketan, software developer, SQL, to make web
page, visual web developer, web application development delhi, Web Design, web design company, web design
company delhi, web design, company in ncr, web design delhi, web design india, Web Designer, web designer
india, web designer website, web designing, Web Developer, web developer website, web development company
delhi, web development company india, web development firms, Web Page Design, web site design, web site
designer, Web site designing delhi, Webdesigner, Webpage design, Website application development delhi,
Website companies, website design, Website design affordable, Website design companies delhi, website
designer, Website Designing, website designing india, Website Development, Website development in delhi,
Website development india, Website Maintenance, Website solutions delhi, XHTML">
<meta property="og:site_name" content="krpl">
<meta property="og:title" content="Ketan Rajpal | Freelance Web Designer New Delhi, India">
<meta name="designer" content="Ketan Rajpal - krpl.in">
<meta name="robots" content="index, follow">
<meta name="rating" content="safe for kids">
<meta name="googlebot" content=" index, follow">
<meta name="revisit-after" content="daily">
<meta name="Rating" content="General">
<link rel="stylesheet" type="text/css" href="stylesheet/stylesheet.css">
<link href="http://fonts.googleapis.com/css?family=Fredericka+the+Great" rel="stylesheet"
type="text/css">
<link rel="shortcut icon" href="images/icon.ico">
<script type="text/javascript" src="javascript/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="javascript/jquery.tipsy.js"></script>
<script type="text/javascript" src="javascript/javascript.js"></script>
</head>
<body>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-23699929-4']);
_gaq.push(['_setDomainName', 'krpl.in']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-
analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<form name="myForm" id="myForm">
<div id="header"><div id="mainMenu">
<div style="margin-right:10px;"><img src="../images/menuLogo.png" alt="K.R. Websites logo"></div>
<a href="../"><div class='menuLinkCurrent'>WELCOME<br><span class="menuTag">Home</span></div></a>
<a href="../portfolio"><div class='menuLink'>THINGS I MADE<br><span class="menuTag">My
portfolio</span></div></a>
<a href="../skills"><div class='menuLink'>WHY ME<br><span class="menuTag">Skills</span></div></a>
<a href="../achievements"><div class='menuLink'>

2
Practical File Web Technologies Ketan Rajpal
AWARDS I GOT<br><span class="menuTag">Achievements</span></div></a>
<a href="../services"><div class='menuLink'>
WHAT CAN I DO<br><span class="menuTag">Services I provide</span></div></a>

<a href="../blog"><div class='menuLink'>


KNOW ME<br><span class="menuTag">My blog</span></div></a>

<a href="../contact"><div class='menuLink'>


KEEP IN TOUCH<br><span class="menuTag">Request a call back</span></div></a>

</div></div>
<div id="follow"> <table style="margin-right:auto;">
<tr>
<td>
<a href="http://www.facebook.com/KetanRajpal" id="facebook" title="Facebook account"
target="_blank">
<img src="../images/facebook.png" class="follow" alt="Facebook account of Ketan Rajpal">
</a>
</td>
</tr>
<tr>
<td>
<a rel="author" href="http://plus.google.com/u/0/116161001618204291632?rel=author" id="google"
title="Google Plus account" target="_blank">
<img src="../images/google.png" class="follow" alt="Google+ account of Ketan Rajpal">
</a>
</td>
</tr>
<tr>
<td>
<a href="http://twitter.com/#!/ketanrajpal" id="twitter" title="Twitter account" target="_blank">
<img src="../images/twitter.png" class="follow" alt="Twitter account of Ketan Rajpal">
</a>
</td>
</tr>
<tr>
<td>
<a href="http://in.linkedin.com/pub/ketan-rajpal/23/476/871" id="linkedin" title="Linked In
account" target="_blank">
<img src="../images/linkedin.png" class="follow" alt="Linked in account of Ketan Rajpal">
</a>
</td>
</tr>
<tr>
<td>
<a href="http://ketanrajpal.wordpress.com" id="wordpress" title="My Wordpress Blog"
target="_blank">
<img src="../images/wordpress.png" class="follow" alt="Wordpress blog of Ketan Rajpal">
</a>
</td>
</tr>
<tr>
<td>
<a href="mailto:info@krpl.in" id="mail" title="Mail me at info@krpl.in">
<img src="../images/mail.png" class="follow" alt="Forward a mail to Ketan Rajpal (info@krpl.in)">
</a>
</td>
</tr>
<tr>
<td>
<a href="../pdfFiles/Resume.pdf" id="cv" title="Download my CV" target="_blank">
<img src="../images/cv.png" class="follow" alt="Download my CV">
</a>

3
Practical File Web Technologies Ketan Rajpal
</td>
</tr>
<tr>
<td>
<a href="../rss/" id="rss" title="Subscribe to my feeds" target="_blank">
<img src="../images/rss.png" class="follow" alt="Subscribe to my feeds">
</a>
</td>
</tr>
<tr>
<td>
<a href="http://validator.w3.org/check?uri=referer" id="w3c" title="Valid HTML5 with w3c"
target="_blank">
<img src="../images/w3c.png" class="follow" alt="Valid HTML5 with w3c">
</a>
</td>
</tr>
<tr>
<td>
<a href="http://feed2.w3.org/check.cgi?url=http%3A//krpl.in/rss/rss.xml" id="w3crss" title="Valid
RSS with w3c" target="_blank">
<img src="../images/rss2.png" class="follow" alt="Valid RSS with w3c">
</a>
</td>
</tr>
</table></div>
<div id="home"></div>
<div id="upward"></div>
<div id="contact"><table class="innerTable">
<tr>
<td style="text-align:left;"><span class="myData2">Send me an email at:</span> <a title="Mail
address info@krpl.in" href="mailto:info@krpl.in" class="listLink">info@krpl.in</a> <span
class="myData2">OR</span> <a title="Mail address ketanrajpal@gmail.com"
href="mailto:ketanrajpal@gmail.com" class="listLink">ketanrajpal@gmail.com</a></td>
<td style="text-align:right;"><span class="myData2">Call me at: </span> +91 9871302275</td>
</tr>
</table></div>
<div id="center">
<table class="innerTable">
<tr>
<td>
<div itemscope>
<div id="Career-objective" class="date"><!--Updated on: --></div>
<h1 class="myHeading" style="color:#c04545;">[ Career objective ]</h1>
<div class="mySeprator"></div>
<p class="myData">To take a challenging and high performance oriented role in the field
of Computer and Technology so that I can enhance my working capacity and professional skills and to
serve an organization in the best possible way in sheer determination and commitment.</p><br>
<div id="About-me" class="date"><!--Updated on: --></div>
<h1 class="myHeading" style="color:#c04545;">[ About me ]</h1>
<div class="mySeprator"></div>
<p class="myData">Hey! Welcome to my site. I am Ketan Rajpal a Freelance Web Designer
from New Delhi, India. I was born in Delhi on 14-December-1989. Much of that time was spent at Cambridge
School, Srinivaspuri. I have done BCA (Bachelor of Computer Application) from Guru Gobind Singh
Indraprastha University and currently pursuing MCA (Master of Computer Application) from the same
university. I am passionate about the things that interest me. I love to listen to music and play
computer games. I am passionate about my profession. I am a web developer. I love to make websites. I
started making websites in 2008. I am a fun loving person and I know how to be happy always.<br><br>I
design, develop and deliver stylish, clean and creative freelance websites. I can work closely with you
as a freelance web designer to "Take your business online", "Get your message across", and "Make your
website work for you".<br><br>I have started my career in the year 2008. Fortunately, from my first
training I got the chance to work as a web designer. Since then, I am allied with all the technological
updates and new trends in the arena of web design and development. Presently I am updating my skills on

4
Practical File Web Technologies Ketan Rajpal
Web3 generation of web sites. I can work fast and effectively on Adobe's Photoshop, Adobe's Dreamweaver
and Adobe's Flash. I have extensive knowledge of W3C compliant structural HTML code, CSS2 based dynamic
content positioning, cross-browser compatibility concepts and search engine optimization methodologies as
well as good understanding of ASP and PHP Websites, AJAX, DHTML, HTML5, CSS3, Jquery and
Javascript.<br><br>I always try to deliver my best to any assignment that comes my way. I don't evaluate
or prioritize my assignment on its price tag, rather each and every assignment gets equal importance. So
go ahead and make your business online. I will make it Easy Effective.. and Affordable!</p><br>
<div id="Experience" class="date"><!--Updated on: --></div>
<h1 class="myHeading" style="color:#c04545;">[ Experience ]</h1>
<div class="mySeprator"></div>
<p class="myData">I thrive on challenges and work well with a team. I value both creative
thought and strategic thinking. Developing a simple, powerful and memorable idea that motivates the
target audience is essential to compete successfully in a highly competitive marketplace. Throughout my
career, I have worked on accounts in a broad range of industries. Online and print, profit, and not-for-
profit, retail, consumer and business to business, packaging and direct marketing, small business to
large corporate accounts. I love what I do and bring enthusiasm to each project.</p><br>
<div id="Quote" class="date"><!--Updated on: --></div>
<h1 class="myHeading" style="color:#c04545;">[ Quote ]</h1>
<div class="mySeprator"></div>
<p class="myData">I just do what I want it's not about what people are saying, it's about
me.</p><br>
</div>
</td>
<td style="width:1px;"></td>
<td style="width:300px;text-align:left;vertical-align:top;">

<ul><li class="quick">Quick Links</li>


<li class="listHeading" style="color:#c04545;">[ <a href="#Career-objective"
class="listLink">Career objective</a> ]</li>
<li class="listHeading" style="color:#c04545;">[ <a href="#About-me"
class="listLink">About me</a> ]</li>
<li class="listHeading" style="color:#c04545;">[ <a href="#Experience"
class="listLink">Experience</a> ]</li>
<li class="listHeading" style="color:#c04545;">[ <a href="#Quote"
class="listLink">Quote</a> ]</li>
</ul>
</td>
</tr>
</table>
</div>
<div id="footer"><table class="innerTable" style="border-spacing:3px;padding:3px;">
<tr>
<td style="width:40px;"><a href="../">Home</a></td>
<td class="seprator">|</td>
<td style="width:70px;"><a href="../portfolio">My portfolio</a></td>
<td class="seprator">|</td>
<td style="width:40px;"><a href="../skills">Skills</a></td>
<td class="seprator">|</td>
<td style="width:73px;"><a href="../achievements">Achievements</a></td>
<td class="seprator">|</td>
<td style="width:100px;"><a href="../services">Services I provide</a></td>
<td class="seprator">|</td>
<td style="width:50px;"><a href="../blog">My blog</a></td>
<td class="seprator">|</td>
<td style="width:125px;"><a href="../contact">Request for a call back</a></td>
<td class="seprator">|</td>
<td style="width:115px;">
<a href="../privacy">Email privacy policy</a> </td>
<td class="footerData" style="text-align:right;">2012 &copy; All rights reserved to <a
href="../">http://www.krpl.in</a> By <a href="mailto:ketanrajpal@krpl.in" title="Email to author"
rel="author">Ketan Rajpal</a></td>
<td style="width:1px;"></td>
</tr>

5
Practical File Web Technologies Ketan Rajpal
</table>
</div>
</form>
</body>
</html>

6
Practical File Web Technologies Ketan Rajpal
Style Sheet source code

html
{
text-align:center;
}

::selection
{
background-color:#FFF;
color:#000;
}

body
{
text-align:center;
background-color:#000;
background-repeat:repeat-x;
margin:10px 0px 15px 0px;
}

#header
{
width:1050px;
border:none 1px #FFF;
height:70px;
margin:auto;
}

#follow
{
position:fixed;
right:0px;
bottom:30px;
}

#home
{
background-image:url(../images/pic.png);
height:400px;
width:1050px;
box-shadow: inset 0px 0px 100px rgba(0,0,0,2.0);
margin:auto;
}

#contact
{
width:1050px;
margin:auto;
color:#FFF;
font-family: 'Fredericka the Great', cursive;
background-color:#000;
border-radius:10px;
padding:5px;
box-shadow: 0px 0px 10px #666;
}

#upward
{
background-image:url(../images/up.png);
background-repeat:no-repeat;
background-position:top;
width:960px;

7
Practical File Web Technologies Ketan Rajpal
height:15px;
border:none 1px #FFF;
margin:auto;
}

#index
{
width:1050px;
border:none 1px #FFF;
margin:auto;
text-align:right;
font-family:Tahoma, Geneva, sans-serif;
color:#FFF;
font-size: 11px;
}

.indexNo
{
font-family:Tahoma, Geneva, sans-serif;
color:#FFF;
font-size: 13px;
text-decoration:none;
}

.indexNo:Hover
{
text-decoration:underline;
}

#center
{
width:1050px;
border:none 1px #FFF;
margin:auto;
padding:10px;
}

#center1
{
width:1050px;
border:none 1px #FFF;
margin:auto;
padding:10px;
}

#downward
{
background-image:url(../images/down.png);
background-repeat:no-repeat;
background-position:bottom;
width:960px;
height:15px;
border:none 1px #FFF;
margin:auto;
background-color:transparent;
}

#footer
{
width:100%;
border:none 1px #FFF;
background-color:#333;
box-shadow: inset 0px 0px 20px rgba(0,0,0,1.0);

8
Practical File Web Technologies Ketan Rajpal
font-family:Tahoma, Geneva, sans-serif;
color:#666;
font-size: 11px;
margin:auto;
bottom:0px;
position:fixed;
left:0px;
}

.myPrize
{
font-family: 'Fredericka the Great', cursive;
color:#48c045;
padding:10px;
font-size:40px;
}

.prize
{
border:none #333 0px;
box-shadow: inset 0px 0px 100px rgba(0,0,0,2.0);
opacity:0.5;
color:#FFF;
font-family: 'Berkshire Swash', cursive;
font-size:20px;
padding:10px;
border-radius:5px;
text-align:justify;
line-height:35px;
}

.prize:Hover
{
opacity:10.0;
}

.image
{
height:150px;
width:600px;
border:double #333 1px;
box-shadow: inset 0px 0px 100px rgba(0,0,0,2.0);
opacity:0.5;
}

.image:Hover
{
opacity:10.0;
}

.innerTable
{
width:100%;
border:none 1px #FFF;
}

.footerData
{
font-family:Tahoma, Geneva, sans-serif;
color:#999;
font-size: 11px;
text-decoration:none;
}

9
Practical File Web Technologies Ketan Rajpal

#footer a
{
font-family:Tahoma, Geneva, sans-serif;
color:#FFF;
font-size: 11px;
text-decoration:none;
}

#footer a:Hover
{
color:#666;
}

.privacyLink
{
font-family:Tahoma, Geneva, sans-serif;
color:#FFF;
text-decoration:none;
font-size: 13px;
line-height:20px;
}

.privacyLink:Hover
{
color:#666;
}

.seprator
{
color:#666;
width:1px;
}

#mainMenu
{
text-align:center;
width:100%;
border:none 1px #FFF;
}

#mainMenu div
{
float:left;
margin-left:5px;
}

#mainMenu .menuLink
{
border:none 1px #FFF;
color:#FFF;
padding:11px;
opacity:0.5;
cursor:pointer;
box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
}

#mainMenu .menuLinkCurrent
{
border:none 1px #FFF;
color:#FFF;
padding:11px;
cursor:pointer;

10
Practical File Web Technologies Ketan Rajpal
box-shadow: inset 0px 0px 20px rgba(0,0,0,0.5);
text-align: center;
}

#mainMenu .menuLink:Hover
{
opacity:10.0;
box-shadow: inset 0px 0px 20px rgba(0,0,0,0.5);
}

.follow
{
opacity:0.5;
box-shadow: inset 0px 0px 20px rgba(0,0,0,0.5);
border:0px;
}

.follow:Hover
{
opacity:10.0;
box-shadow: inset 0px 0px 20px rgba(0,0,0,0.5);
}

#mainMenu a:nth-of-type(1) div{ background: #c04545; }


#mainMenu a:nth-of-type(2) div{ background: #c06b45; }
#mainMenu a:nth-of-type(3) div{ background: #7945c0; }
#mainMenu a:nth-of-type(4) div{ background: #88c045; }
#mainMenu a:nth-of-type(5) div{ background: #48c045; }
#mainMenu a:nth-of-type(6) div{ background: #45c0aa; }
#mainMenu a:nth-of-type(7) div{ background: #4576c0; }

#mainMenu a
{
font-family: 'Fredericka the Great', cursive;
text-align: center;
color: #FFF;
text-decoration: none;
height:100%;
width:100%;
}

.myHeading
{
font-family: 'Fredericka the Great', cursive;
text-align: left;
text-decoration: none;
font-size:20px;
font-weight:lighter;
line-height:10px;
}

.listHeading
{
font-family: 'Fredericka the Great', cursive;
text-align: left;
text-decoration: none;
font-size:20px;
font-weight:lighter;
line-height:40px;
list-style:none;
text-align:left;
vertical-align:top;
}

11
Practical File Web Technologies Ketan Rajpal

.quick
{
font-family: 'Fredericka the Great', cursive;
text-align: left;
text-decoration: none;
font-size:20px;
font-weight:lighter;
line-height:40px;
list-style:none;
text-align:left;
vertical-align:top;
color:#FFF;
}

.date
{
font-family:Tahoma, Geneva, sans-serif;
text-align: justify;
font-size: 11px;
color:#333;
line-height:20px;
padding:5px;
float:right;
vertical-align:bottom;
}

.validate
{
font-family:Tahoma, Geneva, sans-serif;
text-align: justify;
font-size: 13px;
color:#930;
line-height:20px;
padding:5px;
vertical-align:middle;
text-align:center;
}

.listLink
{
color:#5E5E5E;
text-decoration: none;
}

.listLink:Hover
{
color:#FFFFFF;
}

.myText2
{
width: 200px;
height: 60px;
margin-bottom: 5px;
background: #F2F2F2;
border: 1px none #DBDBDB;
padding: 9px 10px 9px 10px;
overflow: auto;
display: block;
position: relative;
box-shadow: inset 0px 0px 10px #4576c0;
font-family:Arial, Helvetica, sans-serif;

12
Practical File Web Technologies Ketan Rajpal
}

.myText
{
width: 200px;
padding: 6px 10px 6px 10px;
background: #F2F2F2;
border: 1px none #DBDBDB;
display: block;
position: relative;
box-shadow: inset 0px 0px 10px #4576c0;
}

.button
{
box-shadow: 0px 0px 10px #4576c0;
padding:8px;
}

.myText:Focus
{
box-shadow: inset 0px 0px 10px #000;
}

.myText2:Focus
{
box-shadow: inset 0px 0px 10px #000;
}

.myData
{
font-family:Tahoma, Geneva, sans-serif;
text-align: justify;
font-size: 13px;
color:#5E5E5E;
line-height:20px;
padding:5px;
}

.myData2
{
font-family:Tahoma, Geneva, sans-serif;
text-align: justify;
font-size: 13px;
color:#999;
line-height:20px;
padding:5px;
}

.mySeprator
{
height:1px;
/*background-color:#333;*/
background-image:url(../images/line.png);
}

.menuTag
{
font-family:Tahoma, Geneva, sans-serif;
text-align: center;
font-size: 11px;
color:#FFF;

13
Practical File Web Technologies Ketan Rajpal
line-height:20px;
}

.tipsy
{
padding: 5px;
font-family:Tahoma, Geneva, sans-serif;
font-size: 11px;
position: absolute;
z-index: 100000;
}

.tipsy-inner
{
padding: 10px;
background-image:url(../images/menuBackground.png);
background-position:center;
color: white;
max-width: 200px;
text-align: center;
border-radius: 3px;
box-shadow: inset 0px 0px 20px rgba(0,0,0,0.5);
}

.tipsy-e .tipsy-arrow { top: 50%; margin-top: -20px; right: 0; width: 5px; height: 9px; background-
position: top right; }

14
Practical File Web Technologies Ketan Rajpal
Create a LOGIN web page/HTML form to accept users name and password. Write a script to validate the
information entered by the user and to display appropriate message to the user.

15
Practical File Web Technologies Ketan Rajpal
HTML source code

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Ketan Rajpal | Welcome to administrator section</title>
<link rel="stylesheet" type="text/css" href="stylesheet/stylesheet.css">
<link href="http://fonts.googleapis.com/css?family=Fredericka+the+Great" rel="stylesheet"
type="text/css">
<link rel="shortcut icon" href="images/icon.ico">
<script type="text/javascript" src="javascript/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="javascript/jquery.tipsy.js"></script>
<script type="text/javascript" src="javascript/md5.js"></script>
<script type="text/javascript" src="javascript/javascript.js"></script>
<script language="javascript" type="text/javascript">
history.go(1);
</script>
</head>
<body onLoad="CheckStatus()">
<form id="MyForm" method="post" action="checkLogin.php" name="MyForm" onsubmit="return
Validate(454429311)">
<div><img src="images/mainLogo.png" alt="Ketan Rajpal Freelancer Logo"></div>
<div id="upward"></div>
<div id="center">
<table class="innerTable" style="border-spacing:20px;">
<tr>
<td colspan="2"><span class="listHeading">Administrator Block</span></td>
</tr>
<tr>
<td colspan="2"><span class="myData2">Please enter your username and password to enter into the
administrator section.</span></td>
</tr>
<tr>
<td style="width:400px;text-align:right;"><span class="myData2">Username:</span></td>
<td><input type="password" class="myText" name="UserNameTextBox" id="UserNameTextBox"></td>
</tr>
<tr>
<td style="width:400px;text-align:right;"><span class="myData2">Password:</span></td>
<td>
<input type="password" class="myText" name="PasswordTextBox" id="PasswordTextBox">
<input type="hidden" name="HiddenPasswordTextBox" id="HiddenPasswordTextBox">
</td>
</tr>
<tr>
<td colspan="2"><input type="submit" value="Sign In" class="button"></td>
</tr>
<tr>
<td colspan="2"><div class="validate" id="Validate"></div></td>
</tr>
</table>
</div>
</form>
</body>
</html>

16
Practical File Web Technologies Ketan Rajpal
Style Sheet source code

html
{
text-align:center;
}

::selection
{
background-color:#FFF;
color:#000;
}

body
{
text-align:center;
background-color:#000;
background-repeat:repeat-x;
margin:10px 0px 15px 0px;
}

#header
{
width:1050px;
border:none 1px #FFF;
height:70px;
margin:auto;
}

#follow
{
position:fixed;
right:0px;
bottom:30px;
}

#home
{
background-image:url(../images/pic.png);
height:400px;
width:1050px;
box-shadow: inset 0px 0px 100px rgba(0,0,0,2.0);
margin:auto;
}

#contact
{
width:1050px;
margin:auto;
color:#FFF;
font-family: 'Fredericka the Great', cursive;
background-color:#000;
border-radius:10px;
padding:5px;
box-shadow: 0px 0px 10px #666;
}

#upward
{
background-image:url(../images/up.png);
background-repeat:no-repeat;
background-position:top;
width:960px;

17
Practical File Web Technologies Ketan Rajpal
height:15px;
border:none 1px #FFF;
margin:auto;
}

#index
{
width:1050px;
border:none 1px #FFF;
margin:auto;
text-align:right;
font-family:Tahoma, Geneva, sans-serif;
color:#FFF;
font-size: 11px;
}

.indexNo
{
font-family:Tahoma, Geneva, sans-serif;
color:#FFF;
font-size: 13px;
text-decoration:none;
}

.indexNo:Hover
{
text-decoration:underline;
}

#center
{
width:1050px;
border:none 1px #FFF;
margin:auto;
padding:10px;
}

#center1
{
width:1050px;
border:none 1px #FFF;
margin:auto;
padding:10px;
}

#downward
{
background-image:url(../images/down.png);
background-repeat:no-repeat;
background-position:bottom;
width:960px;
height:15px;
border:none 1px #FFF;
margin:auto;
background-color:transparent;
}

#footer
{
width:100%;
border:none 1px #FFF;
background-color:#333;
box-shadow: inset 0px 0px 20px rgba(0,0,0,1.0);

18
Practical File Web Technologies Ketan Rajpal
font-family:Tahoma, Geneva, sans-serif;
color:#666;
font-size: 11px;
margin:auto;
bottom:0px;
position:fixed;
left:0px;
}

.myPrize
{
font-family: 'Fredericka the Great', cursive;
color:#48c045;
padding:10px;
font-size:40px;
}

.prize
{
border:none #333 0px;
box-shadow: inset 0px 0px 100px rgba(0,0,0,2.0);
opacity:0.5;
color:#FFF;
font-family: 'Berkshire Swash', cursive;
font-size:20px;
padding:10px;
border-radius:5px;
text-align:justify;
line-height:35px;
}

.prize:Hover
{
opacity:10.0;
}

.image
{
height:150px;
width:600px;
border:double #333 1px;
box-shadow: inset 0px 0px 100px rgba(0,0,0,2.0);
opacity:0.5;
}

.image:Hover
{
opacity:10.0;
}

.innerTable
{
width:100%;
border:none 1px #FFF;
}

.footerData
{
font-family:Tahoma, Geneva, sans-serif;
color:#999;
font-size: 11px;
text-decoration:none;
}

19
Practical File Web Technologies Ketan Rajpal

#footer a
{
font-family:Tahoma, Geneva, sans-serif;
color:#FFF;
font-size: 11px;
text-decoration:none;
}

#footer a:Hover
{
color:#666;
}

.privacyLink
{
font-family:Tahoma, Geneva, sans-serif;
color:#FFF;
text-decoration:none;
font-size: 13px;
line-height:20px;
}

.privacyLink:Hover
{
color:#666;
}

.seprator
{
color:#666;
width:1px;
}

#mainMenu
{
text-align:center;
width:100%;
border:none 1px #FFF;
}

#mainMenu div
{
float:left;
margin-left:5px;
}

#mainMenu .menuLink
{
border:none 1px #FFF;
color:#FFF;
padding:11px;
opacity:0.5;
cursor:pointer;
box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
}

#mainMenu .menuLinkCurrent
{
border:none 1px #FFF;
color:#FFF;
padding:11px;
cursor:pointer;

20
Practical File Web Technologies Ketan Rajpal
box-shadow: inset 0px 0px 20px rgba(0,0,0,0.5);
text-align: center;
}

#mainMenu .menuLink:Hover
{
opacity:10.0;
box-shadow: inset 0px 0px 20px rgba(0,0,0,0.5);
}

.follow
{
opacity:0.5;
box-shadow: inset 0px 0px 20px rgba(0,0,0,0.5);
border:0px;
}

.follow:Hover
{
opacity:10.0;
box-shadow: inset 0px 0px 20px rgba(0,0,0,0.5);
}

#mainMenu a:nth-of-type(1) div{ background: #c04545; }


#mainMenu a:nth-of-type(2) div{ background: #c06b45; }
#mainMenu a:nth-of-type(3) div{ background: #7945c0; }
#mainMenu a:nth-of-type(4) div{ background: #88c045; }
#mainMenu a:nth-of-type(5) div{ background: #48c045; }
#mainMenu a:nth-of-type(6) div{ background: #45c0aa; }
#mainMenu a:nth-of-type(7) div{ background: #4576c0; }

#mainMenu a
{
font-family: 'Fredericka the Great', cursive;
text-align: center;
color: #FFF;
text-decoration: none;
height:100%;
width:100%;
}

.myHeading
{
font-family: 'Fredericka the Great', cursive;
text-align: left;
text-decoration: none;
font-size:20px;
font-weight:lighter;
line-height:10px;
}

.listHeading
{
font-family: 'Fredericka the Great', cursive;
text-align: left;
text-decoration: none;
font-size:20px;
font-weight:lighter;
line-height:40px;
list-style:none;
text-align:left;
vertical-align:top;
}

21
Practical File Web Technologies Ketan Rajpal

.quick
{
font-family: 'Fredericka the Great', cursive;
text-align: left;
text-decoration: none;
font-size:20px;
font-weight:lighter;
line-height:40px;
list-style:none;
text-align:left;
vertical-align:top;
color:#FFF;
}

.date
{
font-family:Tahoma, Geneva, sans-serif;
text-align: justify;
font-size: 11px;
color:#333;
line-height:20px;
padding:5px;
float:right;
vertical-align:bottom;
}

.validate
{
font-family:Tahoma, Geneva, sans-serif;
text-align: justify;
font-size: 13px;
color:#930;
line-height:20px;
padding:5px;
vertical-align:middle;
text-align:center;
}

.listLink
{
color:#5E5E5E;
text-decoration: none;
}

.listLink:Hover
{
color:#FFFFFF;
}

.myText2
{
width: 200px;
height: 60px;
margin-bottom: 5px;
background: #F2F2F2;
border: 1px none #DBDBDB;
padding: 9px 10px 9px 10px;
overflow: auto;
display: block;
position: relative;
box-shadow: inset 0px 0px 10px #4576c0;
font-family:Arial, Helvetica, sans-serif;

22
Practical File Web Technologies Ketan Rajpal
}

.myText
{
width: 200px;
padding: 6px 10px 6px 10px;
background: #F2F2F2;
border: 1px none #DBDBDB;
display: block;
position: relative;
box-shadow: inset 0px 0px 10px #4576c0;
}

.button
{
box-shadow: 0px 0px 10px #4576c0;
padding:8px;
}

.myText:Focus
{
box-shadow: inset 0px 0px 10px #000;
}

.myText2:Focus
{
box-shadow: inset 0px 0px 10px #000;
}

.myData
{
font-family:Tahoma, Geneva, sans-serif;
text-align: justify;
font-size: 13px;
color:#5E5E5E;
line-height:20px;
padding:5px;
}

.myData2
{
font-family:Tahoma, Geneva, sans-serif;
text-align: justify;
font-size: 13px;
color:#999;
line-height:20px;
padding:5px;
}

.mySeprator
{
height:1px;
/*background-color:#333;*/
background-image:url(../images/line.png);
}

.menuTag
{
font-family:Tahoma, Geneva, sans-serif;
text-align: center;
font-size: 11px;
color:#FFF;

23
Practical File Web Technologies Ketan Rajpal
line-height:20px;
}

.tipsy
{
padding: 5px;
font-family:Tahoma, Geneva, sans-serif;
font-size: 11px;
position: absolute;
z-index: 100000;
}

.tipsy-inner
{
padding: 10px;
background-image:url(../images/menuBackground.png);
background-position:center;
color: white;
max-width: 200px;
text-align: center;
border-radius: 3px;
box-shadow: inset 0px 0px 20px rgba(0,0,0,0.5);
}

.tipsy-e .tipsy-arrow { top: 50%; margin-top: -20px; right: 0; width: 5px; height: 9px; background-
position: top right; }

24
Practical File Web Technologies Ketan Rajpal
JavaScript source code

function Validate(MyNumber)
{
if (document.getElementById('UserNameTextBox').value=="" &&
document.getElementById('PasswordTextBox').value=="")
{
document.getElementById('Validate').innerHTML="Please enter your username and password.";
return false;
}
else if (document.getElementById('UserNameTextBox').value=="")
{
document.getElementById('Validate').innerHTML="Please enter your username.";
return false;
}
else if (document.getElementById('PasswordTextBox').value=="")
{
document.getElementById('Validate').innerHTML="Please enter your password.";
return false;
}
else
{
document.getElementById('Validate').innerHTML="";
MySecurityValue(MyNumber)
return true;
}
}

function MySecurityValue(MyValue)
{
var MyPassword=document.MyForm.PasswordTextBox.value;
var MyNewPassword=MD5(MyValue+MyPassword+MyValue);
document.MyForm.HiddenPasswordTextBox.value=MyNewPassword;
return true;
}

// -->

function CheckStatus()
{

GetUrl=parent.document.URL;
var Status=GetUrl.substring(GetUrl.indexOf('?')+8, GetUrl.length)
if (Status=="WrongUsername")
{
document.getElementById('Validate').innerHTML="The username you entered does not belong to
any account.";
}
else if(Status=="WrongPassword")
{
document.getElementById('Validate').innerHTML="The password you entered is incorrect.
Please try again (make sure your caps lock is off).";
}
}

25
Practical File Web Technologies Ketan Rajpal
Library management system

Computers have been used within libraries since the 60s; initially isolated tasks (e.g. production of card catalogues)
were automated, but these systems have evolved over the years and today they are used virtually for a wide range
of complex tasks from the management of all the administrative and routine operations of libraries to information
organization, storage and retrieval, communications and more. Throughout the years, computer-based system used
within libraries has been referred to by different names including: Automated Library Systems (ALS), Automated
Systems, Housekeeping Systems, Integrated Automated Library Systems, Integrated Library Systems (ILS), Library
and Information Management Systems (LIMS), Library Automation Systems, Library Management Systems (LMS),
Library Solutions, Library Systems, and Management Information Systems.

Considering the scope of the computer-based systems used within libraries today, Library Management System
(LMS) seems to be a more suitable term than some of the names used in the past. Therefore the use of the term
Library Management System or simply LMS has gained popularity and is increasingly used in the more recent
literature and discourse.

26
Practtical File Web Technologies Ketan Rajpal
Login
n page

Page name: defau


ult.aspx

Login
n page screen
n shot
Practical File Web Technologies Ketan Rajpal
HTML source code

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>


<!DOCTYPE HTML>
<html>
<head>
<title>Library Management System</title>
<link href="stylesheet/StyleSheet.css" rel="stylesheet" type="text/css">
<script type="text/javascript" language="javascript" src="javascript/JScript.js"></script>
</head>
<body>
<form name="myForm" id="myForm" runat="server" onsubmit="return Validate()" >
<div id="header">
<table class="innerTable" style="border-spacing:3px;padding:3px;">
<tr>
<td style="width:250px;text-align:left;">Library Management System</td>
</tr>
</table>
</div>
<div id="center">
<table class="innerTable" style="border-spacing:10px;padding:10px;">
<tr>
<td class="myHeading"><br>Welcome to Library Management System<br><br></td>
</tr>
<tr>
<td>Please enter your login information to enter into the account.</td>
</tr>
<tr>
<td>
<table class="innerTable" style="border-spacing:10px;padding:10px;">
<tr>
<td width="150">Username:</td>
<td><asp:TextBox ID="UserNameTextBox" runat="server" CssClass="myText"></asp:TextBox></td>
</tr>
<tr>
<td>Password:</td>
<td><asp:TextBox ID="PasswordTextBox" runat="server" CssClass="myText"
TextMode="Password"></asp:TextBox></td>
</tr>
</table>
</td>
</tr>
<tr>
<td><asp:Button ID="Login" runat="server" Text="Login" CssClass="button" /></td>
</tr>
<tr height="50px;">
<td><div id="Validate" class="validate" runat="server"></div></td>
</tr>
</table>
</div>
<div id="footer"><!-- #include file="modules/footer.htm" --></div>
</form>
</body>
</html>

28
Practical File Web Technologies Ketan Rajpal
VB.net Source Code

Imports System.Data
Imports System.Data.Sql
Imports System.Data.SqlClient

Partial Class _Default


Inherits System.Web.UI.Page

Protected Sub Login_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Login.Click


Dim con As New SqlConnection
Dim com As New SqlCommand
Dim rs As SqlDataReader
Dim flag As Integer = 0
con = New SqlConnection("Data Source=.\SQLEXPRESS;AttachDbFilename=C:\Users\Ketan
Rajpal\Desktop\libraryManagementSystem\App_Data\lms.mdf;Integrated Security=True;User Instance=True")
con.Open()
com = New SqlCommand("select * from userDetails where username='" + UserNameTextBox.Text + "' and
password='" + PasswordTextBox.Text + "'", con)
rs = com.ExecuteReader()
While rs.Read
flag = flag + 1
Session("name") = rs(1)
End While

If flag = 0 Then
Validate.InnerHtml = "The entered username or password is incorrect."
UserNameTextBox.Text = ""
PasswordTextBox.Text = ""
Else
Response.Redirect("home.aspx")
End If
rs.Close()
con.Close()
End Sub
End Class

29
Practtical File Web Technologies Ketan Rajpal
Home page

Page name:

Home page screen shot


Practical File Web Technologies Ketan Rajpal
HTML source code

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="home.aspx.vb" Inherits="_Default" %>


<!DOCTYPE HTML>
<html>
<head>
<title>Library Management System</title>
<link href="stylesheet/StyleSheet.css" rel="stylesheet" type="text/css">
</head>
<body>
<form name="myForm" id="myForm" runat="server">
<div id="header"><!-- #include file="modules/header.htm" --></div>
<div id="center">Welcome <% Response.Write(Session("name"))%></div><br>
<div id="footer"><!-- #include file="modules/footer.htm" --></div>
</form>
</body>
</html>

31
Practical File Web Technologies Ketan Rajpal
Vb.net source code

Imports System.Data
Imports System.Data.Sql
Imports System.Data.SqlClient

Partial Class _Default


Inherits System.Web.UI.Page
End Class

32
Practtical File Web Technologies Ketan Rajpal
Add a book

Page name: addBook.aspx

Add a book screen shot


Practical File Web Technologies Ketan Rajpal
HTML source code

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="addBook.aspx.vb" Inherits="addBook" %>


<!DOCTYPE HTML>
<html>
<head>
<title>Library Management System</title>
<link href="stylesheet/StyleSheet.css" rel="stylesheet" type="text/css">
</head>
<body>
<form name="myForm" id="myForm" runat="server">
<div id="header"><!-- #include file="modules/header.htm" --></div>
<div id="center">Welcome <% Response.Write(Session("name"))%></div><br>
<div id="student">
<table class="innerTable" style="border-spacing:10px;padding:10px;">
<tr>
<td>Enter the book details</td>
</tr>
<tr>
<td>
<table class="innerTable" style="border-spacing:10px;padding:10px;">
<tr>
<td>Full name</td>
<td><asp:TextBox ID="nameTextBox" runat="server" CssClass="myText"></asp:TextBox></td>
</tr>
<tr>
<td>Course</td>
<td>
<asp:DropDownList runat="server" ID="course" CssClass="myText">
<asp:ListItem Selected="True">MCA</asp:ListItem>
<asp:ListItem>BCA</asp:ListItem>
</asp:DropDownList>
</td>
</tr>
<tr>
<td>Author</td>
<td><asp:TextBox ID="authorTextBox" runat="server" CssClass="myText"></asp:TextBox></td>
</tr>
<tr>
<td>Number of copies</td>
<td><asp:TextBox runat="server" ID="copiesText" CssClass="myText"></asp:TextBox></td>
</tr>
</table>
</td>
</tr>
<tr>
<td><asp:button runat="server" Text="Add Book" CssClass="button" id="addBook" /></td>
</tr>
<tr>
<td><div class="validate" runat="server" id="bookValidate"></div></td>
</tr>
</table>
</div>
<div id="footer"><!-- #include file="modules/footer.htm" --></div>
</form>
</body>
</html>

34
Practical File Web Technologies Ketan Rajpal
Vb.net source code

Imports System.Data
Imports System.Data.Sql
Imports System.Data.SqlClient

Partial Class addBook


Inherits System.Web.UI.Page

Protected Sub addBook_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles


addBook.Click
Dim con As New SqlConnection
Dim com As New SqlCommand
con = New SqlConnection("Data Source=.\SQLEXPRESS;AttachDbFilename=C:\Users\Ketan
Rajpal\Desktop\libraryManagementSystem\App_Data\lms.mdf;Integrated Security=True;User Instance=True")
con.Open()

If nameTextBox.Text = "" Then


bookValidate.InnerHtml = "Please enter the name of the book."
ElseIf authorTextBox.Text = "" Then
bookValidate.InnerHtml = "Please enter the name of the author"
ElseIf copiesText.Text = "" Then
bookValidate.InnerHtml = "Please enter the number of copies of the book bought."
ElseIf IsNumeric(copiesText.Text) = False Then
bookValidate.InnerHtml = "Please enter a valid number of copies."
Else
com = New SqlCommand("Insert into book (name,course,author,copies)VALUES('" +
nameTextBox.Text + "','" + course.SelectedValue + "','" + authorTextBox.Text + "','" + copiesText.Text +
"')", con)
com.ExecuteNonQuery()
con.Close()
Response.Redirect("viewBook.aspx")
End If
End Sub
End Class

35
Practtical File Web Technologies Ketan Rajpal
Show
w book detaills

Page name: viewB


Book.aspx

Show
w book detaills screen shott
Practical File Web Technologies Ketan Rajpal
HTML source code

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="viewBook.aspx.vb" Inherits="viewBook" %>

<%@ Import Namespace="System.data" %>


<%@ Import Namespace="System.data.sql" %>
<%@ Import Namespace="System.data.sqlClient" %>
<!DOCTYPE HTML>
<html>
<head>
<title>Library Management System</title>
<link href="stylesheet/StyleSheet.css" rel="stylesheet" type="text/css">
</head>
<body>
<form name="myForm" id="myForm" runat="server">
<div id="header"><!-- #include file="modules/header.htm" --></div>
<div id="center">Welcome <% Response.Write(Session("name"))%></div><br>
<div id="student2">
<table class="innerTable" style="border-spacing:10px;padding:10px;">
<tr>
<td>Book Number</td>
<td>Name</td>
<td>Course</td>
<td>Author</td>
<td>Number of Copies</td>
</tr>
<%
Dim con As New SqlConnection
Dim com As New SqlCommand
Dim rs As SqlDataReader
con = New SqlConnection("Data Source=.\SQLEXPRESS;AttachDbFilename=C:\Users\Ketan
Rajpal\Desktop\libraryManagementSystem\App_Data\lms.mdf;Integrated Security=True;User Instance=True")
con.Open()
com = New SqlCommand("Select * from book", con)
rs = com.ExecuteReader
While rs.Read()
%>
<tr>
<td><%Response.Write(rs(0))%></td>
<td><%Response.Write(rs(1))%></td>
<td><%Response.Write(rs(2))%></td>
<td><%Response.Write(rs(3))%></td>
<td><%Response.Write(rs(4))%></td>
</tr>
<%
End While
rs.Close()
con.Close()

%>
</table>
</div>
<div id="footer"><!-- #include file="modules/footer.htm" --></div>
</form>
</body>
</html>

37
Practical File Web Technologies Ketan Rajpal
Vb.net source code

Partial Class viewBook


Inherits System.Web.UI.Page

End Class

38
Practtical File Web Technologies Ketan Rajpal
Make
e student reccord

Page name: addSttudent.aspx

Make
e student reccord screen shot
Practical File Web Technologies Ketan Rajpal
HTML source code

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="addStudent.aspx.vb" Inherits="addStudent" %>

<!DOCTYPE HTML>
<html>
<head>
<title>Library Management System</title>
<link href="stylesheet/StyleSheet.css" rel="stylesheet" type="text/css">
</head>
<body>
<form name="myForm" id="myForm" runat="server">
<div id="header"><!-- #include file="modules/header.htm" --></div>
<div id="center">Welcome <% Response.Write(Session("name"))%></div><br>
<div id="student">
<table class="innerTable" style="border-spacing:10px;padding:10px;">
<tr>
<td>Enter the student details</td>
</tr>
<tr>
<td>
<table class="innerTable" style="border-spacing:10px;padding:10px;">
<tr>
<td>Full name</td>
<td><asp:TextBox ID="nameTextBox" runat="server" CssClass="myText"></asp:TextBox></td>
</tr>
<tr>
<td>Course</td>
<td>
<asp:DropDownList runat="server" ID="course" CssClass="myText">
<asp:ListItem Selected="True">MCA</asp:ListItem>
<asp:ListItem>BCA</asp:ListItem>
</asp:DropDownList>
</td>
</tr>
<tr>
<td>Semester</td>
<td>
<asp:DropDownList runat="server" ID="Semester" CssClass="myText">
<asp:ListItem Selected="True">1 Semester</asp:ListItem>
<asp:ListItem>2 Semester</asp:ListItem>
<asp:ListItem>3 Semester</asp:ListItem>
<asp:ListItem>4 Semester</asp:ListItem>
<asp:ListItem>5 Semester</asp:ListItem>
<asp:ListItem>6 Semester</asp:ListItem>
</asp:DropDownList>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td><asp:button runat="server" Text="Add Student" CssClass="button" id="addStudent" /></td>
</tr>
<tr>
<td><div class="validate" runat="server" id="studentValidate"></div></td>
</tr>
</table>
</div>
<div id="footer"><!-- #include file="modules/footer.htm" --></div>
</form>
</body>
</html>

40
Practical File Web Technologies Ketan Rajpal
Vb.net source code

Imports System.Data
Imports System.Data.Sql
Imports System.Data.SqlClient

Partial Class addStudent


Inherits System.Web.UI.Page

Protected Sub addStudent_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles


addStudent.Click
Dim con As New SqlConnection
Dim com As New SqlCommand
con = New SqlConnection("Data Source=.\SQLEXPRESS;AttachDbFilename=C:\Users\Ketan
Rajpal\Desktop\libraryManagementSystem\App_Data\lms.mdf;Integrated Security=True;User Instance=True")
con.Open()

If nameTextBox.Text = "" Then


studentValidate.InnerHtml = "Please enter the name of the student."
Else
com = New SqlCommand("Insert into student (name,course,semester)VALUES('" + nameTextBox.Text
+ "','" + course.SelectedValue + "','" + Semester.SelectedValue + "')", con)
com.ExecuteNonQuery()
con.Close()
Response.Write("<script type='text/javascript' language='javascript'>alert('Student Record
Sucessfull Added.');</script>")
Response.Redirect("viewStudent.aspx")
End If
End Sub
End Class

41
Practtical File Web Technologies Ketan Rajpal
Show
w student reccord

Page name: viewSStudent.aspxx

Show
w student reccord screen sh
hot
Practical File Web Technologies Ketan Rajpal
HTML source code

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="viewStudent.aspx.vb" Inherits="viewStudent" %>


<%@ Import Namespace="System.data" %>
<%@ Import Namespace="System.data.sql" %>
<%@ Import Namespace="System.data.sqlClient" %>
<!DOCTYPE HTML>
<html>
<head>
<title>Library Management System</title>
<link href="stylesheet/StyleSheet.css" rel="stylesheet" type="text/css">
</head>
<body>
<form name="myForm" id="myForm" runat="server">
<div id="header"><!-- #include file="modules/header.htm" --></div>
<div id="center">Welcome <% Response.Write(Session("name"))%></div><br>
<div id="student2">
<table class="innerTable" style="border-spacing:10px;padding:10px;">
<tr>
<td>Enrollment Number</td>
<td>Name</td>
<td>Course</td>
<td>Semester</td>
</tr>
<%
Dim con As New SqlConnection
Dim com As New SqlCommand
Dim rs As SqlDataReader
con = New SqlConnection("Data Source=.\SQLEXPRESS;AttachDbFilename=C:\Users\Ketan
Rajpal\Desktop\libraryManagementSystem\App_Data\lms.mdf;Integrated Security=True;User Instance=True")
con.Open()
com = New SqlCommand("Select * from student", con)
rs = com.ExecuteReader
While rs.Read()
%>
<tr>
<td><%Response.Write(rs(0))%></td>
<td><%Response.Write(rs(1))%></td>
<td><%Response.Write(rs(2))%></td>
<td><%Response.Write(rs(3))%></td>
</tr>
<%
End While
rs.Close()
con.Close()

%>
</table>
</div>
<div id="footer"><!-- #include file="modules/footer.htm" --></div>
</form>
</body>
</html>

43
Practical File Web Technologies Ketan Rajpal
Vb.net source code

Partial Class viewStudent


Inherits System.Web.UI.Page

End Class

44
Practtical File Web Technologies Ketan Rajpal
Issue
e a book

Page name: issue.aspx

Issue
e a book scree
en shot
Practical File Web Technologies Ketan Rajpal
HTML source code

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="issue.aspx.vb" Inherits="issue" %>

<%@ Import Namespace="System.data" %>


<%@ Import Namespace="System.data.sql" %>
<%@ Import Namespace="System.data.sqlClient" %>
<!DOCTYPE HTML>
<html>
<head>
<title>Library Management System</title>
<link href="stylesheet/StyleSheet.css" rel="stylesheet" type="text/css">
</head>
<body>
<form name="myForm" id="myForm" runat="server">
<div id="header"><!-- #include file="modules/header.htm" --></div>
<div id="center">Welcome <% Response.Write(Session("name"))%></div><br>
<div id="student">
<table class="innerTable" style="border-spacing:10px;padding:10px;">
<tr>
<td>Enter the student details</td>
</tr>
<tr>
<td>
<table class="innerTable" style="border-spacing:10px;padding:10px;">
<tr>
<td>Select student name</td>
<td>
<asp:DropDownList runat="server" ID="studentName" DataSourceID="myDataSource"
DataTextField="name" DataValueField="id" CssClass="myText"></asp:DropDownList>
<asp:SqlDataSource ID="myDataSource" runat="server"
ConnectionString="<%$ ConnectionStrings:ConnectionString %>"
SelectCommand="SELECT [name], [id] FROM [student]"></asp:SqlDataSource>
</td>
</tr>
<tr>
<td>Semester</td>
<td>
<asp:DropDownList runat="server" ID="bookName" DataSourceID="myDataSource2"
DataTextField="name" DataValueField="id" CssClass="myText"></asp:DropDownList>
<asp:SqlDataSource ID="myDataSource2" runat="server"
ConnectionString="<%$ ConnectionStrings:ConnectionString %>"
SelectCommand="SELECT [name], [id] FROM [book]"></asp:SqlDataSource>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td><asp:button runat="server" Text="Issue Book" CssClass="button" id="issueBook" /></td>
</tr>
<tr>
<td><div class="validate" runat="server" id="studentValidate"></div></td>
</tr>
</table>
</div>
<div id="footer"><!-- #include file="modules/footer.htm" --></div>
</form>
</body>
</html>

46
Practical File Web Technologies Ketan Rajpal
Vb.net source code

Imports System.Data
Imports System.Data.Sql
Imports System.Data.SqlClient

Partial Class issue


Inherits System.Web.UI.Page

Protected Sub issueBook_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles


issueBook.Click
Dim con As New SqlConnection
Dim com As New SqlCommand
con = New SqlConnection("Data Source=.\SQLEXPRESS;AttachDbFilename=C:\Users\Ketan
Rajpal\Desktop\libraryManagementSystem\App_Data\lms.mdf;Integrated Security=True;User Instance=True")
con.Open()

com = New SqlCommand("Insert into issue(book,student)VALUES('" + bookName.SelectedValue + "','" +


studentName.SelectedValue + "')", con)
com.ExecuteNonQuery()
con.Close()
Response.Redirect("viewIssue.aspx")
End Sub
End Class

47
Practtical File Web Technologies Ketan Rajpal
Return a book

Page name: viewIIssue.aspx

Return a book scrreen shot


Practical File Web Technologies Ketan Rajpal
HTML source code

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="viewIssue.aspx.vb" Inherits="viewIssue" %>


<%@ Import Namespace="System.data" %>
<%@ Import Namespace="System.data.sql" %>
<%@ Import Namespace="System.data.sqlClient" %>
<!DOCTYPE HTML>
<html>
<head><title>Library Management System</title><link href="stylesheet/StyleSheet.css" rel="stylesheet"
type="text/css">
</head>
<body>
<form name="myForm" id="myForm" runat="server">
<div id="header"><!-- #include file="modules/header.htm" --></div>
<div id="center">Welcome <% Response.Write(Session("name"))%></div><br>
<div id="student3">
<table class="innerTable" style="border-spacing:10px;padding:10px;">
<tr>
<td>
<asp:GridView ID="issueDataGrid" runat="server" AutoGenerateColumns="False"
DataSourceID="mySourceIssue" CssClass="innerTable ga" CellPadding=10
AllowPaging="True" AllowSorting="True">
<Columns>
<asp:BoundField DataField="Book Name" HeaderText="Book Name"
SortExpression="Book Name" />
<asp:BoundField DataField="Book Course" HeaderText="Book Course"
SortExpression="Book Course" />
<asp:BoundField DataField="author" HeaderText="author"
SortExpression="author" />
<asp:BoundField DataField="Student Name" HeaderText="Student Name"
SortExpression="Student Name" />
<asp:BoundField DataField="Student Course" HeaderText="Student Course"
SortExpression="Student Course" />
<asp:BoundField DataField="Student Semester" HeaderText="Student Semester"
SortExpression="Student Semester" />
<asp:BoundField DataField="Book Name" HeaderText="Book Name"
SortExpression="Book Name" />
<asp:BoundField DataField="Book Course" HeaderText="Book Course"
SortExpression="Book Course" />
<asp:BoundField DataField="author" HeaderText="author"
SortExpression="author" />
<asp:BoundField DataField="Student Name" HeaderText="Student Name"
SortExpression="Student Name" />
<asp:BoundField DataField="Student Course" HeaderText="Student Course"
SortExpression="Student Course" />
<asp:CommandField DeleteText="Return Book" ShowDeleteButton="True" />
</Columns>
</asp:GridView>
<asp:SqlDataSource ID="mySourceIssue" runat="server"
ConnectionString="<%$ ConnectionStrings:ConnectionString %>"
SelectCommand="SELECT book.name AS [Book Name], book.course AS [Book Course], book.author,
student.name AS [Student Name], student.course AS [Student Course], student.semester AS [Student
Semester] FROM issue INNER JOIN book ON issue.book = book.id INNER JOIN student ON issue.student =
student.id">
</asp:SqlDataSource>
</td>
</tr>
</table>
</div>
<div id="footer"><!-- #include file="modules/footer.htm" --></div>
</form>
</body>
</html>

49
Practical File Web Technologies Ketan Rajpal
Vb.net source code

Imports System.Data
Imports System.Data.Sql
Imports System.Data.SqlClient
Partial Class viewIssue
Inherits System.Web.UI.Page

Protected Sub issueDataGrid_RowDeleting(ByVal sender As Object, ByVal e As


System.Web.UI.WebControls.GridViewDeleteEventArgs) Handles issueDataGrid.RowDeleting

End Sub
End Class

50
Practical File Web Technologies Ketan Rajpal
Style Sheet source code

body
{
text-align:center;
background-color:#000;
background-repeat:repeat-x;
margin:50px 0px 15px 0px;
}

.innerTable
{
width:100%;
border:none 1px #FFF;
}

#header
{
width:100%;
border:none 1px #FFF;
background-color:#333;
box-shadow: inset 0px 0px 20px rgba(0,0,0,1.0);
font-family:Tahoma, Geneva, sans-serif;
color:#FFF;
font-size: 13px;
margin:auto;
top:0px;
position:fixed;
left:0px;
}

#center
{
width:500px;
border:none 1px #FFF;
background-color:#333;
box-shadow: inset 0px 0px 20px rgba(0,0,0,1.0);
font-family:Tahoma, Geneva, sans-serif;
color:#FFF;
font-size: 13px;
margin:auto;
text-align:center;
}

#student
{
width:500px;
border:none 1px #FFF;
background-color:#333;
box-shadow: inset 0px 0px 20px rgba(0,0,0,1.0);
font-family:Tahoma, Geneva, sans-serif;
color:#FFF;
font-size: 13px;
margin:auto;
text-align:center;
}

#student2
{
width:800px;
border:none 1px #FFF;
background-color:#333;
box-shadow: inset 0px 0px 20px rgba(0,0,0,1.0);

51
Practical File Web Technologies Ketan Rajpal
font-family:Tahoma, Geneva, sans-serif;
color:#FFF;
font-size: 13px;
margin:auto;
text-align:center;
}

#student3
{
width:100%;
border:none 1px #FFF;
background-color:#333;
box-shadow: inset 0px 0px 20px rgba(0,0,0,1.0);
font-family:Tahoma, Geneva, sans-serif;
color:#FFF;
font-size: 13px;
margin:auto;
text-align:center;
}

#footer
{
width:100%;
border:none 1px #FFF;
background-color:#333;
box-shadow: inset 0px 0px 20px rgba(0,0,0,1.0);
font-family:Tahoma, Geneva, sans-serif;
color:#666;
font-size: 11px;
margin:auto;
bottom:0px;
position:fixed;
left:0px;
}

.footerData
{
font-family:Tahoma, Geneva, sans-serif;
color:#999;
font-size: 11px;
text-decoration:none;
}

#footer a
{
font-family:Tahoma, Geneva, sans-serif;
color:#FFF;
font-size: 11px;
text-decoration:none;
}

#footer a:Hover
{
color:#666;
}

.seprator
{
color:#666;
width:1px;
}

#header a

52
Practical File Web Technologies Ketan Rajpal
{
font-family:Tahoma, Geneva, sans-serif;
color:#FFF;
font-size: 13px;
text-decoration:none;
}

#header a:hover
{
color:#666;
}

.myHeading
{
font-family: Comic Sans MS;
text-align: center;
text-decoration: none;
font-size:17px;
font-weight:lighter;
line-height:10px;
color:#c04545;
}

.myText
{
width: 200px;
padding: 6px 10px 6px 10px;
background: #F2F2F2;
border: 1px none #DBDBDB;
display: block;
position: relative;
box-shadow: inset 0px 0px 10px #4576c0;
}
.myText:Focus
{
box-shadow: inset 0px 0px 10px #000;
}
.button
{
box-shadow: 0px 0px 10px #4576c0;
padding:8px;
}

.validate
{
font-family:Tahoma, Geneva, sans-serif;
text-align: justify;
font-size: 13px;
color:Aqua;
line-height:20px;
padding:5px;
vertical-align:middle;
text-align:center;
}
.ga
{
font-family:Tahoma, Geneva, sans-serif;
color:#FFF;
font-size: 11px;
text-decoration:none;
text-decoration:none;
}

53
Practical File Web Technologies Ketan Rajpal
JavaScript source code

function Validate() {
if (document.getElementById('UserNameTextBox').value == "" &&
document.getElementById('PasswordTextBox').value == "") {
document.getElementById('Validate').innerHTML = "Please enter your username and password.";
return false;
}
else if (document.getElementById('UserNameTextBox').value == "") {
document.getElementById('Validate').innerHTML = "Please enter your username.";
return false;
}
else if (document.getElementById('PasswordTextBox').value == "") {
document.getElementById('Validate').innerHTML = "Please enter your password.";
return false;
}
else {
document.getElementById('Validate').innerHTML = "";
MySecurityValue(MyNumber)
return true;
}
}

54
Practical File Web Technologies Ketan Rajpal
Header Module

<table class="innerTable" style="border-spacing:3px;padding:3px;">


<tr>
<td style="width:250px;">Welcome to Library Management System</td>
<td></td>
<td style="width:70px;"><a href="addBook.aspx">Add a book</a></td>
<td class="seprator">|</td>
<td style="width:120px;"><a href="viewBook.aspx">Show Book details</a></td>
<td class="seprator">|</td>
<td style="width:150px;"><a href="addStudent.aspx">Make a student account</a></td>
<td class="seprator">|</td>
<td style="width:150px;"><a href="viewStudent.aspx">View Student Account</a></td>
<td class="seprator">|</td>
<td style="width:90px;"><a href="issue.aspx">Issue a book</a></td>
<td class="seprator">|</td>
<td style="width:120px;"><a href="viewIssue.aspx">Issued book details</a></td>
<td class="seprator">|</td>
<td style="width:60px;"><a href="Default.aspx">Logout</a></td>
<td style="width:1px;"></td>
</tr>
</table>

55
Practical File Web Technologies Ketan Rajpal
Footer module

<table class="innerTable" style="border-spacing:3px;padding:3px;">


<tr>
<td style="width:175px;"><a href="">About Library Management System</a></td>
<td class="seprator">|</td>
<td style="width:70px;"><a href="">Feedback</a></td>
<td class="seprator">|</td>
<td style="width:70px;"><a href="">Developers</a></td>
<td class="footerData" style="text-align:right;"><?php echo date("Y"); ?> &copy; All rights
reserved to <a href="http://krpl.in">http://www.krpl.in</a> By <a href="mailto:ketanrajpal@krpl.in"
title="Email to author" rel="author">Ketan Rajpal</a></td>
<td style="width:1px;"></td>
</tr>
</table>

56