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

Adding Multimedia to Expression Web

  • Upload
    gay

  • View
    64

  • Download
    0

Embed Size (px)

DESCRIPTION

Adding Multimedia to Expression Web. LESSON Ext2. Module 5: Beyond the Basics with Expression Web. Lesson Overview In this lesson, you will: Add audio to an Expression Web project. Add multimedia to an Expression Web project. Guiding Questions: - PowerPoint PPT Presentation

Citation preview

Page 1: Adding Multimedia to Expression Web

Adding Multimedia to Adding Multimedia to Expression WebExpression Web

Module 5: Beyond the Basics with Expression Web

LESSON Ext2LESSON Ext2LESSON Ext2LESSON Ext2

Page 2: Adding Multimedia to Expression Web

Module 5: Beyond the Basics with Expression Web

LESSON Ext2LESSON Ext2LESSON Ext2LESSON Ext2

Lesson OverviewIn this lesson, you will: Add audio to an Expression Web project. Add multimedia to an Expression Web project.

Page 3: Adding Multimedia to Expression Web

Module 5: Beyond the Basics with Expression Web

LESSON Ext2LESSON Ext2LESSON Ext2LESSON 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.

Page 4: Adding Multimedia to Expression Web

Module 5: Beyond the Basics with Expression Web

LESSON Ext2LESSON Ext2LESSON Ext2LESSON 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

Page 5: Adding Multimedia to Expression Web

Module 5: Beyond the Basics with Expression Web

LESSON Ext2LESSON Ext2LESSON Ext2LESSON 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).

Page 6: Adding Multimedia to Expression Web

Module 5: Beyond the Basics with Expression Web

LESSON Ext2LESSON Ext2LESSON Ext2LESSON Ext2

Adding Audio to Your Expression Web Site1. 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.

Page 7: Adding Multimedia to Expression Web

Module 5: Beyond the Basics with Expression Web

LESSON Ext2LESSON Ext2LESSON Ext2LESSON Ext2

Adding Audio to Your Expression Web Site3. In the Properties dialog box, click Browse and find the audio file.

Page 8: Adding Multimedia to Expression Web

Module 5: Beyond the Basics with Expression Web

LESSON Ext2LESSON Ext2LESSON Ext2LESSON Ext2

Adding Audio to Your Expression Web Site4. When the file has been found, click on it and click OK.

Page 9: Adding Multimedia to Expression Web

Module 5: Beyond the Basics with Expression Web

LESSON Ext2LESSON Ext2LESSON Ext2LESSON Ext2

Adding Audio to Your Expression Web Site5. 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.

Page 10: Adding Multimedia to Expression Web

Module 5: Beyond the Basics with Expression Web

LESSON Ext2LESSON Ext2LESSON Ext2LESSON Ext2

Adding Audio to Your Expression Web Site8. 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.

Page 11: Adding Multimedia to Expression Web

Module 5: Beyond the Basics with Expression Web

LESSON Ext2LESSON Ext2LESSON Ext2LESSON 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

Page 12: Adding Multimedia to Expression Web

Module 5: Beyond the Basics with Expression Web

LESSON Ext2LESSON Ext2LESSON Ext2LESSON 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.

Page 13: Adding Multimedia to Expression Web

Module 5: Beyond the Basics with Expression Web

LESSON Ext2LESSON Ext2LESSON Ext2LESSON Ext2

Adding Multimedia to Your Expression Web Site1. 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).

Page 14: Adding Multimedia to Expression Web

Module 5: Beyond the Basics with Expression Web

LESSON Ext2LESSON Ext2LESSON Ext2LESSON Ext2

Adding Multimedia to Your Expression Web Site3. 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.

Page 15: Adding Multimedia to Expression Web

Module 5: Beyond the Basics with Expression Web

LESSON Ext2LESSON Ext2LESSON Ext2LESSON Ext2

Adding Multimedia to Your Expression Web Site4. 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.

Page 16: Adding Multimedia to Expression Web

Module 5: Beyond the Basics with Expression Web

LESSON Ext2LESSON Ext2LESSON Ext2LESSON 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.

Page 17: Adding Multimedia to Expression Web

Module 5: Beyond the Basics with Expression Web

LESSON Ext2LESSON Ext2LESSON Ext2LESSON Ext2

Adding Multimedia to Your Expression Web Site6. 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.