ARAVALI INTERNATIONAL SCHOOL

PRACTICAL FILE

CLASS: XII

SESSION 2022-23

WEB APPLICATIONS(Code 803)

Submitted By: ________________

ROLL NO. ______________________

1
 CERIFICATE

This is to certify that _______________________________ of Roll No. __________

of class __________________ session 2022-23 has prepared the practical file as

per the prescribed practical syllabus of web Applications (Code 803), class XII

AISSCE ( CBSE) under my supervision.

It is the original work done by him/her. His/ her work is really appreciable.

I wish him/her a very bright Success.

____________________ ________________

Signature of Teacher Signature of External

2
 PRACTICAL-1

Split Video clips using Windows Movie maker

Step 1. Add photos and videos to Windows Live Movie Maker

Click "Add videos and photos" to browse and select videos and photos from your computer to add.
You can also drag and drop videos and photos to the storyboard.

Step 2. Split videos in Windows Live Movie Maker

There are two ways to use Windows Live Movie Maker split function: 1. Choose the video point where
you want to split, right-click the video clip, and click "split". 2. Select the video point you will split.
Under "Video Tools", click the "Edit" tab, and then click the "split" button.

After that, your video will be split into separate sections. And you can edit separate videos as you like
and drag and drop to move the location.

Step 3. Save and share your videos

3
Click the icon at the top left, then choose Save movie. There are four output video qualities to choose
from. When you place your mouse cursor on each option, you can see the output video display size,
aspect ratio, etc

4
 PRACTICAL-2

Joining Multiple Video clips using Windows Movie maker.

Step 1. Launch Windows Movie Maker and click the Add videos and photos button in the top left
corner. Then you can select your videos in the pop-up file explorer and then click the Open button to
import them.

Step 2. After importing the videos, you can see them separated on the timeline. You can arrange the
order of them by dragging and putting them into the desired place.

Step 3. You can adjust the videos on the timeline and preview the result using the Play button until the
video is satisfying. Then you can directly save the video. You need to click the Movie Maker icon, click
the Save movie button, and select the Recommended for this project option.

5
 PRACTICAL-3

Perform Trimming Video Clips using windows movie maker.

Step 1. Select the video, or footage you would like to trim.

Step 2. Go to the Video Tools menu (found on the Edit tab within the editing group) and
click Trim tool.

Step 3. In the Preview Pane, you can see the play bar with a handle on each end. Now, you can
move either one or both handles as per your requirement.

Step 4. Finally, click Save trim to save the changed start and end point and close the trim tool. Once
you have saved, you’ll again be returned to main Storyboard Pane. If you don’t like these changes,
you can click the Cancel button in the trim group.

6
 PRACTICAL-4

Adding Title in video using Windows Movie maker

Navigate to the place in your project where you want to add the title.

Note: you can add multiple titles to your movie and add multiple titles to the same video clip. Titles can
be inserted before, after, and in between clips in your project.
Click the Home tab and choose Title found in the Add section.

You can see a black page and an editable caption slide in front of the clip you’ve selected.

Now, change the default text from, “My Movie," to something more meaningful to you. If the text isn’t
selected, click it in the Preview window.

7
 PRACTICAL-5

Publishing movie to your computer using Windows Movie maker

Steps to Publish a Movie to your Computer

1) Click File, click Publish Movie.

2) Click This computer, and then click Next.

3) In the File name box, type a name for your movie.

4) In the Publish to box, choose where ever want to save the movie once it's published, and then click
Next.

5) Choose the settings to be used to publish the movie, and then click Publish.

6) To watch the movie after it has been published, select the Play movie after clicking Finish check
box.

7) Click Finish.

8
 PRACTICAL-6

Embedding Audio in Web Page

1) Open the Web page in an HTML editor. HTML editor must have the ability to edit the source code to
follow these steps.

2) Start with an object element: element, add an embed element:

3) We'll add 4 parameters to the object. The first is "src" that tells the browser where to find the sound
file. In this example, the sound file is eureka.wav and is found in the same directory as the Web page:

4) If you want the sound file to play immediately after it's loaded, make the auto start parameter "true"
otherwise make it "false":

< param name="autostart" value="true" />

5) The parameter autoplay is similar to autostart, just used by other browsers, set it the same as the
autostart parameter:

<param name=”autoplay”value=”true”/>

6) Use the controller parameter to tell the browser if a controller should be displayed to give your
readers more control over the sound

<param name=”controller” value =”true”/>:

7) Inside the element, add an embed element: <embed>

8) Add the following four attributes that are the same as the parameters to the object:

<embed src="eureka.wav" controller="true" autoplay="true" autostart="True" /

9) Add the correct MIME type for your sound file into the type attribute.

<embed src="eureka.wav" controller="true" autoplay="true" autostart="True"

type="audio/wav" />

9
 PRACTICAL-7

Embedding flash files in a web page

To embed an swf file in your website, the file does not need to be made with Designer Pro or Web
Designer.
You can use any Flash file made with any program.

1. Start by creating a placeholder in your web document.

2. Resize the placeholder as needed.

3. Select the placeholder and go to "Utilities" > "Web Properties" > "Placeholder".

4. Enable the option "Replace with Flash".

5. Click the "Browse" button, locate the swf file you want to embed and double-click it to open it.

6. Click "Apply" or "OK" to apply the settings.

7. Preview your website to make sure the placeholder has been correctly replaced by the swf file.

When you export your website, the swf file is automatically saved to the same location as the graphics
in your website.

10
 Web Scripting - Java
Script

11
 PRACTICAL-8

Write a program to Print a Line of Text in a Web Page Using JavaScript

<html>
<body>
<h1>my first web page</h1>
<script>
document.write(“Hello World!”)
</script>
</body>
</html>

12
 PRACTICAL-9

Write a Program in JavaScript to show date and time.

<html>

<body>

<script>

var d=new Date();

document.write(d);

</script>

</body>

</html

13
 PRACTICAL-10
Write a program in JavaScript to show alert box in a web page.

<html>
<head>
<script>
function myFunction()
{
alert("HELLO!");
}
</script>
</head>
<body>
<input type="button"onclick="myFunction()"value="show me the alert box"/>
</body>
</html>

14
 PRACTICAL-11
Write a program in JavaScript to show confirm box in a web page.
<html>
<head>
<p>Click the button to display a confirm box.</p>
<button onclick="myFunction()">try it</button>
<p id="demo"></p>
<script>
function myFunction()
{var x;
var r=confirm("press a button");
if(r==true)
{
x="you pressed OK";
}
else
{
x="you pressed cancel";
}
document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>

15
16
 PRACTICAL-12
Write a program in JavaScript to show prompt box in a web page.
<html>
<body>
<p><strong>Click the button to demonstrate the prompt box.</strong></p>
<button onclick="myFunction()">try it</button>
<p id="demo"></p>
<script>
function myFunction()
{
var x;
var person;
person=prompt("please enter your name"," ");
if(person!=null)
{
x=("hello" +person+ "!how are u today?");
}
document.getElementById("demo").innerHTML=x;
}

17
18
 PRACTICAL-13
Write a program in JavaScript to Demonstrate function in a web page.
function functionName(argument)
{
statements
}
//Program to call a function.
<html>
<head>
<script>
function myFunction()
{
confirm("Welcome!!!");
}
</script>
</head>
<body>
<button onclick="myFunction()">try it</button>
<p><strong>By clicking the above button,a function will be called.The function will
confirm
a message.</strong></p>
</body>
</html>

19
20
 PRACTICAL-14
Write a program in JavaScript to find the length of an array in a web page.
<html>
<body>
<p>Length of the given string =
<script>
var txt="Hello world";
document.write(txt.length);
</script>
</p>
</body>
</html>

21
 PRACTICAL-15
Write a Program in JavaScript to find the position of the first occurrence of a text
in a string using indexOf()
<html>
<body>
<p id="demo"><strong>click the button to locate where in the string a specified value
occurs.</strong></p>
<button onclick="myFunction()">try it</button>
<script>
function myFunction()
{
var str="hello! welcome to my world";
var n=str.indexOf("world");
document.getElementById("demo").innerHTML=n;
}
</script>
</body>
</html>

22
 PRACTICAL-16

Write a Program in JavaScript to search for a text in a string and return the text if
found using match()
<html>
<body>
<script>
var str="Honesty is the best policy";
document.write(str.match("policy")+"<br>");
document.write(str.match("Police")+"<br>");
document.write(str.match("pollicy")+"<br>");
document.write(str.match("policy")+"<br>");
</script>
</body>
</html>

23
 PRACTICAL-17

Program to replace characters in a string using replace()

<html>
<body>
<p>click the button to replace the characters</p>
<p id="demo">hello prachi</p>
<button onclick="myFunction()">try it</button>
<script>
function myFunction()
{
var str=document.getElementById("demo").innerHTML;
var n=str.replace("hello","good morning");
document.getElementById("demo").innerHTML=n;
}
</script>
</body>
</html>

24
When we click the button the output will be……

25
26
 PRACTICAL-18
Write a Program in JavaScript to return the number with highest value of two
specified numbers using max().

<html>
<body>
<p id="demo">Click the button to return the highest no. between 5 and 10.</p>
<button onclick="myFunction()">try it</button>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML=Math.max(5,10);
}
</script>
</body>
</html>

Output:

27
28
 PRACTICAL-19
Write a Program to create an array using JavaScript.

<html>

<body>

<script>

var i;

var fruits=new Array();

fruits[0]="apple";

fruits[1]="banana";

fruits[2]="orange";

for(i=0;i<fruits.length;i++)

99

document.write(fruits[i]+"<br>");

</script>

</body>

</html>

29
30
 PRACTICAL-20
Write a Program to sort the array using JavaScript.

<html>

<body>

<p id="demo">Click the button to sort the array</p>

<button onclick="myFunction()">Click me</button>

<script>

function myFunction()

var fruits=["Banana","Orange","Apple","Mango"];

fruits.sort();

var x=document.getElementById("demo");

x.innerHTML=fruits;

</script>

</body>

</html>

31
32
33
34
35