Dreamweaver Tutorials

Get Started in Dreamweaver: Define a new or existing Web site

Find out how easy it is to register a domain name

Designing with CSS

When using CSS, What Selector Type Should You Use?

Customize a CSS Layout in Dreamweaver CS3

Align Images with CSS in Dreamweaver

Create a Navigation Bar with an Unordered List and CSS

Compare Layout Options: Tables, Layers, or CSS

Make your site accessible to all your visitors

Where to learn advanced CSS tips and tricks

AJAX and Spry

Create Collapsible Panels with AJAX using Spry

Adding a Drop-Down Menu with Ajax using the Spry features in Dreamweaver CS3

Working with Multimedia

Insert a Flash File using Dreamweaver CS3

Insert a Flash Video File

Convert Video into Flash with the Flash Video Encoder

Using Behaviors

Use Swap Image Behavior to Create Multiple Rollovers

Swap Image Behavior

Use a Behavior to Launch a New Browser Window

Add new features to Dreamweaver with Extensions

Connect an HTML Form to a Script in Dreamweaver

More Resources

Cool online tools you can use on your Web site

Comparing Web design programs and technologies

Video Training

Discover how training videos make learning fun and easy!

Dreamweaver FAQ

Get answers to your questions, and maybe even a few you hadn't thought of yet, in the Dreamweaver FAQ

Total Training Videos

 

Partners and sponsors

Total Training Online Software Training - Try it Now Get Free Access

Dreamweaver FAQ

Get answers to your questions, and maybe even a few you hadn't thought of yet, in the Dreamweaver FAQ.

Dreamweaver CS3 advertisement CS3-DW-125x125

Free Greeting Card, Expires 2-27-07

Trusted by over 7 million customers!

Total Training

IX Web Hosting ad

Adding Features to Dreamweaver with New Extensions from Adobe's Exchange Site

By Janine Warner

Even with all the cool features in Dreamweaver, there will almost certainly come a day when you want to do things that Dreamweaver can't do with the features that shipped with the program.

Fortunately, the programmers who created Dreamweaver made it possible for other programmers to add features using the Extension Manager. The result? You can add new functionality by adding extensions from a variety of third-party sources.

You can find extensions that do everything from add Flash buttons to Fly-Out Menus to full-featured shopping cart systems. As you consider the many extensions available, remember, many of them are great, but they don't all enjoy the same quality control as Dreamweaver. When you visit the Dreamweaver Exchange site, you'll find reviews and rankings to help you sort through the best options. Do keep in mind that not all of the extensions out there are well supported. They're not all free either. Some cost hundreds of dollars, but most are in the $20 to $50 range.

In this lesson, I'll walk you through the steps to find, download, and install a free extension that adds Flash buttons to Dreamweaver. Although, how the extensions work once they are installed can differ dramatically, the basic process of adding them to Dreamweaver is nearly the same.

Partners and sponsors

Order Your Dreamweaver Training Video Today!

STEP 1 Visit the Dreamweaver Exchange Site

You can get to the Dreamweaver Exchange site by clicking on the link in the bottom right of the Dreamweaver launch screen, or you can get there by visiting www.adobe.com/exchange and following the link to the Dreamweaver section.

Note: If you launch Dreamweaver and find a link to download an update for Dreamweaver instead of the link to the Exchange site, by all means, download and install the update first.


STEP 2 Sort Through the Many Available Extensions

You'll find a wide range of extensions on the Dreamweaver Exchange site and you can search through available extensions by category, key word, and various ranking options. I found the Flash buttons featured in this tutorial at the top of the "Most Downloaded" list in the right-hand column of the main page.

Also note that many of the extensions featured on the Exchange site include links back to their creator's sites where you'll often find even more extensions.

STEP 3 Select an Extension and Review Features

When you click on a link to an extension on the Exchange site, you'll find more information about the extension, including system requirements, and what version of Dreamweaver the extension was designed for. In general, you can use extensions designed for earlier versions of Dreamweaver in more recent versions. In this example, I'm adding Flash buttons that were designed for Dreamweaver 4 in Dreamweaver 8 with no trouble. Beware however, extensions designed for later versions of Dreamweaver usually won't work in earlier versions of the program.

Before you leave the Extensions page, I highly recommend you take the time to read the special instructions in the middle of the page. In the case of this Flash button extension, these instructions explain that the extension includes 13 button designs and that the source files for the Flash buttons will also be installed at the root of the Dreamweaver folder in a directory named Flash Button Source (a handy tip if you ever want to edit the Flash buttons yourself).

Some extensions include more important instructions, such as where you'll find the new feature in the Dreamweaver interface or warnings about the functionality of an extension that will only work when previewed on a live Web server (this is true for the random image extensions, for example.)

To download an extension, click on the Download button toward the top of the page and save the extension to your hard drive.

STEP 4 Install a New Extension

Most extensions require that you close Dreamweaver before installing, and most install with the click of a button. In the case of these Flash buttons, all I had to do was click on the downloaded file and Dreamweaver's Extensions manager automatically launched to install the buttons.

When installation is complete, the Extension Manager displays any special instructions (these are usually the same as the instructions that were included in the middle of the page on the Exchange site.)

Pay special attention to the part of the instructions that tells you where you'll find your newly installed extensions. Extensions may be added to menus, dialogs, and other parts of Dreamweaver depending on their functionality and how the programmer set them up.

In this case, the final line of the instructions (which I've highlighted in this screenshot), informs me that my new Flash buttons have been added to the Flash Button Object dialog.

STEP 5 Launch Dreamweaver and Go Find Your New Features

With my new Flash buttons installed, all I have to do is open an existing page or create a new page in Dreamweaver and then open the Flash button dialog to see my new Flash buttons. To open the Flash button dialog, choose Insert > Media > Flash button.

STEP 6 Put Your New Extensions to Work

As you can see here in the Flash button dialog, I now have several new Flash buttons (13 to be exact) that I can use in my Web pages thanks to my newly installed extension.

Originally written for Layers Magazine, January 25th, 2007

Return to Dreamweaver Training Center at DigitalFamily.com.

Partners and sponsors

Shutterfly.com