Adobe GoLive 6.0- P12

Adobe GoLive 6.0- P12: This book, as well as the software described in it, is furnished under license and may be used or copied only in accordance with theterms of such license. The content of this book is furnished for informational use only, is subject to change without notice, andshould not be construed as a commitment by Adobe Systems Incorporated. Adobe Systems Incorporated assumes no responsibilityor liability for any errors or inaccuracies that may appear in this book
Nội dung trích xuất từ tài liệu:
Adobe GoLive 6.0- P12 ADOBE GOLIVE 6.0 341 Classroom in a Book9 Choose Multimedia > Wipe Transition from the Action menu in the Action Inspector.10 Choose Title from the Floating Box menu to select that floating box.11 Choose Wipe In From Left To Right from the Transition menu to specify the kind oftransition that you want. Then enter 30 in the Steps text box to make the transition occurin 30 steps. (More steps make the transition longer and smoother.)12 Choose File > Save to save the page.Now you’ll add an action to the Time Track for the floating box with the poem in it.13 Use the scroll buttons at the bottom of the DHTML Timeline Editor to scroll to frame50 of the animation track.14 In track 2 of the DHTML Timeline Editor, select the keyframe at frame 50.The floating box now displays the poem as well as the title over it. You’ll add an action sothat instead of becoming visible suddenly, the poem will gradually appear line by linefrom top to bottom.15 Ctrl-click (Windows) or Command-click (Mac OS) in the Actions track in theDHTML Timeline Editor, above the keyframe at frame 50.16 From the Action menu in the Action Inspector, choose Multimedia > WipeTransition.342 LESSON 9 Creating Animations 17 Choose Poem from the Floating Box menu to select that floating box. 18 Choose Wipe In From Top To Bottom from the Transition menu to specify the kind of transition you want. Then enter 15 in the Steps text box to make the transition occur slowly. 19 Choose File > Save to save the page. 20 Click the Show in Browser button on the GoLive toolbar to preview the actions that you’ve added to the animated floating boxes. Note how the title now appears more gradually, wiping in from left to right. The poem now wipes in gradually from top to bottom. (Your preferred browser must support DHTML—Netscape Communicator 4.0 or Microsoft Internet Explorer 4.0, for example.) 21 When you are finished, close your browser. Creating a new scene The animation that you’ve been working with is called a scene. In GoLive, one Web page can contain multiple scenes. All scenes share the same document window and the same floating boxes. However you can position the floating boxes differently in each scene, and give them different behaviors. You can also use actions to start and stop scenes, or to play different scenes in sequence. For the last part of the lesson, you’ll add a second animation scene to the prince.html page. This will be a short animation that makes the Title floating box disappear. Then you’ll create an action that plays the scene. You’ll set the action to be triggered by the Frog rollover image. 1 Click the DHTML Timeline Editor for the prince.html page to make it active. 2 In the DHTML Timeline Editor, click the Options ( ) pop-up menu. At the bottom of the menu, the name of the current scene appears: Scene 1. Choose New Scene from the menu. ADOBE GOLIVE 6.0 343 Classroom in a Book3 Enter a name for the new scene, and click OK. (We used Scene 2.)The DHTML Timeline Editor displays a new timeline for Scene 2. Note that the timelinecontains initial keyframes for the two floating boxes that appear in Scene 1.In the first frame of Scene 2, the Title floating box should be positioned above the Poemfloating box, where it was in the last frame of Scene 1. You’ll get this position by taking thecoordinates from the Scene 1 frame and copy them to the first frame in Scene 2.4 Choose Scene 1 from the Options pop-up menu.5 In the time track for the Title box, click on the third keyframe ( ). From the FloatingBox Inspector, copy the Left and Top position settings (275 and 205, respectively).6 In the DHTML Timeline Editor, use the Options menu to switch back to Scene 2.7 Select the keyframe for the Title box in the first time track (it is grayed out). In theFloating Box Inspector, select the Visible option. Then enter the Left and Top settings thatyou copied from the other keyframe (our settings were 275 for Left and 205 for Top).Now the Title box is in the correct position and visible in the first frame. You need to addanother frame to make it invisible, and then add a Wipe Transition.8 Ctrl-click (Windows) or Command-click (Mac OS) in the time track to add anotherkeyfr ...