Unit 8 – Multimedia Objects Presentation 1 Web Programming
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.