Download (direct link):
Adding a simple animation can be that easy.
ADOBE GOLIVE 6.0 349
Classroom in a Book
1 How can you create animations?
2 What determines the stacking order of floating boxes?
3 What does the Floating Boxes palette do?
4 How do you smooth out an animation path?
5 How do you create a Wipe Transition for an animated floating box?
6 What are scenes?
7 How do you control when a scene will play?
1 You can create animations quickly by using the Record button in the Floating Box Inspector and dragging a floating box to record the motions. (See “Animating floating boxes” in the Adobe GoLive 6.0 User Guide.) For more control, you can use the DHTML Timeline Editor, as described in this lesson.
2 Initially a floating box’s stacking order is determined by its marker’s location on the page, with the top leftmost or topmost marker indicating a floating box lowest in the stacking order, and so on down and across the page. You can control the stacking order by changing the z-index value in the Floating Box Inspector.
3 The Floating Boxes palette lets you lock floating boxes in place. In animations, the floating boxes are locked only for the selected key frame.
4 To smooth out an animation path, first select all the keyframes that make up the animation. Either Shift-click each keyframe, or drag from the side or bottom to select all the keyframes (make sure the time indicator is aligned with a keyframe). Then choose Curve from the Animation pop-up menu in the Floating Box Inspector.
5 To create a Wipe Transition, Ctrl-click (Windows) or Command-click (Mac OS) in the Action track in the DHTML Timeline Editor directly over a keyframe. Then choose Multimedia > Wipe Transition from the Action menu in the Action Inspector. Choose the floating box to which you want to apply the transition and the number of steps (more steps for a faster transition, fewer steps for a slower one).
350 LESSON 9
6 Scenes are used to store multiple animations for the same Web page. All scenes share the same floating boxes, but you can create different behaviors for the boxes in different scenes. Each Web page contains one scene by default. To create a new scene, choose New Scene from the Options pop-up menu in the DHTML Timeline Editor.
7 Turn Autoplay On to play a scene automatically when the Web page loads. You can also start a scene with user input, such as clicking on a rollover button. Select the rollover button, and then click the New Action button in the Actions palette. From the Action pop-up menu, select Multimedia > Play Scene, and then choose the scene from the Scene pop-up menu.
Q1 02 03 Q4 Q1 Q2 Q3 Q4
354 LESSON 10
About this lesson
In this lesson, you’ll learn how to do the following:
• Create head actions that run automatically when a page is loaded in a Web browser.
• Create a browser switch action.
• Create an action that automatically resizes the browser window.
• Apply actions to floating boxes, images, and links.
This lesson takes approximately 45 minutes to complete.
If needed, copy the Lessons/Lesson10/ folder onto your hard drive. As you work on this lesson, you’ll overwrite the start files. If you need to restore the start files, copy them from the Adobe GoLive 6.0 Classroom in a Book CD.
Note: Windows users need to unlock the lesson files before using them. For more information, see “Copying the Classroom in a Book files” on page 3.
ADOBE GOLIVE 6.0 355
Classroom in a Book
You’ll begin this lesson by using your Web browser to view a copy of the finished Web page.
1 Start your Web browser.
2 In your browser, open the index.html file in Lessons/Lesson10/10End/stockblock folder/stockblock/.
l_l cstockblock.coni jj| iy
O A ; 9 à Ø Back Forward Etop Refresh Home : AutoFill Print Mail
file:///Mac intosh^SQHD/Desktop^SQFo Ider/Lessons/jdLessonl 0/10End/stockblock^2C g 3
ÅØÉ¨ÍÐÔ thestockblock.com the stocks we're talking about today -
Ã |g3 Iku AcmeIndustries(ACME) ?×³ê,ãå HH Despiterecordprofitsoverthepastfive quarters, ACME is still not a long-term pick. Qbuy OseH ©dump Ä. Fortuna(FOOZ) ^4mor.e Jp Fortune's remarkable turnaround indicates that * an investment is well-advised. Obuv Asell filduiD
íè I I <I >
©Link: file !///Macintosh HD/Desktop Folder/Lessons/jdLesson! 0/10End/stockblook folder/stookblook/ind...
3 Scroll through the page, and experiment with its buttons and interface. Notice the automatic resizing of the window when the page opens, the pop-up ticker box, the appearance of info boxes, live update of stock transactions, and the dynamic browser status bar that notifies you when you buy, sell, or dump stocks.