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/. Opera ® browser Copyright © 1995-2002 Opera Software ASA and its suppliers. All rights reserved. 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. Copyright © 2003 Macromedia, Inc. All rights reserved. This manual may not be copied, photocopied, reproduced, 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 18 20 22 25 26 27 29 29 What's new in Dreamweaver MX 2004 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Where to start . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Dreamweaver workflow for creating websites. . . . . . . . . . . . . . . . . . . . . . . . . . . . . Using Dreamweaver with other applications . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Dreamweaver and accessibility. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Guide to Dreamweaver instructional media. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Typographical conventions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . HTML and web technologies resources. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . CHAPTER 1: Exploring the Workspace . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31 32 39 41 46 49 53 54 54 About the Dreamweaver workspace . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Working in the Document window . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Using toolbars, inspectors, and context menus . . . . . . . . . . . . . . . . . . . . . . . . . . . Using panels and panel groups . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Using Dreamweaver accessibility features. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Optimizing the workspace for accessible page design . . . . . . . . . . . . . . . . . . . . . . . Using visual guides in Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Dreamweaver customizing basics . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . CHAPTER 2: Setting Up a Dreamweaver Site . . . . . . . . . . . . . . . . . . . . . . . . . . . 59 59 62 63 67 67 About Dreamweaver sites . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Setting up a new Dreamweaver site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Using the Advanced settings to set up a Dreamweaver site. . . . . . . . . . . . . . . . . . . Editing settings for a Dreamweaver site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Editing existing websites in Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3 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 4 Contents 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 164 165 166 167 170 170 173 176 178 179 181 181 About tables . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Inserting a table and adding content . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Importing and exporting tabular data . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Selecting table elements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Using Expanded Tables mode for easier table editing. . . . . . . . . . . . . . . . . . . . . . Formatting tables and cells . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Resizing tables, columns, and rows . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Adding and removing rows and columns. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Splitting and merging cells . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Copying, pasting, and deleting cells. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Nesting tables . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Sorting tables. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 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 ta ...