Using LiveMotion HTML code

As you build your Web pages, you can open and edit the HTML files that LiveMotion generates in a Web-page design application such as Adobe GoLive. You can also copy and paste the HTML code generated by LiveMotion into pages you create in another application. For example, if you create an image map in LiveMotion, you can do either of the following:

• Use the HTML page that LiveMotion generated in your Web site. The image reference and image map code are included in the source code of the page.
• Open the HTML page that LiveMotion generated in your Web-page design application or HTML editor. Then view the page's source, copy the image map code, and paste it into the source view of another page.

For more information, see the documentation that came with your Web-page design application or an HTML reference guide.

To copy JavaScript code into a Web page using Adobe GoLive:

1. In GoLive, open the HTML page that LiveMotion created and click the Layout tab to show the Layout Editor.
2. Click the small blue triangle under the Layout tab to display the head section.
3. Drag the Script icon  from the Head section of the HTML page into the Head section of the page to which you are adding it.
4. Drag any images or other elements from the body section of the LiveMotion page into the body section of the page into which you want to copy it.

To copy JavaScript code into a Web page if you don't have Adobe GoLive:

1. In your HTML editor, open the HTML page that LiveMotion created. If you are using a Web-page design application, open the HTML page and select Source Mode. You can also open the HTML page using Notepad (Windows), SimpleText (Mac OS), or another text editor.
2. Copy the JavaScript code from the Head section of the HTML page into the Head section of the page to which you are adding it. Copy all the text between the beginning tag <Script> and the closing tag </Script>.
3. Copy the anchor elements for the images from the Body section of the page and paste them to the appropriate location where you want them to appear in the body of the other page. The anchor element begins with the tag <a HREF= "nnn"> and ends with the </a> tag. The anchor element also contains the reference to the image files.

To copy image map code into a Web page using Adobe GoLive:

1. In GoLive, open the HTML page that LiveMotion created and click the Layout tab to show the Layout Editor.
2. Select the image you want to copy, and then drag it by the image border into the Layout Editor of the document you want to copy it to.

To copy image map code into a Web page if you don't have Adobe GoLive:

1. In your HTML editor, open the HTML page that LiveMotion created. If you are using a Web-page design application, open the HTML page and switch to Source Mode.
2. Copy and paste the reference code for the exported image and the image map into the source code of your new page. The image reference begins with the tag <img SRC= and ends with the symbol >. The image map code immediately follows and is enclosed by the tags <MAP name= "nnn"> and </MAP>.