Moving a Graphic with Dynamic HTML

Step One

First you need to select the Layer Icon and then drag it to the web page where you want to object that will move to start. It is located on the Common tools pallete.

Step Two

Now, place or create the object.

Step Three

Once you're set, make sure the object is still selected, and use the Modify menu to Add Object to Timeline (Modify>Timeline>Add Object to timeline).

Step Four:

The result will look like this (If it's on layer one)

Step Five

Grab the red box with your mouse, and move it to the last frame

Step Six

Grab the Little Square box, and then move it to where you want the graphic to end. It will draw a line to show it's path

Step Seven

Let's change the shape of the path. Start by mvoing the red player box to the middle frame of the timeline

Step Eight

Now, Add a keyframe, by selecting the Timeline submenu (or pressing F9)

Step Nine

Move the object to the position where you want it to be midway through the movement

Step Ten

Make sure you click Autoplay if you want the motion to start when the page is loaded