Scribd
Upload
18 views28 pages

Practical File 2024-25f

Uploaded by

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

Practical File 2024-25f

Uploaded by

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

SRI CHAITANYA JR COLLEGE PUNE

Laboratory Certificate
INFORMATION TECHNOLOGY

This is to certify that Shri / Miss ________________________________________

___________________________________ XII Science, Roll no _________

Division______________ has satisfactorily completed the practical courses in

Information Technology as per the Syllabus said down by the HSC Board, Pune during the

academic year 2024-25.

Exam No. ……………… Date:-

Internal Examiner External Examiner Principal


INDEX
Sr.NO Experiment Name Date Sign
INFORMATION TECHNOLOGY
Practical No.1

(Q1) SOP-1: Creation of website using HTML5

Answer:-

Page1- Main.html

<html>

<head>

<title> Main Page </title>

</head>

<body background="Tulips.jpg">

<h1><center>Welcome to The B.S.G.D Junior College of Commerce,Arts and Science

</center></h1>

<h2><marquee>Malad West</marquee></h2>

<br>

<br>

<br>

<nav>

<h2><center><a href="Index.html">College Profile</a></center></h2>

<h2><center><a href="Form.html"> Feedback Form</a></center></h2>

</nav>

</body>

</html>

Page2- Index.html

<html>

<head>

<title> The B.S.G.Ds Jr college </title>


<style>

h1{color:blue;text-align:center;} b{font-size:50px;}

body{background-image:url('Tulips.jpg');background-size:cover;}

</style>

</head>

<body>

<img src="Logo.jpg" alt="bsgd jr college" widhth=150 height=150>

<h1> THE B.S.G.D's Junior College of Commerce,Arts and Science</h1>

<h1><b>of Commerce</b>,<i>Arts</i> & <u>Science</u>

<p> The location of the college is in Malad (west) mumbai-400064 </p></h1>

<nav>

<a href="Main.html">Main Page</a><br>

<a href="Form.html">Feedback Form </a>

</nav>

</body>

</html>

<html>

<head>

<title> Feedback Form </title>

</head>

<body bgcolor="lightgreen">

<h1> Feedback Form </h1>

<form name=f1 method="post">

<h3>Firstname:<input type="text"></h3>

<h3>Lastname:<input type="text"></h3>

<h3>Gender

<input type="radio" name="r1">Male


<input type="radio" name="r1">Female

</h3>

<h3>Email-Id:<input type="email"></h3>

<h3><input type="submit" value="Send"></h3>

</form>

</body>

</html>

Output:
Practical No.2
(Q2) SOP-2 :Create a webpage using HTML and CSS code to design a webpage.

Answer:-

SOP2.html

<html>

<head>

<title> Tourist Place </title>

<style>

section{background-color:yellow;width:50%;height:50%; float:left;color:black;font-
size:30px;outline-style:solid;} aside{background-color:pink;width:50%;height:50%;
float:right;color:black;font-size:30px;outline-style:solid;}

</style>

</head>

<body>

<header style="background-color:lightblue;color:deeppink;text-align:center;
height:30%;width:100%;font-size:50px;outline-style:solid">Tourist places

</header>

<header>

<section>

<b> City </b>

<ol>

<li> Pune </li>

<li> Delhi </li>

<li> Banglore </li>

<li> Hyderabad </li>

</ol>

</section>
<aside>

<p> Tourist places in Pune </p>

<ul>

<li> Shaniwarwada </li>

<li> Sinhgad </li>

<li> Kelkar Museum </li>

</ul>

</aside>

</header>

</body>

</html>

Output:
Practical No.3
(Q3) SOP-3 Use of Audio webpages using HTML5

Answer:-

Audio.html

<html>

<head>

<title> Audio </title>

</head>

<body>

<p> Audio sample </p>

<audio controls loop>

<source src="Side - A.mp3" type="audio/mp3">

</audio>

</body>

</html>

Audio1.html

<!DOCTYPE html>

<html>

<body>

<h1>The audio </h1>

<audio controls autoplay>

<source src="Side - A.mp3" type="audio/mp3">

<source src="Side - A.ogg" type="audio/ogg">

<source src="Side - A.wav" type="audio/wav"> Your browser does not support the
audio element.

</audio>

</body>

</html>
Practical No.4

(Q4) SOP 4 : Use of video on web pages using html5.

Answer:-

1) Create a webpage named video.html to display a video file on web page and plays
automatically with controls. The dimension of video area should be 150* 150 pixels.

HTML PROGRAM :-

<html>

<head>

<title>Video Insert Practical</title>

</head>

<body>

<video src="waterfalls.mp4" type="video/mp4" height="150" width="150" controls


autoplay="autoplay">

</video>

</body>

</html>

2) Create another webpage which provide multiple source file formats for the same
video file that plays a video automatically with controls. The dimension of video area
should be 100* 100 pixels. The browser should display the message with appropriate
attribute when video file is not supported by browser. The code must incorporate the list
of video files formats (like webM, MP4 or ogg etc).

HTML PROGRAM :-

</html>

<html>

<head>

<title>Video Insert Practical</title>

</head>

<body>

<video height="150" width="150" controls autoplay="autoplay">


<source src="waterfalls.ogg" type="video/ogg" >

<source src="waterfalls.mp4" type="video/mp4”> Your browser does not support video


tag

</video>

</body>

</html>
Practical No.5

SOP 5: Use of SEO methodology to improvise the website.


Steps:

1. The website is https:/ /snehasadan.org/

2. The software used is SEOoptimer

3. The four suggestions to improve website

For ONPAGE SEO

• Use meta data descriptions wherever needed

• Use alt tag in images

• Keywords are not distributed well across the important HTML tags.ie improve
keyword consistency • Page speed is good

For OFFPAGESEO

• Make friendly urls

• Not connected to any social media

• Guest blogging is not done

• 2 broken links found

Importance of SEO

• It is the technique for designing and developing a website to be rank high in search
engine results.

• It is a subset of SEM(Search Engine Marketing).

• SEO is useful in increasing number of visitors in a website.


Practical No.6

Answer:-

index.html

<!DOCTYPE html>

<html>

<head>

<title></title>

<script type="text/javascript">

function ValidateEmail(inputText)

var mailformat = /^\w+([\.-]?\w+)@\w+([\.-]?\w+)(\.\w{2,3})+$/;

if(inputText.value.match(mailformat))

document.form1.text1.focus();

return true;

else

alert("You have entered an invalid email address!");

document.form1.text1.focus();

return false;

</script>

</head>
<body>

<h1>Information Form</h1>

<form action="" method="" name="f1">

<table>

<tr>

<td>Your Name</td>

<td><input type="text" name="t1" required></td>

</tr>

<tr>

<td>Address</td>

<td><textarea rows="5" cols="20" name="a1" required placeholder="Enter


Address"></textarea></td>

</tr>

<tr>

<td>Contact</td>

<td><input type="number" name="n1" maxlength="10" required></td>

</tr>

<tr>

<td>E-mail</td>

<td><input type="email" name="e1" required></td>

</tr>

<tr>

<td><input type="submit" name="submit" value="submit"


onclick="ValidateEmail(document.f1.e1)"></td>

</tr>

</table>

</form>

</body>
</html>
Practical No.7

Answer:-

index.html

<!DOCTYPE html>

<html>

<head>

<title></title>

</head>

<body>

<script type="text/javascript">

function getVowels() {

var vowelsCount = 0;

var str = document.getElementById("t1").value;

var string = str.toString();

for (var i = 0; i <= string.length - 1; i++) {

if (string.charAt(i) == "a" || string.charAt(i) == "e" || string.charAt(i) == "i" ||


string.charAt(i) == "o" || string.charAt(i) == "u") {

vowelsCount += 1;

//document.write("Total Vowels : "+vowelsCount);

document.getElementById('demo').innerHTML = "Total Vowels : "+vowelsCount;

return vowelsCount;

</script>

<tr>

<td><input type="text" id="t1"></td>

<td><input type="submit" name="submit" onclick="getVowels()"></td>


</tr>

<p id="demo"></p>

</body>

</html>
Practical No.8

Answer:-

js1.html

<!DOCTYPE html>

<html>

<head>

<title></title>

</head>

<body id="background">

<h1>Background Color is being changed every 1 seconds</h1>

<script>

var i = 0;

function change() {

var doc = document.getElementById("background");

var color = ["red", "blue", "brown", "green","yellow","pink","orange"];

doc.style.backgroundColor = color[i];

i = i+1;

if(i==7){

doc.style.backgroundColor = "white";

function click_btn() {

window.status = "Background Color is being changed every 1 seconds";

</script>

<input type="button" name="b1" value="over here" onmouseover="setInterval(change,


1000)">

<input type="submit" name="b2" value="click here" onclick="click_btn()">


</body>

</html>

FirstJs.html

<!DOCTYPE html>

<html>

<head>

<title></title>

</head>

<body id="background">

<h1>Background Color is being changed every 1 seconds</h1>

<script>

var i = 0;

function change() {

var doc = document.getElementById("background");

var color = ["red", "blue", "brown", "green","yellow","pink","orange"];

doc.style.backgroundColor = color[i];

i = i+1;

if(i==7){

doc.style.backgroundColor = "white";

function click_btn() {

window.status = "Background Color is being changed every 1 seconds";

</script>

<input type="button" name="b1" value="over here" onmouseover="setInterval(change,


1000)">

<input type="submit" name="b2" value="click here" onclick="click_btn()">


</body>

</html>
Practical No.9
date.html
<htm1>
<head>
<script type="text/javascript">
function GetDays(LDatel, i_Date2)
{
var str=i Date l;
var day = str.slice(O, 2);
var month = str.slice(3, 5);
var year = str.slice(6, 10);
//this is first date
dtl =new Date(month + "/" + day + "/" + year);
var strl=i_Date2;
var dayl = strl.slice(O, 2);
var monthl = strl.slice(3, 5);
var year! = strl.slice(6, 10);
// this is second date
dt2 =new Date(monthl + "/" + dayl + "/" + yearl);

var one_day=lOOO*60*60*24;
var datelms = dtl.getTime();
var date2_ms = dt2.getTime();
var difference_ms = date2_ms – datel_ ms;

document.writeln(Math.round(difference_ms /one_ day));


}
</script>
</head>
<body>
<form name="form_task">
Datel:<input type="text" name="dl" placeholder="dd/mm/yyyy">
<br>
<br>
Date2:<input type="text" name="d2" placeholder="dd/mm/yyyy">
<br>

<br>

<input type="button" value="Submit" onclick="GetDays(dl.value,d2.value)">


</form>
</body>
</html>

Output:
Practical No.10

Answer:-

index.html

<!DOCTYPE html>

<html>

<head>

<title>Enter Marks</title>

<script type="text/javascript">

function submit_marks() {

var sub1 = parseInt(document.getElementById('s1').value);

var sub2 = parseInt(document.getElementById('s2').value);

var sub3 = parseInt(document.getElementById('s3').value);

var sub4 = parseInt(document.getElementById('s4').value);

var sub5 = parseInt(document.getElementById('s5').value);

var sub6 = parseInt(document.getElementById('s6').value);

var total = sub1+sub2+sub3+sub4+sub5+sub6;

var per = total/6;

var grade;

if (per>=35 && per<=60) {

grade = 'F';

else if(per>=61 && per<=70){

grade = 'D';

else if(per>=71 && per<=80){

grade = 'C';

}
else if(per>=81 && per<=90){

grade = 'B';

else if(per>=91 && per<=100){

grade = 'A';

else{

grade = "Invalid or Failed";

document.getElementById("demo").innerHTML = "Your Total Marks :


"+total+"<br>Your Percentage : "+per+"<br>Your Grade : "+grade;

// document.write("Your Total Marks : "+total);

// document.write("<br>Your Percentage : "+per);

// document.write("<br>Your Grade : "+grade);

</script>

</head>

<body>

<h1>Enter Students Marks</h1>

<input type="text" id="s1" placeholder="Enter English Marks"><br>

<input type="text" id="s2" placeholder="Enter IT Marks"><br>

<input type="text" id="s3" placeholder="Enter OCM Marks"><br>

<input type="text" id="s4" placeholder="Enter Economics Marks"><br>

<input type="text" id="s5" placeholder="Enter Maths Marks"><br>

<input type="text" id="s6" placeholder="Enter Account Marks"><br>

<input type="submit" onclick="submit_marks()">

<div id="demo"></div>
</body>

</html>
Practical No.11
age.html
<html>
<body>
<hl align="center">Person Eligible to vote or not</hl>
<form method= "post" action="age.php">
Enter Your age
<input type="text" name= “age”> <br> <br>
<input type="submit" name="submit" value="Check Eligible">
</fonn> </body>
</html>
age.php
<?php
if(isset($ _POST[' submit']))
{
$age = $_POST['age'];
if($age>=18)

echo" <br><br> You are Eligible to vote";


else
echo "<br> <br> You are not Eligible to vote";
}.
?>

Output:
Practical No.12

array.php
<?php
$ml=
array("English"=>"55",
"Hindi"=>"60",
"Maths"=>"70",
"Marathi" => "85");

echo "<br><br><b>Elements of an array along with their keys :</b>";


echo "<br> <br> Your score ".$ml['English']. "in English";

echo "<br> <br> Your score ".$ml['Hindi']. "in Hindi";


echo "<br> <br> Your score ".$ml['Maths']. " in Maths";
echo "<br> <br> Your score ".$ml['Marathi]. "in Marathi";
echo "<br><br><b>Size of an array is :</b>".count($ml);
array _splice($ml,0,l);

echo "<br><br><b>After deleting array is :</b>";


foreach($ml as $x => $x_value)
{
echo "<br><br>Key=" . $x. ", Value" . $x_value;
echo "<br>":
}
?>

You might also like