Inserting Flash into a Dreamweaver page

Januari 22, 2008 at 3:51 am 2 komentar


You’ve created a Flash movie using the “.fla” extension. The .fla extension is the design format for Flash, and is a huge file that takes up far too much bandwidth to put on a Web page. So, you’ll need to compress your .fla file into a lower-bandwidth “.swf” so it will load on a web site. (This is one of the great benefits of Flash: when compressed, the file is very low bandwidth so that nearly any connection speed can download the movie.)Flash gives you a number of options when compressing your .fla file that will ultimately decide the quality and the load time for your Flash movie. You can experiment with different settings to determine the best trade-off between size and quality.

With your .fla movie open, choose: File > Publish settings

Under Publish Settings, there are three tabs to adjust settings: Formats, Flash and HTML.

Formats tab:

format tab

The checked default settings are: Flash and HTML.

These are the only boxes that should be checked; when you convert a .fla file to a .swf file, Flash also creates an HTML file so the movie can run on a web page. (See images of .swf and .html files at the end of this tutorial.)

Flash tab:

flash tab

Version: Flash Player 6

Load order: Bottom up (this means the first image in the movie will be the one at the bottom of your .fla file. If you’ve built your movie opposite, use “top down.”)

Options: Compress movie

JPEG quality: 50 percent is a good balance – it doesn’t detract much from image quality on the Web. (You can experiment with the JPEG quality: the higher the quality, the slower the download time.)

Audio Stream and Audio Event:
Note: There are two types of sounds in Flash: event sounds and stream sounds. An event sound must download completely before it begins playing, and it continues playing until stopped (using an action script or the control bar). It’s mostly used for sounds of short duration that are applied to buttons. Stream sounds begin playing as soon as enough data for the first few frames has been downloaded. They are usually longer sound files, such as background music, sound or interviews.

Use “Stream” if your movie includes audio for most of, or the entire track. Use “event” for shor-duration button sounds.

Click on “Set” to bring up the settings

Sound settings:

For MP3:

Preprocessing: Leave checked

Bit Rate: Check 16 kpbs
Note: If you have a human voice in your Flash movie, choose 32 kbps. If you use the regular settings, the voices will come out tinny and weak. This increases your file size a tiny bit. The same improvement can be obtained by selecting “Speech” from the Compression drop-down menu. But this increases the file size quite a bit.

Quality: Check “Fast”

HTML tab:

html tab

Template: Flash only.

Dimensions: Match movie

Width and height should correspond to the size of your Flash movie (such as 400×300).

Playback: Uncheck: “device font” and “display menu;” check: “paused at start” if you have a control bar in your movie; by checking “loop” the movie will play continuously.

Quality: High

Window mode: Window

HTML alignment: Default

Scale: Default

Flash Alignment: Center and Center

Show Warning Messages: leave checked

Click:“Publish” icon at top right of dialogue box (Publish can take up to a couple minutes depending on how big your movie is), and “ok.”

Test movie in browser: Control > Test movie
(Or, hold down the Command (Apple) key and return key at the same time)

[Note: Although you can test your Flash movie in a browser at any time, this does not set it for publish to a live web site.]

Now that your movie settings are adjusted for publish, you’re ready to convert the .fla to a .swf file, click: File > Export Movie

In the dialogue box that comes up, name your .swf, save it to disk, and export as a Flash Movie.

If you want to go back to make any edits down the line, you will make them on the .fla file; the .swf file cannot be edited. This means that each time you make a change to the .fla you will need adjust settings and re-export as a new .swf (you can use the same naming conventions and copy over the out of date files). Both of these files are necessary to insert the Flash movie into a Dreamweaver page. Make sure to leave both files in the same folder where all your web content is stored.

Now you’re ready to drop your .swf into a Dreamweaver page.

In Dreamweaver, navigate to: Insert > Media > Flash
(Or, click on the red Flash icon on the Insert bar under “Com mon tab, which opens by default at top of the Dreamweaver file.)

In the dialogue box that opens, navigate to your Flash .swf file, and choose it. Double click on the Flash .swf file to make it drop into the Dreamweaver page.

Size and position the Flash file (a gray box) with the drag and drop handles. Or, use the Properties dialogue box: Window > Properties to adjust the width and height of your Flash movie.

Test Dreamweaver page (Hold down Command key (“apple key”) and F12)

Save the associated HTML file in the same folder where you store your .swf file.

A Flash “.swf” and “.html” file (named, in this case, “about”):




Entry filed under: Flash. Tags: , , , .

Flash Tutorial (2) The Control Bar For Flash 6

2 Komentar Add your own

  • 1. Daniel  |  Februari 15, 2008 pukul 4:32 am

    Hello thanks for the tutorial. I have a question perhaps you could help. When you export the swf from flash it also creates an swf skin. How do you import it into dreamweaver with the playback controls for the swf. I seem to able to import only the movie without the playback controls. I have set up an html page in dreamweaver, a table and I would like my flash movie with its playback control in the center and the links on the page to be HTML. If you could offer any assistance I would greatly appreciate it .Thank you Daniel Anast.

  • 2. Val  |  Oktober 2, 2009 pukul 4:44 am

    thanks. The guide is really useful. Thanks alot! 🙂


Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:


You are commenting using your account. Logout /  Ubah )

Foto Google+

You are commenting using your Google+ account. Logout /  Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout /  Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout /  Ubah )


Connecting to %s

Trackback this post  |  Subscribe to the comments via RSS Feed


  • 382,351 kunjungan
Januari 2008
« Des   Feb »


%d blogger menyukai ini: