MACROMEDIA DIRECTOR MX 2004-USING DIRECTOR Mounting instructions

Using Dreamweaver

Trademarks

Add Life to the Web, Afterburner, Aftershock, Andromedia, Allaire, Animation PowerPack, Aria, Attain, Authorware,

Authorware Star, Backstage, Bright Tiger, Clustercats, Cold Fusion, Contribute, Design in Motion, Director, Dream Templates,

Dreamweaver, Drumbeat 2000, EDJE, EJIPT, Extreme 3D, Fireworks, Flash, Fontographer, FreeHand, Generator, HomeSite,

JFusion, JRun, Kawa, Know Your Site, Knowledge Objects, Knowledge Stream, Knowledge Track, LikeMinds, Lingo, Live

Effects, MacRecorder Logo and Design, Macromedia, Macromedia Action!, Macromedia Flash, Macromedia M Logo & Design,

Macromedia Spectra, Macromedia xRes Logo and Design, MacroModel, Made with Macromedia, Made with Macromedia Logo

and Design, MAGIC Logo and Design, Mediamaker, Movie Critic, Open Sesame!, Roundtrip HTML, Shockwave, Sitespring,

SoundEdit, Titlemaker, UltraDev, Web Design 101, what the web can be, and Xtra are either registered or trademarks of

Macromedia, Inc. and may be registered in the United States or in other jurisdictions including internationally. Other product

names, logos, designs, titles, words or phrases mentioned within this publication may be trademarks, servicemarks, or tradenames

of Macromedia, Inc. or other entities and may be registered in certain jurisdictions including internationally.

Third-Party Information

This guide contains links to third-party websites that are not under the control of Macromedia, and Macromedia is not

responsible for the content on any linked site. If you access a third-party website mentioned in this guide, then you do so at your

own risk. Macromedia provides these links only as a convenience, and the inclusion of the link does not imply that Macromedia

endorses or accepts any responsibility for the content on those third-party sites.

Third Party Software Notices and/or Additional Terms and Conditions can be found at www.macromedia.com/go/thirdparty/.

Apple Disclaimer

APPLE COMPUTER, INC. MAKES NO WARRANTIES, EITHER EXPRESS OR IMPLIED, REGARDING THE

ENCLOSED COMPUTER SOFTWARE PACKAGE, ITS MERCHANTABILITY OR ITS FITNESS FOR ANY

PARTICULAR PURPOSE. THE EXCLUSION OF IMPLIED WARRANTIES IS NOT PERMITTED BY SOME

STATES. THE ABOVE EXCLUSION MAY NOT APPLY TO YOU. THIS WARRANTY PROVIDES YOU WITH

SPECIFIC LEGAL RIGHTS. THERE MAY BE OTHER RIGHTS THAT YOU MAY HAVE WHICH VARY FROM

STATE TO STATE.

translated, or converted to any electronic or machine-readable form in whole or in part without prior written approval of

Macromedia, Inc. Part Number ZDW70M200

Acknowledgments

Senior Management: Sheila McGinn

Project Management: Charles Nadeau

Writing: Jed Hartman, Jennifer Rowe, Chris Bedford, Charles Nadeau

Editing: Lisa Stanziano, Mary Ferguson, Noreen Maher

Production Management: Patrice O’Neill

Media Design and Production: Adam Barnett, Aaron Begley, Chris Basmajian, John Francis, Jeff Harmon

Special thanks to Jay London, Alain Dumesny, Lori Hylan-Cho, Jack Herrington, Vic Mitnick, Rebecca Hyatt, Russ Helfand,

Erik Bergman, Luciano Arruda, Sho Kuwamoto, Ken Karleskint, Scott Richards, Bonnie Loo, David Deming, Jennifer Taylor,

Rosana Francescato, Randy Nielsen, the beta testers, and the entire Dreamweaver engineering and QA teams.

First Edition: September 2003

Macromedia, Inc.

600 Townsend St.

San Francisco, CA 94103

CONTENTS

PART I: Dreamweaver Basics

INTRODUCTION: Welcome to Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . 17

What’s new in Dreamweaver MX 2004 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18

Where to start . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20

Dreamweaver workflow for creating websites. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22

Using Dreamweaver with other applications . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25

Dreamweaver and accessibility. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26

Guide to Dreamweaver instructional media. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27

Typographical conventions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29

HTML and web technologies resources. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29

CHAPTER 1: Exploring the Workspace . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31

About the Dreamweaver workspace . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32

Working in the Document window . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 39

Using toolbars, inspectors, and context menus . . . . . . . . . . . . . . . . . . . . . . . . . . . 41

Using panels and panel groups . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 46

Using Dreamweaver accessibility features. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 49

Optimizing the workspace for accessible page design. . . . . . . . . . . . . . . . . . . . . . . 53

Using visual guides in Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 54

Dreamweaver customizing basics. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 54

CHAPTER 2: Setting Up a Dreamweaver Site . . . . . . . . . . . . . . . . . . . . . . . . . . . 59

About Dreamweaver sites . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 59

Setting up a new Dreamweaver site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 62

Using the Advanced settings to set up a Dreamweaver site. . . . . . . . . . . . . . . . . . . 63

Editing settings for a Dreamweaver site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 67

Editing existing websites in Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 67

4 Contents

CHAPTER 3: Creating and Opening Documents . . . . . . . . . . . . . . . . . . . . . . . . . 69

Creating new documents. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 70

Saving a new document. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 72

Setting a default new document type. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 72

Opening existing documents . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 73

Importing a Microsoft Word HTML file. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 74

PART II: Working with Dreamweaver Sites

CHAPTER 4: Managing Your Files . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 77

About site management. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 78

Accessing sites, a server, and local drives . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 80

Viewing files and folders . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 83

Managing files and folders in the Files panel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 86

Working with a visual map of your site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 89

Importing and exporting sites . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 96

Removing a Dreamweaver site from your list of sites . . . . . . . . . . . . . . . . . . . . . . . 97

Checking in and checking out files . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 97

Getting and putting files to and from your server . . . . . . . . . . . . . . . . . . . . . . . . 101

Synchronizing the files on your local and remote sites . . . . . . . . . . . . . . . . . . . . . 103

Cloaking folders and files in your site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 104

Storing file information in Design Notes. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 108

Testing your site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 111

CHAPTER 5: Managing Site Assets and Libraries . . . . . . . . . . . . . . . . . . . . . . . 115

About library items . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 115

Working with assets. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 116

Creating and managing a list of favorite assets . . . . . . . . . . . . . . . . . . . . . . . . . . . 123

Working with library items . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 125

CHAPTER 6: Managing Contribute Sites with Dreamweaver. . . . . . . . . . . . . . . 133

About managing Contribute sites . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 134

Preparing a site for use with Contribute . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 138

Administering a Contribute site using Dreamweaver . . . . . . . . . . . . . . . . . . . . . . 138

Troubleshooting a Contribute site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 140

Managing Contribute files using Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . 141

Contents 5

PART III: Laying Out Pages

CHAPTER 7: Laying Out Pages with CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 145

About layers in Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 146

Inserting content blocks for layout . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 147

Changing highlight color for content blocks . . . . . . . . . . . . . . . . . . . . . . . . . . . . 148

Working with content blocks for layout. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 149

Inserting a layer . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 150

Setting layer preferences and properties . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 152

Managing layers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 153

Manipulating layers. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 157

Converting layers to tables. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 159

Using rulers and grids to lay out pages. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 160

Using a tracing image . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 161

CHAPTER 8: Presenting Content with Tables . . . . . . . . . . . . . . . . . . . . . . . . . . 163

About tables . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 164

Inserting a table and adding content . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 165

Importing and exporting tabular data . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 166

Selecting table elements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 167

Using Expanded Tables mode for easier table editing. . . . . . . . . . . . . . . . . . . . . . 170

Formatting tables and cells . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 170

Resizing tables, columns, and rows . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 173

Adding and removing rows and columns. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 176

Splitting and merging cells . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 178

Copying, pasting, and deleting cells. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 179

Nesting tables . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 181

Sorting tables. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 181

CHAPTER 9: Laying Out Pages in Layout Mode . . . . . . . . . . . . . . . . . . . . . . . . 183

About Layout mode . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 184

Switching from Standard to Layout mode . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 187

Drawing in Layout mode . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 187

Adding content to a layout cell . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 190

Clearing automatically set cell heights . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 192

Resizing and moving layout cells and tables. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 192

Formatting layout cells and tables . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 194

Setting column width . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 195

Setting preferences for Layout mode . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 197

CHAPTER 10: Using Frames. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 199

About frames and framesets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 200

Working with framesets in the Document window . . . . . . . . . . . . . . . . . . . . . . . 203

Creating frames and framesets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 204

Selecting frames and framesets. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 207

Opening a document in a frame . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 209

Saving frame and frameset files . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 209

6 Contents

Viewing and setting frame properties and attributes . . . . . . . . . . . . . . . . . . . . . . 210

Viewing and setting frameset properties . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 212

Controlling frame content with links. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 213

Handling browsers that can’t display frames. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 214

Using JavaScript behaviors with frames . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 214

CHAPTER 11: Managing Templates . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 215

About Dreamweaver templates . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 216

Creating a Dreamweaver template . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 226

Creating templates for a Contribute site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 229

Creating editable regions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 232

Creating repeating regions. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 234

Using optional regions. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 237

Defining editable tag attributes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 239

Creating a nested template . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 241

Editing and updating templates. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 242

Managing templates . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 245

Exporting and importing template XML content . . . . . . . . . . . . . . . . . . . . . . . . 246

Exporting a site without template markup. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 247

Applying or removing a template from an existing document . . . . . . . . . . . . . . . 247

Editing content in a template-based document . . . . . . . . . . . . . . . . . . . . . . . . . . 248

PART IV: Adding Content to Pages

CHAPTER 12: Working with Pages. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 253

About working with pages . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 253

Saving web pages . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 257

Specifying HTML instead of CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 258

Setting page properties . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 258

Working with colors . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 260

Selecting elements in the Document window . . . . . . . . . . . . . . . . . . . . . . . . . . . 262

Using the History panel. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 263

Automating tasks. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 265

Using JavaScript behaviors to detect browsers and plug-ins . . . . . . . . . . . . . . . . . 270

Previewing and testing pages in browsers. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 270

Setting download time and size preferences . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 272

CHAPTER 13: Inserting and Formatting Text . . . . . . . . . . . . . . . . . . . . . . . . . . . 273

About text formatting in Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 273

Inserting text . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 280

Formatting paragraphs and document structure . . . . . . . . . . . . . . . . . . . . . . . . . 282

Formatting text . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 285

Using Cascading Style Sheets styles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 290

Updating CSS style sheets in a Contribute site . . . . . . . . . . . . . . . . . . . . . . . . . . 300

Checking spelling . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 301

Searching for and replacing text. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 301

Contents 7

CHAPTER 14: Inserting Images. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 303

About images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 303

Inserting an image . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 305

Resizing an image . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 309

Cropping an image . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 310

Optimizing an image using Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 310

Adjusting the brightness and contrast of an image . . . . . . . . . . . . . . . . . . . . . . . . 311

Sharpening an image . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 311

Creating a rollover image. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 312

Using an external image editor . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 313

Applying behaviors to images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 313

CHAPTER 15: Linking and Navigation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 315

Understanding document locations and paths . . . . . . . . . . . . . . . . . . . . . . . . . . . 316

Jump menus . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 318

Navigation bars . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 319

About image maps. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 320

Creating links . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 320

Managing links . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 327

Inserting jump menus . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 331

Using navigation bars . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 333

Using image maps . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 335

Attaching JavaScript behaviors to links . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 336

Checking for broken, external, and orphaned links . . . . . . . . . . . . . . . . . . . . . . . 336

Fixing broken links . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 338

Opening linked documents in Dreamweaver. . . . . . . . . . . . . . . . . . . . . . . . . . . . 339

CHAPTER 16: Working with Other Applications . . . . . . . . . . . . . . . . . . . . . . . . . 341

About Fireworks and Flash integration . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 341

Optimizing your work environment for Fireworks and Flash. . . . . . . . . . . . . . . . 342

Working with Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 342

Working with Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 351

CHAPTER 17: Adding Audio, Video, and Interactive Elements. . . . . . . . . . . . . . 355

About media files . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 356

Inserting and editing media objects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 358

Starting an external editor for media files . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 359

Using Design Notes with media objects. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 360

Inserting and modifying a Flash button object. . . . . . . . . . . . . . . . . . . . . . . . . . . 361

Inserting a Flash text object. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 363

Inserting Flash content . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 363

Downloading and installing Flash elements. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 364

Inserting Flash elements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 364

Editing Flash element attributes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 365

Inserting Shockwave movies . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 365

Adding video. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 365

Adding sound to a page. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 366

8 Contents

Inserting Netscape Navigator plug-in content . . . . . . . . . . . . . . . . . . . . . . . . . . . 367

Inserting an ActiveX control . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 368

Inserting a Java applet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 368

Using behaviors to control media . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 369

CHAPTER 18: Using JavaScript Behaviors. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 371

Using the Behaviors panel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 372

About events . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 372

Applying a behavior. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 373

Attaching a behavior to text. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 374

Changing a behavior . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 375

Updating a behavior . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 375

Creating new actions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 375

Downloading and installing third-party behaviors. . . . . . . . . . . . . . . . . . . . . . . . 376

Using the behavior actions that come with Dreamweaver . . . . . . . . . . . . . . . . . . 376

PART V: Working with Page Code

CHAPTER 19: Setting Up Your Coding Environment . . . . . . . . . . . . . . . . . . . . . 401

Viewing your code. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 401

Using the coder-oriented workspace (Windows only) . . . . . . . . . . . . . . . . . . . . . 402

Setting viewing preferences . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 403

Setting coding preferences . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 403

Customizing keyboard shortcuts . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 405

Opening files in Code view by default . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 405

Setting Validator preferences . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 405

Managing tag libraries . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 406

Importing custom tags into Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 410

Using an external HTML editor with Dreamweaver . . . . . . . . . . . . . . . . . . . . . . 412

CHAPTER 20: Coding in Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 415

About coding in Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 416

Writing and editing code. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 423

Searching and replacing tags and attributes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 428

Making quick changes to a code selection . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 430

Using language-reference material . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 431

Printing your code. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 432

CHAPTER 21: Optimizing and Debugging Your Code . . . . . . . . . . . . . . . . . . . . 433

Cleaning up your code . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 433

Verifying that tags and braces are balanced . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 434

Checking for browser compatibility. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 434

Validating your tags. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 437

Making pages XHTML-compliant . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 438

Using the ColdFusion debugger (Windows only) . . . . . . . . . . . . . . . . . . . . . . . . 439

Contents 9

CHAPTER 22: Editing Code in Design View . . . . . . . . . . . . . . . . . . . . . . . . . . . 441

Editing code with the Property inspector. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 441

Changing attributes with the Tag inspector . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 442

Editing code with the Quick Tag Editor . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 443

Editing code with the tag selector . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 446

Editing scripts . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 446

Working with server-side includes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 448

Using JavaScript behaviors. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 449

Viewing and editing head content . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 449

PART VI: Preparing to Build Dynamic Sites

CHAPTER 23: Setting Up a Web Application . . . . . . . . . . . . . . . . . . . . . . . . . . 453

What you need to build web applications . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 453

Setting up a web server . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 454

Setting up an application server. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 454

Creating a root folder for the application. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 458

Defining a Dreamweaver site. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 459

Connecting to a database. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 461

CHAPTER 24: Database Connections for ColdFusion Developers . . . . . . . . . . 463

Connecting to a database. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 463

Editing or deleting a database connection . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 464

CHAPTER 25: Database Connections for ASP.NET Developers . . . . . . . . . . . 465

Connecting to a database. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 465

Editing or deleting a database connection . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 468

CHAPTER 26: Database Connections for ASP Developers . . . . . . . . . . . . . . . 469

About database connections in ASP. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 469

Creating a DSN connection . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 471

Creating a DSN-less connection . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 474

Connecting to a database on an ISP . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 475

Editing or deleting a database connection . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 478

CHAPTER 27: Database Connections for JSP Developers . . . . . . . . . . . . . . . . 479

About database connections in JSP . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 479

Connecting to a database. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 481

Connecting through an ODBC driver. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 482

Editing or deleting a database connection . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 485

10 Contents

CHAPTER 28: Database Connections for PHP Developers . . . . . . . . . . . . . . . 487

Connecting to a database. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 487

Editing or deleting a database connection . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 488

CHAPTER 29: Troubleshooting Database Connections . . . . . . . . . . . . . . . . . . 489

Troubleshooting permissions problems . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 489

Troubleshooting Microsoft error messages . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 491

PART VII: Making Pages Dynamic

CHAPTER 30: Optimizing the Workspace for Visual Development. . . . . . . . . . 497

Displaying web-application development panels . . . . . . . . . . . . . . . . . . . . . . . . . 497

Viewing your database within Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . 499

Viewing live data in Design view . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 500

Working in Design view without live data . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 505

Previewing dynamic pages in a browser . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 505

Restricting database information displayed in Dreamweaver . . . . . . . . . . . . . . . . 506

CHAPTER 31: The Workflow for Dynamic Page Design . . . . . . . . . . . . . . . . . . 507

Designing the page . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 508

Creating a source of dynamic content . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 508

Adding dynamic content to a web page . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 510

Enhancing the functionality of a dynamic page . . . . . . . . . . . . . . . . . . . . . . . . . . 510

Testing and debugging the page. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 511

CHAPTER 32: Obtaining Data for Your Page. . . . . . . . . . . . . . . . . . . . . . . . . . . 515

Using a database to store content. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 515

Collecting data submitted by users . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 516

Accessing data stored in session variables . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 520

CHAPTER 33: Defining Sources of Dynamic Content . . . . . . . . . . . . . . . . . . . . 525

About dynamic content sources. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 526

Defining a recordset . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 530

Defining URL parameters . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 534

Defining form parameters . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 535

Defining session variables . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 536

Defining application variables for ASP and ColdFusion . . . . . . . . . . . . . . . . . . . 537

Using a variable as a data source for a ColdFusion recordset . . . . . . . . . . . . . . . . 538

Defining server variables . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 538

Caching content sources . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 542

Changing or deleting content sources . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 543

Copying a recordset from one page to another page. . . . . . . . . . . . . . . . . . . . . . . 543

Other manuals for DIRECTOR MX 2004-USING DIRECTOR

This manual suits for next models

Table of contents

Other MACROMEDIA Software manuals

MACROMEDIA

MACROMEDIA FLEX-FLEX ACTIONSCRIPT LANGUAGE Service manual

MACROMEDIA

MACROMEDIA BREEZE-SECURITY User manual

MACROMEDIA

MACROMEDIA DIRECTOR MX 2004-USING DIRECTOR Mounting instructions

MACROMEDIA

MACROMEDIA BREEZE Quick reference guide

MACROMEDIA

MACROMEDIA FLASH 8-DEVELOPING FLASH LITE 2.X User manual

MACROMEDIA

MACROMEDIA DIRECTOR MX 2004-GETTING STARTED WITH... User manual

MACROMEDIA

MACROMEDIA FLASH MX 2004-DATA Operation instructions

MACROMEDIA

MACROMEDIA FREEHAND MX 11 Mounting instructions

MACROMEDIA

MACROMEDIA DREAMWEAVER 8 User manual

MACROMEDIA

MACROMEDIA BREEZE-FOR MEETING PARTICIPANTS User manual

MACROMEDIA

MACROMEDIA FIREWORKS 8-EXTENDING FIREWORKS User manual

MACROMEDIA

MACROMEDIA FLEX-GETTING STARTED WITH FLEX User manual

MACROMEDIA

MACROMEDIA FLASH MEDIA SERVER 2-SERVER-SIDE ACTIONSCRIPT... Service manual

MACROMEDIA

MACROMEDIA FIREWORKS 2-USING FIREWORKS Mounting instructions

MACROMEDIA

MACROMEDIA DIRECTOR MX 2004-USING DIRECTOR Mounting instructions

MACROMEDIA

MACROMEDIA DIRECTOR MX-USING DIRECTOR MX Mounting instructions

MACROMEDIA

MACROMEDIA FLASHLITE2 ACTIONSCRIPT-LANGUAGE Service manual

MACROMEDIA

MACROMEDIA COLFUSION MX 7-CFML Service manual

MACROMEDIA

MACROMEDIA COLFUSION MX 7 - INSTALLING AND USING COLDFUSION... User manual

MACROMEDIA

MACROMEDIA FLASH 8-LEARNING ACTIONSCRIPT 2.0 IN FLASH User manual

MACROMEDIA

MACROMEDIA COLDFUSION MX 61 - CONFIGURING AND ADMINISTERING COLDFUSION... User manual

MACROMEDIA

MACROMEDIA FLEX - DEVELOPING COMPONENTS AND THEMES User manual

MACROMEDIA

MACROMEDIA FLASH MEDIA SERVER 2-INSTALLING FLASH MEDIA SERVER... User manual

MACROMEDIA

MACROMEDIA FLASH MEDIA SERVER 2-CLIENT-SIDE ACTIONSCRIPT LANGUAGE REFERENCE FOR FLASH MEDIA SERVER... Service manual

Popular Software manuals by other brands

COMPRO

COMPRO COMPROFM manual

Muratec

Muratec OFFICEBRIDGE ONLINE user guide

Oracle

Oracle Contact Center Anywhere 8.1 installation guide

Adobe

Adobe 65007312 - Photoshop Lightroom Programmer's guide

Avaya

Avaya NULL One-X for RIM Blackberry user guide

HP ProLiant BL420c user guide

PS Audio

PS Audio PowerPlay Programming manual

Brady

Brady LOCKOUT PRO 3.0 Administrator's guide

Avaya

Avaya Interaction Center user guide

Texas Instruments

Texas Instruments TI-83 Plus Silver Edition Guide book

Novell

Novell GROUPWISE 8 - INTERNET AGENT manual

Oracle

Oracle Application 9i Configuration guide

Acer

Acer RDM user guide

Canon

Canon Vixia HF21 instruction manual

Canon

Canon ZR950 instruction manual

Samsung

Samsung Auto Backup user manual

Polycom

Polycom Vortex EF2201 Application note

Brocade Communications Systems

Brocade Communications Systems Brocade 8/12c user manual