Adobe Flash —

Test the application

Now you have a Flash banner, with graphics and animation, which also reacts to button clicks. You have completed your first interactive and animated Flash document. Let's take a look at it in action, within a browser window.

1.
Return to your banner2 document, and then select File > Publish Preview > HTML.

The default browser on your computer opens and displays the banner. By default, the banner appears at the upper-left corner of the HTML document.
2.
Click the banner to open the web page. A new browser window should open and display the gnome website.
3.
Close both browser windows and return to the Flash authoring environment.

If you are happy with your document, then save your changes and stay posted for Part 3 of this tutorial. You might want to change the animation or text, or modify the code as necessary.

Note

If you want to compare your results to the tutorial source file, open the banner2_complete.fla from the FlashBanner/Part2 folder that you saved on your hard disk in "Open the authoring document".


Summary

Congratulations for completing the next step of creating a banner in Flash. You used the Flash authoring tool to add text, create symbols, animate on a timeline, and add interactivity to your application. In Part 2 of this tutorial, you learned how to use the Flash workspace to accomplish the following tasks:

  • Create text.

  • Create symbols.

  • Create an animation.

  • Create buttons.

  • Write ActionScript.

You now have a banner that you can export and add to a web page. In Part 3 of this tutorial, you will publish your work, and take the file and add it to a Dreamweaver website.

To continue building this application, go to the Part 3 of this tutorial: "Basic Tasks: Creating a banner, Part 3".