Presentation on theme: "Section 9.1 Section 9.2 YOU WILL LEARN TO…"— Presentation transcript:
1 Section 9.1 Section 9.2 YOU WILL LEARN TO… Identify multimedia design guidelinesIdentify sources of multimedia filesExplain the ethical use of multimedia filesDescribe multimedia authoring toolsEvaluate multimedia Web sitesSection 9.2Identify audio file formatsIdentify video file formatsInsert audio files into a Web pageInsert video files into a Web pageDescribe the equipment needed to create audio and video
2 Section 9.3 YOU WILL LEARN TO… Identify animation file formats Insert animation into a Web page
3 Multimedia and Web Design ppMultimedia and Web Design9.1Focus ReadingMain IdeasMultimedia elements should never distract visitors from your page’s main purpose. Always use multimedia files ethically and legally.Key Termsmultimediaaudiovideoanimationstreaming mediacodecmultimedia authoring tool
4 Multimedia and Web Design ppMultimedia and Web Design9.1Multimedia Design GuidelinesMultimedia is the combined use of these different media forms:textgraphicsaudiovideoanimationmultimedia 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)
5 Multimedia and Web Design ppMultimedia and Web Design9.1Multimedia Design GuidelinesAlways consider file size and download time when using multimedia files.Using streaming media with a codec 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)
6 Multimedia and Web Design ppMultimedia and Web Design9.1Downloading Multimedia FilesIt 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.
7 Multimedia and Web Design ppMultimedia and Web Design9.1Tools for Creating Multimedia Web SitesDesigners create multimedia Web sites using software packages called multimedia authoring tools.multimedia authoring tools Special software applications used by Web site designers and developers to create multimedia Web sites. (p. 255)
8 Multimedia and Web Design ppMultimedia and Web Design9.1Evaluating Multimedia Web SitesWhen 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?
9 Multimedia and Web Design ppMultimedia and Web Design9.1Section AssessmentIdentify Which of the following is not considered a multimedia element?A. hyperlinkB. videoC. audioD. animationA. hyperlink
10 Adding Audio and Video to a Site ppAdding Audio and Video to a Site9.2Focus on ReadingMain IdeasYou can insert both audio and video into your Web pages. Audio and video files come in a variety of formats.Key Termsplug-inanalog video recordervideo capture carddigital video recorder
11 Adding Audio and Video to a Site ppAdding Audio and Video to a Site9.2Audio and Video FilesAudio 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)
12 Adding Audio and Video to a Site ppAdding Audio and Video to a Site9.2Audio and Video FilesMany 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. 259)
13 Adding Audio and Video to a Site ppAdding Audio and Video to a Site9.2Creating and Adding Audio FilesTo 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:You can create a button and link a sound file to the button.You can set the sound file to play automatically when the page loads.
14 Adding Audio and Video to a Site ppAdding Audio and Video to a Site9.2Creating and Adding Video FilesIf you create a video using an analog video recorder, you must convert the analog video into digital video using a video capture card.A digital 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)
15 Adding Audio and Video to a Site ppAdding Audio and Video to a Site9.2Creating and Adding Video FilesBecause 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.
16 Adding Audio and Video to a Site ppAdding Audio and Video to a Site9.2Activity 9A – Insert Background Sounds (p. 260)Activity 9B – Insert a Video Clip (p. 262)
17 Adding Audio and Video to a Site ppAdding Audio and Video to a Site9.2Section AssessmentExamine What do many audio and video files require in order to play when viewed in a Web browser?A. a multimedia cardB. a video capture cardC. a plug-inD. an analog video chipC. a plug-in
18 Adding Animation to a Site ppAdding Animation to a Site9.3Focus on ReadingMain IdeasAnimation 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 TermsGIF animationMacromedia Flash
19 Adding Animation to a Site ppAdding Animation to a Site9.3Animation FilesThe simplest way to animate both graphics and text on your Web site is to use GIF animation files.Macromedia 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)
20 Adding Animation to a Site ppAdding Animation to a Site9.3Animation FilesA 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 loadThe position where each image should appearHow long each image should appear on the screen
21 Adding Animation to a Site ppAdding Animation to a Site9.3Adding Flash ButtonsUsing 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.
22 Adding Animation to a Site ppAdding Animation to a Site9.3Activity 9C – Insert an Animation (p. 266)Activity 9D – Create and Insert a Flash Button (p.267)
23 Adding Animation to a Site ppAdding Animation to a Site9.3Section AssessmentTrue/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.
24 Chapter ReviewEvaluate 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)
25 Chapter ReviewDescribe 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.
26 ResourcesFor more resources on this chapter, go to the Introduction to Web Design Using Dreamweaver Web site at WebDesignDW.glencoe.com.