Adding Behaviors and Rich Media - New Perspectives on Adobe Dreamweaver CS5, Comprehensive - page 413

◗

2. Insert a div tag at the insertion point, and then create a new CSS rule from within
the Insert Div Tag dialog box to create a style for the div.
Trouble? If the closing div tag is located below the closing content div drag it
above the closing content div to avoid display problems.

◗

3. Create an ID style named #game and defined in the nbf_styles.css style sheet.
◗

4. In the Box category, set the float to right , set the margins to 5 , and then click the
OK button in each dialog box. The game div is inserted into the page.

◗

5. Click in the game div, delete the placeholder text, then click the Div ID arrow and
select game, if necessary.

◗

6. In the Common category of the Insert panel, click the Media button arrow , and
then click the Shockwave button. The Select File dialog box opens.

You can also click Insert
on the Application bar,
point to Media, and then
click Shockwave to insert a
Shockwave movie.

◗

7. Double-click the game_promo.dcr file located in the Tutorial.07\Tutorial folder
included with your Data Files, click the Yes button in the message dialog box, and
then save a copy of the file in the media folder in the local root folder. The Object
Tag Accessibility Attributes dialog box opens.

◗

8. In the Title box, type Promo animation for a shockwave game that is coming
soon. (including the period), and then click the OK button. The game_promo.dcr
Shockwave movie is inserted into the game div, as you can see from the small gray
rectangle with the Shockwave logo. See Figure 7-22.

Figure 7-22 Shockwave movie added to the lineup.html page

game_promo.dcr
Shockwave movie
in the game div

Trouble? If the size of your game div differs from the one shown in Figure 7-22,
continue with the tutorial. You will adjust the size of the game div in the next set
of steps.

◗

9. Save the page, and then save the style sheet.

Adjusting Attributes of a Shockwave Movie
Shockwave movies have some of the same attributes as Flash movies: ID, W, H, File, Bg,
Class, V Space, H Space, Play, Align, and Parameters. For descriptions of these attributes,
refer to the “Adjusting Attributes of a Flash Movie” section. You can adjust the attributes
in the Property inspector when the Shockwave movie is selected.