9 Adding Multimedia to a Web Site

Section 9.1• Identify multimedia design guidelines• Identify sources of multimedia files• Explain the ethical use of multimedia files• Describe multimedia authoring tools• Evaluate multimedia Web sites

Section 9.2• Identify audio file formats• Identify video file formats• Insert audio files into a Web page• Insert video files into a Web page• Describe the equipment needed to create audio and

video

YOU WILL LEARN TO…

9 Adding Multimedia to a Web Site

Section 9.3• Identify animation file formats• Insert animation into a Web page

YOU WILL LEARN TO…

Section

9.1 Multimedia and Web DesignFocus Reading

Main Ideas

Multimedia elements should never distract visitors from your page’s main purpose. Always use multimedia files ethically and legally.

Key Terms

multimedia

audio

video

animation

streaming media

codec

multimedia authoring tool

pp. 252-256

Section

9.1 Multimedia and Web DesignMultimedia Design Guidelines

MultimediaMultimedia is the combined use of these different media forms:• text• graphics

• audioaudio• videovideo• animationanimation

multimedia The integration of elements such as graphics, text, audio, video, animation, and interactivity by means of computer technology. (p. 252)

audio Live, streamed, or recorded sound; often used on Web pages to attract visitors’ interest and to impart information. (p. 252)

video Live or recorded moving images. (p. 253)

animation The movement of text and graphics; a common feature on the Web. (p. 253)

pp. 252-256

Section

9.1 Multimedia and Web DesignMultimedia Design Guidelines

Always consider file size and download time when using multimedia files.

Using streaming media with a codeccodec can reduce the user’s wait time.

streaming media A downloading process that shortens the user’s wait time by breaking the transmission into small pieces. (p. 253)

codec Compression and decompression scheme used with streaming media; the Web server breaks the transmission into pieces, allowing the media to display more quickly on the user’s screen. (p. 253)

pp. 252-256

Section

pp. 252-2569.1 Multimedia and Web Design

It is easy to locate and download online multimedia files.

When downloading multimedia files, be careful to make sure that you have permission to use them and you know how to use them legally.

Downloading Multimedia Files

Section

9.1 Multimedia and Web DesignTools for Creating Multimedia Web Sites

Designers create multimedia Web sites using software packages called multimedia multimedia authoring toolsauthoring tools.

multimedia authoring tools Special software applications used by Web site designers and developers to create multimedia Web sites. (p. 255)

pp. 252-256

Section

pp. 252-2569.1 Multimedia and Web Design

When you plan a multimedia Web site, ask yourself these questions:

• Do the audio, video, and/or animations support each page’s goals?• Are the pages cluttered?• Do any media components distract visitors (for example, do they flash on and off)?• Does the site give you the option to skip lengthy audio or video

clips?• Do components such as sound and video work properly?• Do audio or video files take too long to download?• Do the media components add to your enjoyment of the site?

Evaluating Multimedia Web Sites

Section

9.1 Multimedia and Web Designpp. 252-256

Identify Which of the following is not considered a multimedia element?

A. hyperlink

B. video

C. audio

D. animation

A. hyperlink

Section Assessment

Section

9.2 Adding Audio and Video to a SiteFocus on Reading

Main Ideas

You can insert both audio and video into your Web pages. Audio and video files come in a variety of formats.

Key Terms

plug-in

analog video recorder

video capture card

digital video recorder

pp. 258-264

Section

pp. 258-2649.2 Adding Audio and Video to a Site

Audio and video files come in a variety of formats, including:

Audio VideoWave (.wav) AVI (.avi)

Midi (.mid) MPEG (.mpg)

RealAudio (.ram, .ra) QuickTime (.mov, .qt)

AIFF (.aif, .aifc, .aiff) RAM RealVideo (.ram, .ra)

AU, SND (.au, .snd) WMV (.wmv, .asf)

MPEG (.mp3) Shockwave Flash Object (.swf)

Shockwave Flash Object (.swf)

Audio and Video Files

Section

9.2 Adding Audio and Video to a SiteAudio and Video Files

Many audio and video files require a plug-inplug-in to play.

You can download most plug-ins for free from the company’s Web site.

plug-in An application that works with a Web browser to play a particular file format, such as an audio or video file. (p. 259)

pp. 258-264

Section

pp. 258-2649.2 Adding Audio and Video to a Site

To create sound files, you will need a microphone and an audio application to record audio and save it in a file.

You can incorporate sound into your Web pages in two basic ways:

1. You can create a button and link a sound file to the button.

2. You can set the sound file to play automatically when the page loads.

Creating and Adding Audio Files

Section

9.2 Adding Audio and Video to a SiteCreating and Adding Video Files

If you create a video using an analog video analog video recorderrecorder, you must convert the analog video into digital video using a video capture cardvideo capture card.

A digital video recorderdigital video recorder can capture sound and video that can be directly transferred to a computer.

analog video recorder A device that creates analog video. This video must be translated into a digital format before a computer can use it. (p. 261)

video capture card A circuit board that can convert analog video to digital video. (p. 261)

digital video recorder A device that creates digital video that a computer can use directly. (p. 261)

pp. 258-264

Section

pp. 258-2649.2 Adding Audio and Video to a Site

Because video clips have significant download times, avoid inserting video clips directly onto Web pages.

Instead, provide links to video clips to allow users to decide if they want to play them.

Creating and Adding Video Files

Section

pp. 258-2649.2 Adding Audio and Video to a Site

• Activity 9A – Insert Background Sounds (p. 260)• Activity 9B – Insert a Video Clip (p. 262)

Section

9.2 Adding Audio and Video to a Sitepp. 258-264

Examine What do many audio and video files require in order to play when viewed in a Web browser?

A. a multimedia card

B. a video capture card

C. a plug-in

D. an analog video chip

C. a plug-in

Section Assessment

Section

9.3 Adding Animation to a SiteFocus on Reading

Main Ideas

Animation provides the appearance of motion. One way of creating animations is to use a series of GIF images, which you can incorporate into a Web page in the same way as a graphic.

Key Terms

GIF animation

Macromedia Flash

pp. 265-268

Section

9.3 Adding Animation to a SiteAnimation Files

The simplest way to animate both graphics and text on your Web site is to use GIF animationGIF animation files.

Macromedia FlashMacromedia Flash®® is an application that can be used to create more sophisticated animations that often have a faster download time.

GIF animation A simple type of animation file in which individual GIF images are displayed one after the other. (p. 265)

Macromedia Flash A sophisticated animation formation, usually carrying a .swf extension. (p. 265)

pp. 265-268

Section

pp. 265-2689.3 Adding Animation to a Site

A GIF animation contains all of the GIF images required to play the animation and instructions that tell the browser:

• The order in which the images should load• The position where each image should appear• How long each image should appear on the screen

Animation Files

Section

pp. 265-2689.3 Adding Animation to a Site

Using Dreamweaver, you can create and insert animated Flash buttons that react to the mouse pointer, changing as the mouse pointer moves or clicks over it.

Animated Flash buttons have many advantages. • They liven-up Web sites.• They add a feeling of interactivity.• They make Web sites more user-friendly because users

can see when buttons are used or clicked.

Adding Flash Buttons

Section

pp. 265-2689.3 Adding Animation to a Site

• Activity 9C – Insert an Animation (p. 266)• Activity 9D – Create and Insert a Flash Button (p.267)

Section

9.3 Adding Animation to a Sitepp. 265-268

True/False The simplest way to animate a Web site’s graphics and text is to use Macromedia Flash.

False. The simplest way to animate a Web site’s graphics is to use GIF animation files.

Section Assessment

9 Adding Multimedia to a Web Site

Chapter Review

Evaluate Which of the following file extensions indicates that a file contains audio content?

A. WMV (.wmv, .asf)

B. QuickTime (.mov)

C. AVI (.avi)

D. Midi (.mid)

D. Midi (.mid)

9 Adding Multimedia to a Web Site

Chapter Review

Describe What are the two ways you can incorporate sound into a Web page?

You can create a button and link a sound file to the button or you can set a sound file to play automatically when the page loads.

9 Adding Multimedia to a Web Site

Resources

For more resources on this chapter, go to the Introduction to Web Design Using Dreamweaver Web site at WebDesignDW.glencoe.com.