Web Development & Design Foundations with HTML5

Skip to Content 8th Edition

Adobe Flash CS5 Tutorial: Creating an Animated Banner Page 7

Configure the Text Layer

Publish Your Movie

Select File > Publish Settings to display the Publish Settings dialog box shown below. You will work with the Formats tab, the Flash tab, and the HTML tab of this dialog box.

Formats TabOn the Formats tab, verify that the Flash and HTML checkboxes are checked.

 

 

 

 

 

 

 

 

Flash TabOn the Flash tab leave all settings at the default values except for the following:
1. Check Protect from import.
2. Check Omit trace actions.

 

 

 

 

 

 

 

 

 

 

 

HTML tabOn the HTML tag, verify that Loop is unchecked — we only want the animation to play once. Checking Loop will cause the animation to repeat over and over.

 

 

 

 

 

 

 

 

 

Click Publish. Click OK.

Flash has published your animation as a Flash Movie called banner.swf, has created a web page file named banner.html that displays banner.swf, and created a JavaScript file AC_RunActiveContent.js that is invoked by banner.html that prevents issues with Internet Explorer.

Test the Web Page and Flash Movie

Launch a browser and open the banner.html file. Your result should be similar to the figure below:

The Flash Banner

View the source code of the web page to see the HTML code automatically generated by Adobe Flash to display the Flash movie. You can copy and paste this code in your own web pages as needed.

Or, you can use the code below which will pass W3C XHTML validation:

<object type="application/x-shockwave-flash" data="banner.swf" width="468" height="60" title="Acme Web Design">
<param name="movie" value="flashbutton.swf" />
<param name="quality" value="high" />
<param name="loop" value="false" />
<h1>Acme Web Design</h1>
</object>


Congratulations!
You've created your first animated banner using Flash!

Acme Web Design

You have completed the Flash Animated Banner Tutorial. As you may have noticed, we have barely scratched the surface of what Flash is capable of. Consider further study by taking courses. There are also many other online Flash tutorials available on the Web.