M02 un08 p01

Unit 8 – Multimedia Objects

Presentation 1

Web Programming

Revision

1. How will you insert images in your Web page?

2. Which attributes are used to change the size of the image in a Web page?

3. How will you convert an image to a hyperlink?

4. Define an Image Map?

5. Write the code to display Image as a background of a Web page?

Objectives

At the end of this presentation, you will be able to• Add background music to your Web pages• Add movies to your Web pages• Add Animation to your Web pages

Music

• Add background music to the Web page.

Hands-On!

• Open the HTML file Music.HTML in IE.• This HTML document illustrates how to add

music in your Webpage.

Adding Music

• <EMBED> tag is used to add sound files to your Web pages.

• Name of the sound file is assigned to the Src attribute.

Attributes of <EMBED> tag

• The attributes that can be used along with <EMBED> tag are explained in Table.

Lab Exercise

1. Open D8_1.html in Internet Explorer. a. Identify the tag which is used to add the

sound in source code D8_1.html.b. Locate the attribute which is used to

assign the sound file.c. Name the value of the loop attribute

which is used to play the music only once.

d. Identify the value of the autostart attribute which is used to play the music automatically.

Lab Exercise

2. Open D8_1.html in Internet Explorer. a. View the code in Notepad.b. Set the Loop attribute value to True and

observe the difference.c. Set the Autostart attribute value to False and

observe the difference.

Movies

• Adding movies to your Web page is as simple as adding music to your Web page.

Hands-On!

• Open the HTML file Movie.HTML in IE.• This HTML document illustrates how to add

movie in your Webpage.

Animation

• Animation attracts the users of all age. • Animations created in SWF format using

Flash, a Multimedia Software, can be embedded in a HTML document.

Hands-On!

• Open the HTML file Animation.HTML in IE.• This HTML document illustrates how to add

animation in your Webpage.

Lab Exercise

3. Write a HTML code to display the output as given in the following Figure using <EMBED> tag. The text shown in the Web page should display in center of the animation.

Lab Exercise

4. Write a HTML code to display the output as given in the following Figure using <EMBED> tag.

Activity 2.8.1

• Create a Web page that explains how to add multimedia objects in a Web page as shown in Figure.

• Save the HTML file as Activity1.html in C:\HTML\Unit 8\Activity folder.

Activity 2.8.1 Contd.

Summary

In this presentation, you learnt the following:• The multimedia objects can be added to the

Web pages using the <EMBED> tag along with Src attribute.

• Autostart attribute of <EMBED> tag specifies whether the sound should be played automatically or not.

• Animations created in SWF format using Flash, a Multimedia Software, can be embedded in a HTML document.

Assignment

1. Name any 3 attributes of <EMBED> tag and state their function.