Global College of Arts and Science - Women VEPPUR, VELLORE - 632503
Global College of Arts and Science - Women VEPPUR, VELLORE - 632503
PAGE
S.NO DATE TITLE SIGNATURE
NO.
Factorial of an integer
3
positive number
4 User session
5 Calculator
10 String operations
1
GLOBAL COLLEGE OF ARTS AND SCIENCE – WOMEN
VEPPUR, VELLORE -632503
Date :
AIM
To create a simple web page using HTML tags with frames and tables.
PROCEDURE
Step 2: Create an HTML page named as “frame.html”. Divided the page into two
Rows and two columns of 50%, and 50% size.
Step 3: And each frame contain a html file.
Step 4: Create table Using table’s tags like <th>, <tr>, <td>.
<TABLE BORDER=1>
<TR>
<TH>….</TH>
<TD>….</TD>
</TR>
</TABLE>
Step 5: Run the program using any web browser.
2
GLOBAL COLLEGE OF ARTS AND SCIENCE – WOMEN
VEPPUR, VELLORE -632503
TAGS
Frames.HTML
<html>
<head>
<title>Home</title>
</head>
<frameset cols="50%,50%" rows="50%,50%">
<frame src="sem1.html" name="f2">
<frame src="sem2.html" name="f3">
<frame src="sem3.html" name="f2">
<frame src="sem4.html" name="f3">
</frameset>
</html>
sem1.html
<html>
<head><title>sem1</title>
</head>
<body>
<h3 align="center">SEMESTER 1 MARK STATEMENT</h3>
<table border=2 align="center">
<tr><th>SUBJECT</th><th>MARK</th></tr>
<tr><td>C</td><td>80</td></tr>
<tr><td>MATHS</td><td>80</td></tr>
<tr><td>ENGLISH</td><td>82</td></tr>
<tr><td>TAMIL</td><td>72</td></tr>
</table>
</body>
</html>
sem2.html
<html>
<head><title>sem2</title>
</head>
<body>
<h3 align="center">SEMESTER 2 MARK STATEMENT</h3>
<table border=2 align="center">
3
GLOBAL COLLEGE OF ARTS AND SCIENCE – WOMEN
VEPPUR, VELLORE -632503
<tr><th>SUBJECT</th><th>MARK</th></tr>
<tr><td>C++</td><td>80</td></tr>
<tr><td>MATHS</td><td>80</td></tr>
<tr><td>ENGLISH</td><td>82</td></tr>
<tr><td>TAMIL</td><td>72</td></tr>
</table>
</body>
</html>
sem3.html
<html>
<head><title>sem3</title>
</head>
<body>
<h3 align="center">SEMESTER 3 MARK STATEMENT</h3>
<table border=2 align="center">
<tr><th>SUBJECT</th><th>MARK</th></tr>
<tr><td>JAVA</td><td>80</td></tr>
<tr><td>ECOM</td><td>80</td></tr>
<tr><td>FA</td><td>82</td></tr>
<tr><td>OR</td><td>72</td></tr>
</table>
</body>
</html>
Sem4.html
<html>
<head><title>sem3</title>
</head>
<body>
<h3 align="center">SEMESTER 4 MARK STATEMENT</h3>
<table border=2 align="center">
<tr><th>SUBJECT</th><th>MARK</th></tr>
<tr><td>RDBMS</td><td>80</td></tr>
<tr><td>ERP</td><td>80</td></tr>
<tr><td>IOT</td><td>82</td></tr>
4
GLOBAL COLLEGE OF ARTS AND SCIENCE – WOMEN
VEPPUR, VELLORE -632503
<tr><td>FA</td><td>72</td></tr>
</table>
</body>
</html>
5
GLOBAL COLLEGE OF ARTS AND SCIENCE – WOMEN
VEPPUR, VELLORE -632503
OUTPUT :
6
GLOBAL COLLEGE OF ARTS AND SCIENCE – WOMEN
VEPPUR, VELLORE -632503
RESULT
Thus the simple web page is created using html tags with frames and tables.
AIM
To create a simple web page using HTML tags with cascading style sheet.
PROCEDURE
Where font, size, color, etc., are specified the style type should be set to “text/css”
under the <head> tag.
Step 4: The style.css file should be include in ex2.html file in the link <a href> tag.
Step 5: In the <body> tag of the html document create an headers using <h1>,<h2>,and
Paragraph <p>.
TAGS
8
GLOBAL COLLEGE OF ARTS AND SCIENCE – WOMEN
VEPPUR, VELLORE -632503
<html>
<head>
<title>working with stylesheet</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<h1>CASCADING STYLE SHEET</h1>
<p class="question">What is CSS?</p>
<p class="answer">CSS stands for Cascading Style Sheets. It is a style sheet language which
is used to describe the look and formatting of a document written in markup language.
It provides an additional feature to HTML.
It is generally used with HTML to change the style of web pages and user interfaces.
It can also be used with any kind of XML documents including plain XML, SVG and XUL.
CSS is used along with HTML and JavaScript in most websites to create user interfaces for
web applications and user interfaces for many mobile applications.
<p class="question">What are the type of style sheet?</p>
<p class="answer">1.)External Style sheet</br>
2.)Internal Style Sheet</br>
3.)Inline Style Sheet</P>
</body>
</html>
Style.css
h1
{
font-family:arial;
font-size:25pt;
color:red;
text-align:center;
}
.question
{
color:brown;
font-style:italic;
}
.answer
{
color:green;
}
9
GLOBAL COLLEGE OF ARTS AND SCIENCE – WOMEN
VEPPUR, VELLORE -632503
OUTPUT :
10
GLOBAL COLLEGE OF ARTS AND SCIENCE – WOMEN
VEPPUR, VELLORE -632503
RESULT
Thus the web page is created using HTML tags with cascading style sheet.
11
GLOBAL COLLEGE OF ARTS AND SCIENCE – WOMEN
VEPPUR, VELLORE -632503
Ex.No.3
FACTORIAL OF AN INTEGER POSITIVE NUMBER
Date :
AIM
PROCEDURE
12
GLOBAL COLLEGE OF ARTS AND SCIENCE – WOMEN
VEPPUR, VELLORE -632503
CODING
13
GLOBAL COLLEGE OF ARTS AND SCIENCE – WOMEN
VEPPUR, VELLORE -632503
OUTPUT
14
GLOBAL COLLEGE OF ARTS AND SCIENCE – WOMEN
VEPPUR, VELLORE -632503
RESULT
Thus the program to find the factorial of an integer positive number was successfully.
15
GLOBAL COLLEGE OF ARTS AND SCIENCE – WOMEN
VEPPUR, VELLORE -632503
Ex.No.4
USER SESSION
Date :
AIM
PROCEDURE
Step 4: Save and run the file using the command bash.
16
GLOBAL COLLEGE OF ARTS AND SCIENCE – WOMEN
VEPPUR, VELLORE -632503
CODING
3)groups
;;
*)echo -e"please enter the correct input"
;;
esac
17
GLOBAL COLLEGE OF ARTS AND SCIENCE – WOMEN
VEPPUR, VELLORE -632503
OUTPUT:
18
GLOBAL COLLEGE OF ARTS AND SCIENCE – WOMEN
VEPPUR, VELLORE -632503
RESULT
Thus the program for find the details of user session was successfully executed.
19
GLOBAL COLLEGE OF ARTS AND SCIENCE – WOMEN
VEPPUR, VELLORE -632503
Ex.No.5
CALCULATOR
Date :
AIM
PROCEDURE
Step 5: In order to calculator the value use the method the value as method
eval(form name,input values).
20
GLOBAL COLLEGE OF ARTS AND SCIENCE – WOMEN
VEPPUR, VELLORE -632503
TAGS
<html>
<head><title>calculator</title>
<link rel=”stylesheet” type=”text/css” href=”calc.css”>
<script language="javascript">
functiondis(value)
{
document.getElementById(“result”).value+=value;
}
function solve()
{
let x=document.getElementById(“result”).value;
let y=eval(x);
document.getElementById(“result”).value=y;
}
Function clr()
{
document.getElementById(“result”).value=” ”;
}
</script> </head>
<body bgcolor=”green”>
<form>
<table border=10 border color="white”>
<tr><td>
<input type="text"id=”result”><input type=”button” value=”=” onclick=”solve()”>
</tr></td>
<tr><td>
<input type="button" value="1" onclick=”dis(‘1’)”>
<input type="button" value="2" onclick=”dis(‘2’)”>
<input type="button" value="3" onclick=”dis(‘3’)”>
<input type="button" value="+" onclick=”dis(‘+’)”>
</tr></td>
<tr><td>
<input type="button" value="4" onclick=”dis(‘4’)”>
<input type="button" value="5" onclick=”dis(‘5’)”>
<input type="button" value="6" onclick=”dis(‘6’)”>
<input type="button" value="-" onclick=”dis(‘-’)”>
</tr></td>
<tr><td>
21
GLOBAL COLLEGE OF ARTS AND SCIENCE – WOMEN
VEPPUR, VELLORE -632503
<input type="button" value="7" onclick=”dis(‘7’)”>
<input type="button" value="8" onclick=”dis(‘8’)”>
<input type="button" value="9" onclick=”dis(‘9’)”>
<input type="button" value="*" onclick=”dis(‘*’)”>
</tr></td>
<tr><td>
<input type="button" value="c" onclick=”dis(‘c’)”>
<input type="button" value="0" onclick=”dis(‘0’)”>
<input type="button" value=”/” onclick=”dis(‘/’)”>
<input type=”button” value=”.” onclick=”dis(‘.’)”>
</tr></td>
</table>
</form>
</body>
</html>
Calc.css
input[type=”text”]{color:black;}
input[type=”button”]{bgcolor:white;}
body{bgcolor:green;}
22
GLOBAL COLLEGE OF ARTS AND SCIENCE – WOMEN
VEPPUR, VELLORE -632503
OUTPUT
23
GLOBAL COLLEGE OF ARTS AND SCIENCE – WOMEN
VEPPUR, VELLORE -632503
RESULT
Thus the simple calculator is created using form & table and performed successfully.
24
GLOBAL COLLEGE OF ARTS AND SCIENCE – WOMEN
VEPPUR, VELLORE -632503
Ex.No.6
SCROLL YOUR NAME USING JAVASCRIPT
Date :
AIM
PROCEDURE
25
GLOBAL COLLEGE OF ARTS AND SCIENCE – WOMEN
VEPPUR, VELLORE -632503
TAGS
<html>
<head>
<script language="javascript">
document.write('<style type="text/css">');
document.write("#textarea{");
document.write("background-color: #009999;");
document.write("SCROLLBAR-HIGHLIGHT-COLOR: #000099; ");
document.write("SCROLLBAR-SHADOW-COLOR: #3366cc; ");
document.write("SCROLLBAR-ARROW-COLOR: #000099; ");
document.write("SCROLLBAR-TRACK-COLOR: #000099: ");
document.write("SCROLLBAR-DARKSHADOW-COLOR: #000099; ");
document.write("SCROLLBAR-BASE-COLOR: #6699ff; ");
document.write(" }");
document.write("</style>");
</script></head>
<body>
<textarea name="textarea" cols="30" rows="10" id="textarea">
JOHN PAUL
JOHN PAUL
JOHN PAUL
JOHN PAUL
JOHN PAUL
JOHN PAUL
JOHN PAUL
JOHN PAUL
JOHN PAUL
JOHN PAUL
JOHN PAUL
</textarea>
</body>
</html>
<html>
<head>
<STYLE TYPE="text/css">
BODY {
26
GLOBAL COLLEGE OF ARTS AND SCIENCE – WOMEN
VEPPUR, VELLORE -632503
scrollbar-arrow-color:#F2B3OD;
scrollbar-track-color:#FFFFCC;
scrollbar-shadow-color:#FFFFFF;
scrollbar-face-color:#FFFFCC;
scrollbar-darkshadow-color:#F2B3OD;
scrollbar-3dlight-color:#F2B30D;
}
</STYLE>
</head>
</html>
27
GLOBAL COLLEGE OF ARTS AND SCIENCE – WOMEN
VEPPUR, VELLORE -632503
OUTPUT
28
GLOBAL COLLEGE OF ARTS AND SCIENCE – WOMEN
VEPPUR, VELLORE -632503
RESULT
Thus the program to scroll our name using scroll bar in JavaScript was executed
successfully.
29
GLOBAL COLLEGE OF ARTS AND SCIENCE – WOMEN
VEPPUR, VELLORE -632503
Ex.No.7
CHECK MESSAGE PASSING SYSTEM
Date :
AIM
To develop a program and check message passing mechanism between pages.
PROCEDURE
Step 1:Open a new file using notepad
Step 2: Get the input form the text box using HTML tags.
30
GLOBAL COLLEGE OF ARTS AND SCIENCE – WOMEN
VEPPUR, VELLORE -632503
TAGS
passvar.php
<html>
<form method="post" action="catching_var.php">
Name <input type="text" name="name1"/>
<br>
Father name <input type="text" name="name2"/>
<br>
Mother name <input type="text" name="name3"/>
<br>
Date of Birth<input type="text" name="name4"/>
<br>
Hobbies<input type="text" name="name5"/><br>
<input type="submit" name="submit"/>
</form>
</html>
Catching_var.php
<html>
<?php
$name1=$_REQUEST['name1'];
$name2=$_REQUEST['name2'];
$name3=$_REQUEST['name3'];
$name4=$_REQUEST['name4'];
$name5=$_REQUEST['name5'];
?>
<body>
<p>
<?php
echo"name:".$name1.'<br/><br/>';
echo"father name:".$name2.'<br/><br/>';
echo"mother name:".$name3.'<br/><br/>';
echo"date of birth:".$name4.'<br/><br/>';
echo"hobbies:".$name5.'<br/><br/>';
?>
</body>
</html>
31
GLOBAL COLLEGE OF ARTS AND SCIENCE – WOMEN
VEPPUR, VELLORE -632503
OUTPUT
32
GLOBAL COLLEGE OF ARTS AND SCIENCE – WOMEN
VEPPUR, VELLORE -632503
33
GLOBAL COLLEGE OF ARTS AND SCIENCE – WOMEN
VEPPUR, VELLORE -632503
RESULT
Thus the program developed and checked message passing mechanism between pages
and output verified successfully.
34
GLOBAL COLLEGE OF ARTS AND SCIENCE – WOMEN
VEPPUR, VELLORE -632503
Ex.No.8
EMAIL REGISTRATION AND LOGIN
Date :
AIM
To develop a program
PROCEDURE
Step 1:Open a new file using notepad
Step 2: Using file system get the list of the information
Step 3:Using an HTML tags list out the details of college information.
Step 4:Using PHP code record, open the file to execute the function.
35
GLOBAL COLLEGE OF ARTS AND SCIENCE – WOMEN
VEPPUR, VELLORE -632503
Pgm8(1).html
<html>
<head>
<caption><center><strong>Welocme to KASC college</strong></center></caption>
</head>
<body>
<strong>UG COURSES OFFERED:</strong><br/>
B.A Tamil<br/>
B.Sc Mathematics<br/>
B.Sc Computer Science<br/>
B.Com<br/>
B.Com Corporate Secretaryship<br/>
BCA<br/>
BBA<br/>
B.Sc Microbiology<br/>
B.com Computer Application<br/>
B.A Functional English<br/>
B.ScInofrmation System Management<br/>
<strong>PG COURSES OFFERED:</strong><br/>
M.Sc Information Technology<br/>
M.Com <br/>
M.Sc.(Mathematics)<br/>
M.A.(English)<br/>
<strong>RESEARCH COURSES OFFERED:</strong><br/>
M.Phil.(Computer Science)- FT/PT<br/>
M.Phil.(Commerce)- FT/PT<br/>
Ph.D Computer Science- FT/PT<br/>
Ph.D Commerce-PT<br/>
36
GLOBAL COLLEGE OF ARTS AND SCIENCE – WOMEN
VEPPUR, VELLORE -632503
Ph.D English-PT<br/>
</body>
</html>
Prgm8.php
<html>
<head>
<title>Open a File</title></head>
<body bgcolor="#008000">
<pre>
<?php
$filename="prgm8(1).html";
$fh=fopen("$filename","r");
while(!feof($fh)){
$content=fgetss($fh);
echo $content;
}
fclose($fh);
?>
</pre>
</body>
</html>
Prgm8(2).php
<?php
echo("<h3>Result with date():</h3><br>");
echo("<br><b>".date("l")."</b><br>");
echo("<br><b>".date("l dS \of F Y h:i:s A")."</b><br>");
echo("<br><b>".date("l dS F Y")."</b><br>");
echo("<h3>Oct 3,1975 was on a".date("l",mktime(0,0,0,10,3,1975))."</h3><br>");
echo("<h3>Result with gmdate():</h3><br>");
echo("<br><b>".gmdate("l")."</b><br>");
echo("<br><b>".gmdate("l ds \of F Y h:i:s A")."</b><br>");
echo("<h3>Oct 3,1975 was on a </h3><b>".gmdate("l",mktime(0,0,0,10,1975))."</b><br>");
echo("<br><b>TIME".time()."</b><br>");
?>
37
GLOBAL COLLEGE OF ARTS AND SCIENCE – WOMEN
VEPPUR, VELLORE -632503
OUTPUT
FILE SYSTEM FUNCTION
[
38
GLOBAL COLLEGE OF ARTS AND SCIENCE – WOMEN
VEPPUR, VELLORE -632503
RESULT
Thus the program developed and checks the file system function date and time function
output verified successfully.
39
GLOBAL COLLEGE OF ARTS AND SCIENCE – WOMEN
VEPPUR, VELLORE -632503
Ex.No.9
DATABASE MANAGEMENT
Date :
AIM
PROCEDURE
Step 3: Start all services in the WAMP and specify the part in the browser.
Step 5: Using the database created personal details for the particular person.
Step 6: Using the INSERT command we can insert student personal details into name
and address.
Step 7: Then all the values added to database into the student detail
40
GLOBAL COLLEGE OF ARTS AND SCIENCE – WOMEN
VEPPUR, VELLORE -632503
CODING
<html>
<head>
<title>Form Input Data</title>
</head>
<body>
<form method="post" action="input.php">
Name: <input type="text" name="name" size="20">
Address: <input type="text" name="address" size="40">
<input type="submit" name="submit" value="Sent">
</form>
</body>
</html>
INPUT.PHP
<?php
mysql_connect("localhost","root","");//database connection
mysql_select_db("student");
$name = $_POST['name'];
$address = $_POST['address'];
$order = "INSERT INTO srecord(name, address) VALUES ('$name','$address')";
$result = mysql_query($order); //order executes
if($result)
{
echo("
Input data is succeed");
}
else
{
echo("
Input data is fail");
}
?>
41
GLOBAL COLLEGE OF ARTS AND SCIENCE – WOMEN
VEPPUR, VELLORE -632503
OUTPUT
42
GLOBAL COLLEGE OF ARTS AND SCIENCE – WOMEN
VEPPUR, VELLORE -632503
RESULT
43
GLOBAL COLLEGE OF ARTS AND SCIENCE – WOMEN
VEPPUR, VELLORE -632503
Ex.No.10
COOKIES AND SESSION
Date :
AIM
To develop a PHP program that can create cookies and sessions into HTML.
PROCEDURE
Step 3:Start all services in the WAMP and specify the part in the browser.
Step 5:Then set cookies to know about system information using if-else statement.
Step 6:Start all service in the WAMP and specify the path in the browser.
Step 7: The WAMP server executes the application session and cookies.
44
GLOBAL COLLEGE OF ARTS AND SCIENCE – WOMEN
VEPPUR, VELLORE -632503
COOKIES
CODING
<?php
setcookie("Name","India");
setcookie("ADDRESS","DELHI");
setcookie("TIME",date("M d y"));
if(isset($_COOKIE['NAME']))
{
echo $_COOKIE['Name'];
}
else
{
echo"Cookie set, please refresh page";
}
print_r($_COOKIE);
?>
45
GLOBAL COLLEGE OF ARTS AND SCIENCE – WOMEN
VEPPUR, VELLORE -632503
OUTPUT
46
GLOBAL COLLEGE OF ARTS AND SCIENCE – WOMEN
VEPPUR, VELLORE -632503
SESSION
CODING
<?php
session_start();
echo "<b> Few Important Session Functions are as follows:<b>"."<br/>";
echo "<b> Session id is:<b>".session_id()."<br/>";
echo "<b> Session module name is:<b>".session_module_name()."<br/>";
echo "<b>Seesion path is:<b>".session_save_path()."<br/>";
echo "<b> Session name is:<b>".session_name()."<br/>";
?>
OUTPUT
47
GLOBAL COLLEGE OF ARTS AND SCIENCE – WOMEN
VEPPUR, VELLORE -632503
RESULT
Thus the program to develop cookies and session was executed successfully.
48