Top Banner
Unit 8 – Multimedia Objects Presentation 1 Web Programming
19

M02 un08 p01

Jan 20, 2015

Download

Technology

Intan Jameel

 
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: M02 un08 p01

Unit 8 – Multimedia Objects

Presentation 1

Web Programming

Page 2: M02 un08 p01

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?

Page 3: M02 un08 p01

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

Page 4: M02 un08 p01

Music

• Add background music to the Web page.

Page 5: M02 un08 p01

Hands-On!

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

music in your Webpage.

Page 6: M02 un08 p01

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.

Page 7: M02 un08 p01

Attributes of <EMBED> tag

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

Page 8: M02 un08 p01

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.

Page 9: M02 un08 p01

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.

Page 10: M02 un08 p01

Movies

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

Page 11: M02 un08 p01

Hands-On!

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

movie in your Webpage.

Page 12: M02 un08 p01

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.

Page 13: M02 un08 p01

Hands-On!

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

animation in your Webpage.

Page 14: M02 un08 p01

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.

Page 15: M02 un08 p01

Lab Exercise

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

Page 16: M02 un08 p01

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.

Page 17: M02 un08 p01

Activity 2.8.1 Contd.

Page 18: M02 un08 p01

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.

Page 19: M02 un08 p01

Assignment

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