Dreamweaver CC For Dummies Cheat Sheet
You can use Adobe Dreamweaver CC to create new websites or redesign existing ones. In Dreamweaver CC, which stands for Creative Cloud, you find the familiar Welcome page plus new tools for managing Cascading Style Sheets (CSS) and web fonts. Enhance Dreamweaver by installing plug-ins, or finesse your website by perusing a list of links for web designers.
The Dreamweaver CC Welcome Screen
Dreamweaver’s easy-to-use graphical interface and powerful list of features makes it a popular choice among professional web designers as well as hobbyists. With each new version, Dreamweaver offers new features, but you’ll still find the familiar Welcome screen to help you get started.
How to Install Extensions in Dreamweaver CC
Even with all the cool features in Dreamweaver CC, you might 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 with Extension Manager. You can add new functionality by adding extensions from a variety of third-party sources available from the Adobe Extension site, shown in the following figure.
You can find extensions that do everything from adding highly customizable drop-down and fly-out menus to creating full-featured shopping cart systems. Keep in mind, however, that not all extensions are well supported and few come with good instructions. They’re not all free, either. Some cost hundreds of dollars, but most are in the $20 to $50 range. When you visit the Dreamweaver Exchange site, you’ll find reviews and rankings to help you sort through the best options.
In the following steps, you’ll see how you find, download, and install a free Dreamweaver extension. Although how extensions work after they’re installed can differ dramatically, the basic process of adding them to Dreamweaver is nearly the same.
Visit the Dreamweaver Exchange site.
Do one of the following to get to the Dreamweaver Exchange site:
Choose Get More Behaviors from the bottom of the Add Behavior drop-down list in the Behaviors panel.
Visit www.adobe.com/exchange and follow the link to the Dreamweaver section.
Click the link in the bottom right of the Dreamweaver Welcome screen.
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. After you’re finished, the update link is replaced by the link to the Exchange site.
Sort through the many available extensions.
You’ll find a wide range of extensions on the Dreamweaver Exchange site. You can search through extensions by category, keyword, and ranking options. Many extensions featured on the Exchange site include links to their creators’ sites, where you’ll often find even more extensions.
Select an extension and review its features.
When you click a link to an extension on the Exchange site, you’ll find more information about the extension, including system requirements and the version of Dreamweaver for which the extension was designed. In general, you can use extensions designed for earlier versions of Dreamweaver in more recent versions. Be aware, however, that extensions designed for later versions of Dreamweaver usually won’t work in earlier versions of the program, and some extensions will work only on the Windows platform.
Before you leave the extension’s page, take the time to read the special instructions in the middle of the page. Some extensions include important information, such as where you find the new feature in the Dreamweaver interface after it’s installed and warnings that some functions of an extension will work only when previewed on a live web server (this is true for the random image extension, for example).
To download an extension, click the Download button (for free extensions) or the Buy button next to the extension name and save the extension to your hard drive.
Depending on how the extension is hosted on the exchange, you may be redirected to another page where you have to click Download again to download the extension.
Choose Help→Manage Extensions to open the installation dialog box.
Most extensions require that you close Dreamweaver before installation, and most install with the click of a button. Dreamweaver’s Extension Manager launches automatically to install most extensions.
In the Extension Manager dialog box, choose File→Install Extension and then browse your drive to select the extension file you downloaded.
After the installation is complete, Dreamweaver displays instructions for using the extension. These instructions are usually the same as the ones 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, dialog boxes, and other parts of Dreamweaver depending on their functionality and how the programmer set them up. Finding them can be hard if you don’t know where to look.
Launch Dreamweaver and find the new menu option, button, or other interface feature that controls your new extension.
In many cases, all you have to do is open an existing page or create a new page in Dreamweaver and then open the newly added dialog box or select the new option from a menu.
Adobe is constantly updating the Exchange site, which is available by clicking the Dreamweaver link at www.adobe.com/exchange. Visit it regularly to find new extensions you can download and install to enhance Dreamweaver’s feature set.
24 Websites and Resources for Web Designers
Even experienced web designers refer to online resources to keep up with their skills and add special features to their websites. The following websites will make it easy for you to find some resources that can help you with your web design projects.
Analytics and traffic reporting services:
Audio-hosting and video-hosting services:
Popular web browsers:
Social media sharing services
Web browser testing services:
Web font services:
Information on Dreamweaver, SEO, and web design: