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

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

9.1 Multimedia and Web Design Guide to 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 codec multimedia authoring tool pp

9.1 Multimedia and Web Design Multimedia Design Guidelines Multimedia audiovideo animation Multimedia consists of different media forms, including audio, video, animation, and text. Each type of multimedia has it own guidelines for use. multimedia The integration of elements such as graphics, text, audio, video, animation, and interactivity by means of computer technology. (p. 244) audio Live, streamed, or recorded sound; often used on Web pages to attract visitors’ interest and to impart information. (p. 244) video Live or recorded moving images. (p. 244) animation The movement of text and graphics; a common feature on the Web. (p. 244) pp

9.1 Multimedia and Web Design Multimedia Design Guidelines Always consider file size and download time when using multimedia files. codec Using streaming media with a codec can reduce the user’s wait time. 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. 245) pp

9.1 Multimedia and Web Design The Web can be a rich source of free multimedia files. But, like image files, you must make sure that you use the multimedia files ethically by following all of the rules set by the site you are visiting. Downloading Multimedia Files from the Web

9.1 Multimedia and Web Design Tools for Creating Multimedia Web Sites multimedia authoring tools Designers who create multimedia Web sites use a variety of multimedia authoring tools. These tools can allow you to edit audio and/or video files, as well as create animations. multimedia authoring tools Special software applications used by Web site designers and developers to create multimedia Web sites. (p. 247) pp

9.1 Multimedia and Web Design When you plan a multimedia Web site, ask yourself the following questions: Do the multimedia files support each page’s goals? Are the pages cluttered? Do any media components distract visitors? Does the site give you the option to skip clips? Do components such as sound and video work correctly? Do the media components add to the enjoyment of the site? Evaluating Multimedia Web Sites

9.2 Adding Audio and Video to a Site Guide to 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 digital video recorder analog video recorder video capture card pp

9.2 Adding Audio and Video to a Site Audio and video files come in a variety of formats, including: AudioVideo Wave (.wav)AVI (.avi) Midi (.midi)MPEG (.mpg) RealAudio (.ram,.rm)QuickTime (.mov,.qt) AIFF (.aif,.aifc,.aiff)RAM RealVideo (.ram) AU, SAND (.au,.sand)Windows Media Video (.wmv,.asf) MPEG (.mp3) Audio and Video Files

9.2 Adding Audio and Video to a Site Audio and Video Files plug-in Many audio and video files require a plug-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. 251) pp

9.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 to a Site

9.2 Adding Audio and Video to a Site Creating Video Files digital analog video recorder video capture card To create your own video you need either a digital or analog video recorder. If you use an analog video recorder, you must translate the video into a digital format using a video capture card. digital video recorder A device that creates digital video that a computer can use directly. (p. 253) 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. 253) video capture card A circuit board that can convert analog video to digital video. (p. 253) pp

9.2 Adding Audio and Video to a Site It can be challenging to include video clips on a Web site. Many designers provide a link to the video clip to make them easier for the user to access, rather than starting when the page opens. Adding Video Files to a Site

pp Adding Audio and Video to a Site Activity 9A – Inserting Background Sounds (p. 252) Activity 9B – Inserting a Video Clip (p. 254)

9.3 Adding Animation to a Site Guide to 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 Macromedia Flash Dynamic HTML (DHTML) pp

9.3 Adding Animation to a Site Animation Files You can animate both graphics and text on your Web site. The simplest is to animate GIF files. Macromedia Flash Another popular animation tool is Macromedia Flash. Flash files are more sophisticated than animated GIFs and often have a faster download time. Macromedia Flash A popular animation formation, usually carrying a.swf extension. (p. 258) pp

9.3 Adding Animation to a Site When creating a GIF animation, the file must contain all of the GIF images used as well as the instructions to the browser. Several applications such as Adobe ImageReady and Microsoft PhotoDraw help you create animated GIFs. Creating and Using Animation Files

9.3 Adding Animation to a Site Incorporating Animation Files into a Site DHTML FrontPage allows you to insert and resize files as you would image files. It also lets you use DHTML to create text animations or page transitions. Dynamic HTML (DHTML) Available in FrontPage as a tool to create animations such as scrolling text (marquees) and page transitions. (p. 259) pp

9.3 Adding Animation to a Site Activity 9C – Inserting an Animation (p. 259)

Chapter 9 For more resources on this chapter, go to the Introduction to Web Design Web site at webdesign.glencoe.com.webdesign.glencoe.com Resources