Just getting started?

Before you create your first Dreamweaver page, define your web site folder
(Lesson for Dreamweaver MX 2004, 8, CS3, and CS4
)

Should I create a web site or a WordPress blog (or both)?

Test your Web site

Browser Test your Web site in Internet Explorer, Firefox, Safari, and other web browers

Dreamweaver Videos

Janine Warner, training videos in Dreamweaver

Free Video Sample: A lesson in when to use Dreamweaver to create Tables or CSS -- and how play the chocolate game...

"Your videos are so engaging. Thank you."

Order a training video for Adobe Dreamweaver by best-selling author Janine Warner.

Featured Tutorials

Adding an Ecommerce shopping cart to a Dreamweaver web site is easier with Google Checkout

Google Checkout

How do you register a domain name? (Tips for finding the domain you want.)

Choosing the best web hosting service to publish your site

Designing with CSS

Why use Cascading Style Sheets (CSS)?

Customize a CSS Layout
(Dreamweaver CS3 or CS4)

ecommerce web site example

Align Images with CSS floats
(Dreamweaver CS3 or CS4)

Choose the right CSS selector : Class, ID, Tag, or Compound
( Dreamweaver CS4)

Choose the right CSS Selector: Class, Tag, or Advanced
(Dreamweaver CS3)

Templates & Themes

How to use templates in blogs and web sites

Designing templates for Adobe Dreamweaver

Designing WordPress templates in Dreamweaver

Testing, Traffic, Google AdSense, Ecommerce & more

Test your Web site in Internet Explorer, Firefox, Safari, and other web browers

Traffic counters, email spam protection, newsletter services, favicons, and more

How to add Google AdSense, Flickr, YouTube, and widgets

Creating drop-down menus with Spry

Add a Drop-Down Menu in Dreamweaver CS3 or CS4

Edit a Spry Drop-Down Menu created with Dreamweaver

Create Collapsible Panels with Spry in Adobe Dreamweaver CS3 or CS4

Find Answers in the Dreamweaver FAQ

Search for answers to your questions Janine's Dreamweaver FAQ.

Quick Quiz: Test your Dreamweaver Savvy
(play and learn)

What's new in Adobe Dreamweaver CS4

Do I have to learn HTML to create a web site?

Adding Flash (.flv & .swf) to Web Pages

Insert a Flash File (.swf) (Dreamweaver CS3, Cs4)

Insert a Flash Video (.flv)
(Dreamweaver CS3, CS4)

Convert video into Flash with the Flash Video Encoder

Dreamweaver CSS Tips

Create a Navigation Bar with an Unordered List and CSS
(Dreamweaver CS3)

Troubleshooting CSS (Dreamweaver CS3)

Compare Layout Options: Tables/Layers/AP Divs/CSS(Dreamweaver 8, CS3, MX)

Review: More places to learn advanced CSS tricks & techniques

Editing HTML Code

Editing HTML Code in Dreamweaver

Connect an HTML Form to a Script in Dreamweaver (Dreamweaver CS3, CS4)

Dreamweaver Behaviors and Extensions

Use Swap Image Behavior to Create Multiple Rollovers
(Dreamweaver CS3, CS4)

Swap Image Behavior

Use a Behavior to Launch a New Browser Window (Dreamweaver CS3, CS4)

Add new features to Dreamweaver with Extensions (Dreamweaver 8 and CS3)

Dreamweaver FAQ

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

Compare creating a web site or blog in WordPress, Dreamweaver, or Joomla

Review: What's the best option? WordPress, Joomla, Dupal, and other content management systems (CMS) comparison

Review: What's the best Web design program? Adobe Dreamweaver or GoLive, Microsoft Expression Web or FrontPage?

 

partners and sponsors

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

_______

Dreamweaver FAQ

Search for 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

Trusted by over 7 million customers!

Add new features with Dreamweaver extensions from Adobe's exchange site

Tutorial for Dreamweaver 8 and CS3

By Janine Warner

Dreamweaver Extensions

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

Dreamweaver CS4 Video Training

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.

Adobe Dreamweaver Exchange Site

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.

Select an Extension and Review Features

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.

Install a New Extension

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.

Launch Dreamweaver and Go Find Your New Features

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.

Put Your New Extensions to Work

Originally written for Layers Magazine, January 25th, 2007

Return to Dreamweaver Training Center front page.

Partners and sponsors

Dreamweaver CS4 Video Training