Using Dreamweaver Trademarks 1 Step RoboPDF, ActiveEdit, ActiveTest, Authorware, Blue Sky Software, Blue Sky, Breeze, Breezo, Captivate, Central, ColdFusion, Contribute, Database Explorer, Director, Dreamweaver, Fireworks, Flash, FlashCast, FlashHelp, Flash Lite, FlashPaper, Flex, Flex Builder, Fontographer, FreeHand, Generator, HomeSite, JRun, MacRecorder, Macromedia, MXML, RoboEngine, RoboHelp, RoboInfo, RoboPDF, Roundtrip, Roundtrip HTML, Shockwave, SoundEdit, Studio MX, UltraDev, and WebHelp are either registered trademarks 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, service marks, or trade names 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. Copyright © 1997-2005 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 written approval from Macromedia, Inc. Notwithstanding the foregoing, the owner or authorized user of a valid copy of the software with which this manual was provided may print out one copy of this manual from an electronic version of this manual for the sole purpose of such owner or authorized user learning to use such software, provided that no part of this manual may be printed out, reproduced, distributed, resold, or transmitted for any other purposes, including, without limitation, commercial purposes, such as selling copies of this documentation or providing paid-for support services. Acknowledgments Project Management: Charles Nadeau Writing: Jon Michael Varese Additional Writing: Jennifer Rowe, Paul Gubbay, Charles Nadeau Editing: Rosana Francescato, Lisa Stanziano, Anne Szabla, Mary Ferguson, Mark Nigara Production and Editing Management: Patrice O'Neill and Rosana Francescato Media Design and Production: Adam Barnett, Aaron Begley, Paul Benkman, John Francis, Geeta Karmarkar, Paul Rangel, Arena Reed, Mario Reynoso Localization Management: Melissa Baerwald Special thanks to Sheila McGinn, Paul Gubbay, Vic Mitnick, Jim Doubek, Joaquin Blas, Wenlan Du, Ken Karleskint, Jennifer Taylor, Jorge Taylor, Nick Halbakken, Scott Richards, Sami Kaied, John Skidgel, Masayo Noda, Kristin Conradi, Yuko Yagi, the beta testers, and the entire Dreamweaver engineering and QA teams. First Edition: September 2005 Macromedia, Inc. 601 Townsend St. San Francisco, CA 94103 Contents PART 1: DREAMWEAVER BASICS Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17 What's new in Dreamweaver 8 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18 Where to start . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21 Dreamweaver workflow for creating websites . . . . . . . . . . . . . . . . . . . . 25 Using Dreamweaver with other applications . . . . . . . . . . . . . . . . . . . . . 29 Dreamweaver and accessibility. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30 Guide to Dreamweaver instructional media . . . . . . . . . . . . . . . . . . . . . . . 31 Typographical conventions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36 HTML and web technologies resources . . . . . . . . . . . . . . . . . . . . . . . . . 36 Chapter 1: Exploring the Workspace. . . . . . . . . . . . . . . . . . . . . . . 39 About the Dreamweaver workspace . . . . . . . . . . . . . . . . . . . . . . . . . . . . 39 Working in the Document window . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 51 Using toolbars, inspectors, and context menus . . . . . . . . . . . . . . . . . . . 54 Using panels and panel groups . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 61 Using Dreamweaver accessibility features . . . . . . . . . . . . . . . . . . . . . . . 64 Optimizing the workspace for accessible page design . . . . . . . . . . . . 69 Using visual guides in Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 71 Dreamweaver customizing basics . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 71 Chapter 2: Setting Up a Dreamweaver Site . . . . . . . . . . . . . . . . .79 About Dreamweaver sites . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .79 Setting up a new Dreamweaver site. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 82 Using the Advanced settings to set up a Dreamweaver site. . . . . . . . 83 Editing settings for a Dreamweaver site . . . . . . . . . . . . . . . . . . . . . . . . . .87 Editing existing websites in Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . 88 3 Chapter 3: Creating and Opening Documents . . . . . . . . . . . . . . . 91 Creating new documents . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 92 Saving a new document. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 95 Setting a default new document type . . . . . . . . . . . . . . . . . . . . . . . . . . . . 95 Setting the default file extension of new HTML documents . . . . . . . . 96 Opening existing documents . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 96 Cleaning up Microsoft Word HTML files . . . . . . . . . . . . . . . . . . . . . . . . . 97 PART 2: WORKING WITH DREAMWEAVER SITES Chapter 4: Managing Your Files . . . . . . . . . . . . . . . . . . . . . . . . . . 101 About site management . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 102 Accessing sites, a server, and local drives . . . . . . . . . . . . . . . . . . . . . . . 106 Viewing files and folders . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .110 Comparing files for differences. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .113 Rolling back files (Contribute users) . . . . . . . . . . . . . . . . . . . . . . . . . . . . .119 Managing files and folders in the Files panel. . . . . . . . . . . . . . . . . . . . . .119 Working with a visual map of your site . . . . . . . . . . . . . . . . . . . . . . . . . . 124 Importing and exporting sites . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 132 Removing a Dreamweaver site from your list of sites . . . . . . . . . . . . . 133 Checking in and checking out files . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 134 Getting and putting files to and from your server . . . . . . . . . . . . . . . . . 140 Synchronizing the files on your local and remote sites . . . . . . . . . . . . 144 Identifying and deleting unused files . . . . . . . . . . . . . . . . . . . . . . . . . . . . 146 Cloaking folders and files in your site . . . . . . . . . . . . . . . . . . . . . . . . . . . 146 Storing file information in Design Notes. . . . . . . . . . . . . . . . . . . . . . . . . 150 Testing your site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 154 Chapter 5: Managing Site Assets and Libraries . . . . . . . . . . . . . 159 About library items. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 159 Working with assets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .161 Creating and managing a list of favorite assets . . . . . . . . . . . . . . . . . . 168 Working with library items . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 172 Chapter 6: Managing Contribute Sites with Dreamweaver . . . . 181 About managing Contribute sites. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 182 Preparing a site for use with Contribute . . . . . . . . . . . . . . . . . . . . . . . . . 186 Administering a Contribute site using Dreamweaver. . . . . . . . . . . . . . 187 Managing Contribute files using Dreamweaver . . . . . . . . . . . . . . . . . . 189 Troubleshooting a Contribute site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 192 4 Contents PART 3: LAYING OUT PAGES Chapter 7: Laying Out Pages with CSS . . . . . . . . . . . . . . . . . . . . 197 About layers in Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .198 Inserting a layer . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 200 Setting layer preferences and properties . . . . . . . . . . . . . . . . . . . . . . . 202 Managing layers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 204 Manipulating layers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 208 Converting layers to tables . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .210 Animating layers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .212 Inserting div tags for layout. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .221 Working with div tags for layout . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 222 Changing the highlight color for div tags . . . . . . . . . . . . . . . . . . . . . . . . 223 Working with CSS layout visualization . . . . . . . . . . . . . . . . . . . . . . . . . 224 Using rulers, guides, and the grid to lay out pages . . . . . . . . . . . . . . . 226 Using a tracing image . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 230 Chapter 8: Presenting Content with Tables . . . . . . . . . . . . . . . . 233 About tables. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 234 Inserting a table and adding content . . . . . . . . . . . . . . . . . . . . . . . . . . . 235 Importing and exporting tabular data . . . . . . . . . . . . . . . . . . . . . . . . . . . 237 Selecting table elements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 238 Using Expanded Tables mode for easier table editing . . . . . . . . . . . . .241 Formatting tables and cells . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 243 Resizing tables, columns, and rows . . . . . . . . . . . . . . . . . . . . . . . . . . . . 245 Adding and removing rows and columns . . . . . . . . . . . . . . . . . . . . . . 250 Splitting and merging cells . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .251 Copying, pasting, and deleting cells . . . . . . . . . . . . . . . . . . . . . . . . . . . . 253 Nesting tables . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 255 Sorting tables . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 256 Chapter 9: Laying Out Pages in Layout Mode . . . . . . . . . . . . . 257 About Layout mode . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 258 Switching from Standard to Layout mode . . . . . . . . . . . . . . . . . . . . . . .261 Drawing in Layout mode. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 262 Adding content to a layout cell . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 265 Clearing automatically set cell heights. . . . . . . . . . . . . . . . . . . . . . . . . . 267 Resizing and moving layout cells and tables . . . . . . . . . . . . . . . . . . . . 267 Formatting layout cells and tables . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 269 Setting column width. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 270 Setting preferences for Layout mode . . . . . . . . . . . . . . . . . . . . . . . . . . 273 Contents 5 Chapter 10: Using Frames . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 275 About frames and framesets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 276 Working with framesets in the Document window. . . . . . . . . . . . . . . 280 Creating frames and framesets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 281 Selecting frames and framesets. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .284 Opening a document in a frame . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 287 Saving frame and frameset files . . . . . . . . . . . . . . . . . . . . ...