ALL SOP IT

SOP 2 HTML :
<!DOCTYPE html>
<html>
<head>
<title>SOP2 Advanced Web Designing Practical</title>
<style type="text/css">
ol
font-size: 20px;
margin-left: 240px;
background-color: #f7f5d2;
width:190px;
ul
font-size: 20px;
max-width: 190px;
background-color: pink;
margin-left: 480px;
display: block;
</style>
</head>
<body>
<h1 style="background-color: cyan;color:#f011b4;margin-left: 240px;width: 500px;text-align:

center;height: 60px;">
Tourist Places
</h1>
<ol>
<b>City</b>
<li>Pune</li>
<li>Bangalore</li>
<li>Hyderabad</li>
<li>Delhi</li>
</ol>
<ul>
<b>Tourist Places in Pune</b>
<li> Shanivarwada</li>
<li> Kelkar Museum</li>
<li>Sinhgad Fort</li>
</ul>
</body>
<html>
Sop 1 HTML :
<!DOCTYPE html>
<html>
<head>
h1
text-align: center;
div
margin-left: 500px;
margin-top: 120px;
</style>
<title>
Subject Streams according to admission
</title>
<meta charset="utf-8" >
<meta name="keywords" content="political Science,Information technology">
<meta name="description" content="Subject Streams according to admission process">
</head>
<body>
<h1 > feedback form </h1>
<div>
<label for="name">Name:</label>
<input type="text" name="name" ><br><br>
<label for = "email">Email:</label>
<input type="email" name="email">
<br>
<br>
<input type="submit" name="submit">
</div>
</body>
</html>
SOP 1.2 :
<!DOCTYPE html>
<html>
<head>
text-decoration : underline;
font-style: bold;
color:green;
font-size: 24px;
margin-left: 130px;
max-width: 1100px;
h1
text-align: center;
</style>
<title>
XYZ College of Commerce Science & Arts
</title>
<meta name="keywords" content="Faculty, students">

<meta name="description" content="A college Website dealing with students and
teachers/Faculty's data">
</head>
<body>
<h1>
XYZ College of Commerce Science & Arts
</h1>
<nav style="font-size: 22px;">
<a href="page2.html">Feedback Form</a>|
<a href="page3.html">Contact Form</a>
</nav>
<br>
<br>
<p>
Education is the most powerful weapon which you can use to change the world. Everyone is
looking to change the world, and why not take part in these movements<sup>?</sup> People are
paying a ridiculous amount of money for education, as this industry is valued around million dollars.
Most of this amount is now spent on online education. Of course, our organization would like to give
you an opportunity to take a fraction of this platform. The best way to gain quality education is to
join with us where you can find majority of academic fields to enhance your career with.Many
streams of subjects are available at our place.
</p>
<br>
<img src="sample.jpg" width="250px" height="250px" alt="XYZ College" align="right">
</body>
</html>
Sop-3 HTML :
<!DOCTYPE html>
<html>
<head>
<title>SOP3 Demostration</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body bgcolor="lightyellow">
<table>
<tr>
<td>
<label for="name">
Traveller Name:
</label>
<input type="text" name="Traveller_name" id="name">
</td>
</tr>
<tr>
<td>
<label for="date">Travelling Date:</label>
<input type="date" name="Travelling_date" id="date">
</td>
</tr>
<tr>
<td>
<label for="phone_no">
Telephone No:
</label>
<input type="tel" id="phone" name="phone" pattern="[0-9]{2}-[0-9]{10}">
</td>
</tr>
<tr>
<td>
<input type="image" name="Submit" id="Submit" src="Submit.png"

onclick="window.location.href='second_page.html';">
</td>
</tr>
</table>
</body>
</html>
Second page html :
<!DOCTYPE html>
<html>
<head>
<title>Second Page Html</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div>
<ul>
<li>
Name of Transporter - Air Asia
</li>
<li>
Time - 09:30 AM
</li>
<li>
Seat No - B39
</li>
<li>
Destination - Delhi
</li>
</ul>
<input type="submit" name="submit" value="Back" onclick="history.back();">
</div>
</body>
</html>
SOP 4 HTML :
<!DOCTYPE html>
<html>
<head>
<title>Sop4 Demo practical</title>
body
background-color: lightgrey;
nav
background-color: blue;
height:30px;
line-height: 30px;
font-size: 18px;
font-family: sans-serif;
span
font-size: 20px;
color:#FFFFFF;
padding: 15px;
section
float: left;
width: 70%;
background-color: grey;
margin: 5px 0;
article
background-color: white;
margin: 0 5px;
footer
background-color: blue;
line-height: 20px;
height:20px;
margin: 5px 0;
color: white;
padding:12px;
font-size: 20px;
font-family: sans-serif;
clear:both;
aside
float: right;
width: 29%;
margin: 5px 0;
background-color: grey;
h2,h3,h1,p
margin : 5px 0;
padding :0 10px;
</style>
</head>
<body>
<header>
<h1>News</h1>
<h3> Local and National News</h3>
<nav>
<a href="#"><span>H</span>OME</a>
<a href="#"><span>A</span>rchives</a>
<a href="#"><span>A</span>bout</a>
</nav>
</header>
<aside>
<h2>BE A NEWS REPORTER</h2>
<p>If you see news happening. Send us a Text.</p>
</aside>
<section>
<h2>Local News</h2>
<article>
<h3>Fire Fighters rescue man from building this is local news 1</h3>
<p>(reporter name, date)</p>
<p> This is the fighter details. This is the story of fighter.
<br>
This is the detail of rescue man. This is the story of how is rescued.
</p>
</article>
<article>
<h3>
New Library to be built this is local news 2
</h3>
<p>(reporter name,date)</p>
<p> This is the story text. This is the story text.
<br>
This is the story text. This is the story text.</p>
</article>
</section>
<section>
<h2>
National News
</h2>
<article>
<h3>
Snow storm is making travel difficult </h3>
<p>This is the story snow storm. This is the story distoiral of storm.
<br>
This is the story part continued . This is the story text continued.</p>
</article>
<article>
<h3>Thousands are without power</h3>
<br>
<p>This is the story of not having power. This is the story text continued.
<br> This is the story bad effect. This is the story about destroyal of economy.
</p>
</article>
</section>
<footer>
footer information
</footer>
</body>
</html>
Sop 1 javascript :
<!DOCTYPE html>
<html>
<head>
<title>Sop 2 JavaScript</title>
</head>
<body>
<h1>Information Form</h1>
<form name="f1">
Your Name
<input type="text" name="txt_name">
<br>
<br>
Address
<textarea name="txt_address" placeholder="Permanent Address"></textarea>
<br>
<br>
Contact
<input type="tel" name="telephone" maxlength="10">
<br><br>
Email
<input type="email" name="txt_email" pattern="[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Z|a-z]{2,}">
<br>
<br>
<input type="button" name="b1" value="submit" onclick="validate_email()">
</form>
</body>
<script type="text/javascript">
function validate_email()
var x=f1.txt_email.value;
var at_pos=x.indexOf("@");
var last_pos=x.lastIndexOf("@");
var firstdot_pos=x.indexOf(".");
var dot_pos=x.lastIndexOf(".");
if (at_pos<1||dot_pos<at_pos+2||dot_pos+2>=x.length||firstdot_pos<at_pos||
at_pos<last_pos)
alert("Not an Valid email address");
f1.txt_email.focus();
else
alert("Valid Email Address");
return true;
</script>
<br>
<br>
<footer>
<div class="footer__bottom ai-c jc-sb px-6">
<div class="footer_bottom_copyright co-l">
Copyright© 2022 All Rights Reserved <b>Vivek Wagadare</b> <br>
This website is made by vivek wagadare under the guidance of the <b>jyotsna mam </b>(IT &
Computer Science Teacher ARIHANT COLLEGE,camp)
</div> </footer> </html>

Sop 2 javascript :
<!DOCTYPE html>
<html>
<head>
<title>Sop 3 JAVasript Count vowels</title>
</head>
<body>
<form name="form1">
<h1>Enter the String whose vowel isto be counted</h1>
<input type="text" name="text1">
<input type="button" name="btn_checkvowel" value="Click to count" onclick="count()">
</form>
function count()
var i,ch,str,counter=0;
str=form1.text1.value;
for(i=0;i<str.length;i++)
ch=str.charAt(i);
if(ch=='A'||ch=='a'||ch=='e'||ch=='E'||ch=='i'||ch=='I'||ch=='o'||ch=='O'||ch=='u'||ch=='U')
counter++;
alert("Number of Vowels in Entered String is:"+counter);

}
</script>
</body>
<br><br>
<footer>
</div>
</footer>
</html>
Sop 3 javascript
<!DOCTYPE html>
<html>
<head>
<title>JavaScript SOP 4 Example</title>
</head>
<body>
<form name="f1">
Enter the string to check it is palindrome or not!
<br>
<input type="text" name="t1">
<br>
<br>
<input type="button" name="check_palin" value="Check String" onclick="chk_palindrome()">
</form>
function chk_palindrome()
var str,str_case,i,len;
str=f1.t1.value;
str_case=str.toLowerCase();
len=str_case.length;
var p=1;
for(i=0;i<len/2;i++)
if(str_case.charAt(i)!=str_case.charAt(len-1-i))
p=0;
break;
if(p==1)
alert("Entered string is Palindrome");
else
alert("Entered string is Not a Palindrome")
}
</script>
</body>
<footer>
</div>
</footer>
</html>
Sop 4 javascript :
<!DOCTYPE html>
<html>
<head>
<title>SOP 4 Javascript</title>
<body>
<h2>JavaScript code to convert Celcius to Fahrenhiet </h2>
<br>
<p>Enter the Temperature</p>
<p><input type="text" id="txt_celsius" onkeyup="convert('C')"> Temperature in degree Celsius</p>
<br>
<p><input type="text" id="txt_fah" onkeyup="convert('F')"> Temperature in degree Fahrenheit</p>
<script>
function convert(temperature) {
var t;
if (temperature == "C") //Celsius to fahrenit
t = document.getElementById("txt_celsius").value * 9 / 5 + 32;
document.getElementById("txt_fah").value = Math.round(t);
else //fahrenirt to celsius
t = (document.getElementById("txt_fah").value -32) * 5 / 9;
document.getElementById("txt_celsius").value = Math.round(t);
</script>
//Note:-you can remove math.round function if you need answer in decimal

</body>
<br><br>
<footer>
</div>
</footer>
</html>
SOP 1 PHP :
</html><?php
if(isset($_POST['submit']))
$age=$_POST['txt_age'];
if($age>=18)
echo "<br> you are eligible to vote ";
else
echo "<br> sorry you are not eligible to vote ";
?>
save as index.html
<html>
<body>
<h1>Person eligible to vote or not ? </h1>

<form method="post"action="age.php" >
<input type="text" name="age"><br><br>
<input type="submit" name="submit" value="Check Eligiblity">
</form>
</body> <br>
<br>
<footer>
This website is made by vivek wagadare under the guidance of the <b>jyotsna mam
</b>(IT & Computer Science Teacher ARIHANT COLLEGE,camp)
</div>
</footer>
</html>
Sop 2 php :
Save as vowel_cnt.php
<?php
if(isset($_POST['submit']))
$str strtolower($_POST['txt_string']);
$vowel array('a', 'e', 'i', 'o', 'u');
$len-strlen($str);
$num=0;
for ($i=0;$i<$len;$i++)
if(in_array($str[$i], $vowel))
$num++;
echo "<b>Number of Vowels in entered string is: ".$num;
Save as vowelchk.html
<!DOCTYPE html>
<html>
<head>
<title>SOP 2 Server Side Scripting PHP</title>
</head>
<body>
<form method="post" action="vowel_cnt.php">

<h1>Program to count no of vowels</h1>
Enter The String
<input type="text" name="txt_string">
<br>
<input type="submit" name="submit" value="Count Vowel">
</form>
</body><br><br>
<footer>
This website is made by vivek wagadare under the guidance of the <b>jyotsna mam
</b>(IT & Computer Science Teacher ARIHANT COLLEGE,camp)
</div>
</footer>
</html>
Sop 3 php :
<?php
//Display elements of an array along with their keys
$age = array("Vivek"=>"18", "Akshyat"=>"17", "Gautam"=>"19");
foreach($age as $x => $x_value) {
echo "Key = " . $x . ", Value = " . $x_value;
echo "<br>";
//Display the size of an array
echo "<br>Size of Array is : ".count($age)."<br>";
//Delete an element from an array from the given index
$data = array(1,2,3,4,5);
for ($i=0; $i < count($data); $i++) {
echo " ".$data[$i];

}
unset($data[1]);
echo "<br>Elements After Deleting : <br>";
for ($i=0; $i < count($data); $i++) {
echo " ".$data[$i];
?>

ALL SOP IT

Uploaded by

Copyright:

Available Formats

ALL SOP IT

Uploaded by

Document Information

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

ALL SOP IT

Uploaded by

Copyright:

Available Formats

SOP 2 HTML :

<title>SOP2 Advanced Web Designing Practical</title>

<h1 style="background-color: cyan;color:#f011b4;margin-left: 240px;width: 500px;text-align:

<b>Tourist Places in Pune</b>

<li> Kelkar Museum</li>

Subject Streams according to admission

<meta charset="utf-8" >

<meta name="keywords" content="political Science,Information technology">

<meta name="description" content="Subject Streams according to admission process">

<h1 > feedback form </h1>

<input type="text" name="name" ><br><br>

<label for = "email">Email:</label>

<input type="email" name="email">

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

XYZ College of Commerce Science & Arts

<meta name="keywords" content="Faculty, students">

XYZ College of Commerce Science & Arts

<nav style="font-size: 22px;">

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

<a href="page3.html">Contact Form</a>

<img src="sample.jpg" width="250px" height="250px" alt="XYZ College" align="right">

<link rel="stylesheet" type="text/css" href="style.css">

<input type="text" name="Traveller_name" id="name">

<label for="date">Travelling Date:</label>

<input type="date" name="Travelling_date" id="date">

<input type="tel" id="phone" name="phone" pattern="[0-9]{2}-[0-9]{10}">

<input type="image" name="Submit" id="Submit" src="Submit.png"

Second page html :

<title>Second Page Html</title>

<link rel="stylesheet" type="text/css" href="style.css">

Name of Transporter - Air Asia

<input type="submit" name="submit" value="Back" onclick="history.back();">

<title>Sop4 Demo practical</title>

<h3> Local and National News</h3>

<h2>BE A NEWS REPORTER</h2>

<p>If you see news happening. Send us a Text.</p>

<p>(reporter name, date)</p>

<p> This is the fighter details. This is the story of fighter.

<p> This is the story text. This is the story text.

This is the story text. This is the story text.</p>

Snow storm is making travel difficult </h3>

<p>(reporter name, date)</p>

<h3>Thousands are without power</h3>

<p>(reporter name, date)</p>

<input type="text" name="txt_name">

<textarea name="txt_address" placeholder="Permanent Address"></textarea>

<input type="tel" name="telephone" maxlength="10">

<input type="email" name="txt_email" pattern="[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Z|a-z]{2,}">

<input type="button" name="b1" value="submit" onclick="validate_email()">

alert("Not an Valid email address");

alert("Valid Email Address");

<div class="footer__bottom ai-c jc-sb px-6">

<div class="footer_bottom_copyright co-l">

Copyright© 2022 All Rights Reserved <b>Vivek Wagadare</b> <br>

</div> </footer> </html>

<title>Sop 3 JAVasript Count vowels</title>

<h1>Enter the String whose vowel isto be counted</h1>

<input type="text" name="text1">

<input type="button" name="btn_checkvowel" value="Click to count" onclick="count()">

alert("Number of Vowels in Entered String is:"+counter);