1. Adding Multimedia to Expression Web Module 5: Beyond the Basics with Expression Web LESSON Ext2

2. Module 5: Beyond the Basics with Expression Web LESSON Ext2 Lesson Overview In this lesson, you will:  Add audio to an Expression Web project.  Add multimedia to an Expression Web project.

3. Module 5: Beyond the Basics with Expression Web LESSON Ext2 Guiding Questions:  Give examples of when using an audio file can add to a Web site and when an audio file can detract from a Web site.  Give examples when another type of media file might be useful in designing a Web site.

4. Module 5: Beyond the Basics with Expression Web LESSON Ext2 Adding Audio to Your Expression Web Site  Can be used to attract a viewer’s attention  If used incorrectly it can detract from the Web site  An effective use is to integrate with the company’s logo  Check out some commercial jingles at http://www.soundboard.com/sb/Commercial_Jingles.aspx http://www.soundboard.com/sb/Commercial_Jingles.aspx

5. Module 5: Beyond the Basics with Expression Web LESSON Ext2 Adding Audio to Your Expression Web Site  Several types of multimedia files can be incorporated, including the following: Wave files (*.wav). Midi sequencer files (*.mid). RealAudio files (*.ram, *.ra). AIFF sound files (*.aif, *.aifc, *.aiff). AU sound files (*.au, *.snd). Moving Picture Experts Group (*.mpeg), MPEG Audio- Layer 3 files (*.mp3). Microsoft Active Streaming files (*.asf).

6. Module 5: Beyond the Basics with Expression Web LESSON Ext2 Adding Audio to Your Expression Web Site 1. First, make sure the audio file is in a location that can easily be accessed. 2. Right-click anywhere on an Expression Web page and choose Page Properties.

7. Module 5: Beyond the Basics with Expression Web LESSON Ext2 Adding Audio to Your Expression Web Site 3. In the Properties dialog box, click Browse and find the audio file.

8. Module 5: Beyond the Basics with Expression Web LESSON Ext2 Adding Audio to Your Expression Web Site 4. When the file has been found, click on it and click OK.

9. Module 5: Beyond the Basics with Expression Web LESSON Ext2 Adding Audio to Your Expression Web Site 5. In the Loop section of the Properties dialog box, a checkmark in the Forever section means that the audio file will play continuously. 6. Clearing the checkmark will activate the Loop box. 7. A 0 in this box means the audio file will play one time. Click OK.

10. Module 5: Beyond the Basics with Expression Web LESSON Ext2 Adding Audio to Your Expression Web Site 8. Click the Preview in Browser button. 9. Click OK in the Save Embedded Files dialog box. 10. If no errors exist, your audio file will be playing.

11. Module 5: Beyond the Basics with Expression Web LESSON Ext2 Adding Multimedia to Your Expression Web Site  Multimedia files are popular in Web sites  Provide visual as well as audio enhancement  Before inserting a media file, make sure that the file is in a location that can be easily be found

12. Module 5: Beyond the Basics with Expression Web LESSON Ext2 Adding Multimedia to Your Expression Web Site  You can add many types of media files to your Web page, including the following:  Flash SWF files (*.swf)  Windows Media Files (*.asf, *.wm, *.wma, *.wmv, *.wmd)  To insert a media file into an Expression Web project, use the Toolbox task pane or the Insert menu.

13. Module 5: Beyond the Basics with Expression Web LESSON Ext2 Adding Multimedia to Your Expression Web Site 1. To insert a media file from the Toolbox task pane, expand the HTML and Media categories by click on the “+” sign to change it to a “-” sign. 2. Double click on media type (Flash Movie or Windows Media Player).

14. Module 5: Beyond the Basics with Expression Web LESSON Ext2 Adding Multimedia to Your Expression Web Site 3. In the Select Media File dialog box, find the multimedia file to be inserted. Click on the file and then click Insert to insert the file into the Web page.

15. Module 5: Beyond the Basics with Expression Web LESSON Ext2 Adding Multimedia to Your Expression Web Site 4. Once the media file is added to the Web page, its display can be moved to the desired location by clicking on the player, moving the cursor to the edge to reveal the crosshairs. With the crosshair showing, click and move the player to the desired location.

16. Module 5: Beyond the Basics with Expression Web LESSON Ext2 Adding Multimedia to Your Expression Web Site  The media file will automatically play.  This effect can be changed through the media properties.  5. Right-click on the player and choose ActiveX Control Properties.

17. Module 5: Beyond the Basics with Expression Web LESSON Ext2 Adding Multimedia to Your Expression Web Site 6. In the ActiveX Control Properties dialog box, click on the Auto Start check box to deselect. 7. Click OK. 8. Preview your Web page again. You should have to click on the Play button to start the media file.