User manual MACROMEDIA DREAMWEAVER 8 - USING DREAMWEAVER

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 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 287 Viewing and setting frame properties and attributes . . . . . . . . . . . . . .288 Viewing and setting frameset properties . . . . . . . . . . . . . . . . . . . . . . . 290 Controlling frame content with links . . . . . . . . . . . . . . . . . . . . . . . . . . . . 291 Handling browsers that can't display frames. . . . . . . . . . . . . . . . . . . . .292 Using JavaScript behaviors with frames . . . . . . . . . . . . . . . . . . . . . . . .293 Chapter 11: Managing Templates . . . . . . . . . . . . . . . . . . . . . . . . 295 About Dreamweaver templates . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .296 Creating a Dreamweaver template . . . . . . . . . . . . . . . . . . . . . . . . . . . . 308 Creating templates for a Contribute site . . . . . . . . . . . . . . . . . . . . . . . . . 312 Creating editable regions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 314 Creating repeating regions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 317 Using optional regions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 320 Defining editable tag attributes. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .323 Creating a nested template . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .324 Editing and updating templates . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .326 Managing templates . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .329 Exporting and importing template XML content . . . . . . . . . . . . . . . . 330 Exporting a site without template markup . . . . . . . . . . . . . . . . . . . . . . .332 Applying or removing a template from an existing document . . . . . .332 Editing content in a template-based document . . . . . . . . . . . . . . . . . .334 PART 4: ADDING CONTENT TO PAGES Chapter 12: Working with Pages . . . . . . . . . . . . . . . . . . . . . . . . . 341 About working with pages . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 341 Saving web pages . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .345 Specifying HTML instead of CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 347 Setting page properties . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 347 Working with colors . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 350 Selecting elements in the Document window . . . . . . . . . . . . . . . . . . . . 351 Zooming in and out . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .354 Using the History panel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .355 6 Contents Automating tasks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Using JavaScript behaviors to detect browsers and plug-ins . . . . . Previewing and testing pages in browsers . . . . . . . . . . . . . . . . . . . . . . Setting download time and size preferences . . . . . . . . . . . . . . . . . . . . 356 363 363 366 Chapter 13: Inserting and Formatting Text . . . . . . . . . . . . . . . . 369 About text formatting in Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . 369 Inserting text . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .381 Formatting paragraphs and document structure. . . . . . . . . . . . . . . . . 385 Formatting text . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 388 Using Cascading Style Sheets to format text . . . . . . . . . . . . . . . . . . . 394 Checking spelling . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 404 Searching for and replacing text . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 405 Chapter 14: Inserting Images . . . . . . . . . . . . . . . . . . . . . . . . . . . . 407 About images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 407 Inserting an image . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 409 Resizing an image . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .414 Cropping an image . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .415 Optimizing an image using Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . .416 Adjusting the brightness and contrast of an image. . . . . . . . . . . . . . . .416 Sharpening an image. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 417 Creating a rollover image . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .418 Using an external image editor . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .419 Applying behaviors to images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 420 Chapter 15: Linking and Navigation . . . . . . . . . . . . . . . . . . . . . . . 421 Understanding document locations and paths . . . . . . . . . . . . . . . . . . 422 Jump menus . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 425 Navigation bars . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 425 About image maps . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 426 Creating links. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 427 Managing links . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 437 Inserting jump menus. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .441 Using navigation bars . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 444 Using image maps . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 446 Attaching JavaScript behaviors to links . . . . . . . . . . . . . . . . . . . . . . . . 448 Checking for broken, external, and orphaned links. . . . . . . . . . . . . . . 449 Fixing broken links . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 450 Opening linked documents in Dreamweaver . . . . . . . . . . . . . . . . . . . . 452 Contents 7 Chapter 16: Working with Other Applications . . . . . . . . . . . . . . 453 About Fireworks and Flash integration. . . . . . . . . . . . . . . . . . . . . . . . . .453 Optimizing your work environment for Fireworks and Flash . . . . . . 454 Working with Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 455 Working with Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .466 Chapter 17: Adding Audio, Video, and Interactive Elements . . 469 About media files . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .470 Inserting and editing media objects . . . . . . . . . . . . . . . . . . . . . . . . . . . . .472 Starting an external editor for media files. . . . . . . . . . . . . . . . . . . . . . . .474 Using Design Notes with media objects . . . . . . . . . . . . . . . . . . . . . . . . . 476 Inserting and modifying a Flash button object . . . . . . . . . . . . . . . . . . . 476 Inserting a Flash text object. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .479 Inserting Flash content . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 480 Downloading and installing Flash elements . . . . . . . . . . . . . . . . . . . . 480 Inserting Flash elements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 481 Editing Flash element attributes. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 481 Inserting FlashPaper documents . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .482 Inserting Flash Video content . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .483 Inserting Shockwave movies . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 487 Adding video (non-Flash) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 487 Adding sound to a page . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .488 Inserting Netscape Navigator plug-in content . . . . . . . . . . . . . . . . . . 489 Inserting an ActiveX control . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 491 Inserting a Java applet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 492 Using behaviors to control media. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 492 Chapter 18: Using JavaScript Behaviors . . . . . . . . . . . . . . . . . . 493 Using the Behaviors panel. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 494 About events. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 495 Applying a behavior. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 496 Attaching a behavior to text . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .497 Changing a behavior . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 498 Updating a behavior . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 498 Creating new actions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 499 Downloading and installing third-party behaviors . . . . . . . . . . . . . . . 499 Using the behavior actions that come with Dreamweaver . . . . . . . . 499 8 Contents PART 5: WORKING WITH PAGE CODE Chapter 19: Setting Up Your Coding Environment . . . . . . . . . . . 531 Viewing your code . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .531 Using the coder-oriented workspace (Windows only) . . . . . . . . . . . . 533 Setting coding preferences . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 533 Customizing keyboard shortcuts . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 537 Opening files in Code view by default . . . . . . . . . . . . . . . . . . . . . . . . . . 537 Setting Validator preferences . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 538 Managing tag libraries . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 538 Importing custom tags into Dreamweaver . . . . . . . . . . . . . . . . . . . . . . 543 Using an external HTML editor with Dreamweaver . . . . . . . . . . . . . . 545 Chapter 20: Coding in Dreamweaver. . . . . . . . . . . . . . . . . . . . . 549 About coding in Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 549 Writing and editing code. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 558 Searching and replacing tags and attributes . . . . . . . . . . . . . . . . . . . . 570 Making quick changes to a code selection . . . . . . . . . . . . . . . . . . . . . . 572 Using language-reference material . . . . . . . . . . . . . . . . . . . . . . . . . . . . 573 Printing your code . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 574 Chapter 21: Optimizing and Debugging Your Code . . . . . . . . . 575 Cleaning up your code. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 575 Verifying that tags and braces are balanced . . . . . . . . . . . . . . . . . . . . 576 Checking for browser compatibility . . . . . . . . . . . . . . . . . . . . . . . . . . . . 577 Validating your tags . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 580 Making pages XHTML-compliant . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .581 Using the ColdFusion debugger (Windows only) . . . . . . . . . . . . . . . . 582 Chapter 22: Editing Code in Design View . . . . . . . . . . . . . . . . . 585 Editing code with the Property inspector . . . . . . . . . . . . . . . . . . . . . . . 585 Changing attributes with the Tag inspector . . . . . . . . . . . . . . . . . . . . . 586 Editing code with the Quick Tag Editor . . . . . . . . . . . . . . . . . . . . . . . . . 587 Editing code with the tag selector. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 590 Editing scripts . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .591 Working with server-side includes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 593 Using JavaScript behaviors . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 594 Viewing and editing head content. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 595 Contents 9 PART 6: PREPARING TO BUILD DYNAMIC SITES Chapter 23: Setting Up a Web Application . . . . . . . . . . . . . . . . 599 What you need to build web applications. . . . . . . . . . . . . . . . . . . . . . . 599 Setting up a web server . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 600 Setting up an application server . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 601 Creating a root folder for the application . . . . . . . . . . . . . . . . . . . . . . . 605 Defining a Dreamweaver site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 606 Connecting to a database . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 609 Chapter 24: Database Connections for ColdFusion Developers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 611 Connecting to a database . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .611 Editing or deleting a database connection. . . . . . . . . . . . . . . . . . . . . . . 613 Chapter 25: Database Connections for ASP.NET Developers . 615 Connecting to a database . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 615 Editing or deleting a database connection. . . . . . . . . . . . . . . . . . . . . . . 619 Chapter 26: Database Connections for ASP Developers . . . . . 621 About database connections in ASP . . . . . . . . . . . . . . . . . . . . . . . . . . . 621 Creating a DSN connection . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .624 Creating a DSN-less connection . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 627 Connecting to a database on an ISP . . . . . . . . . . . . . . . . . . . . . . . . . . . .628 Editing or deleting a database connection. . . . . . . . . . . . . . . . . . . . . . .632 Chapter 27: Database Connections for JSP Developers . . . . 633 About database connections in JSP . . . . . . . . . . . . . . . . . . . . . . . . . . . .633 Connecting to a database . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .635 Connecting through an ODBC driver . . . . . . . . . . . . . . . . . . . . . . . . . . . 637 Editing or deleting a database connection. . . . . . . . . . . . . . . . . . . . . . 640 Chapter 28: Database Connections for PHP Developers . . . . . 641 Connecting to a database . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 641 Editing or deleting a database connection. . . . . . . . . . . . . . . . . . . . . . .642 Chapter 29: Troubleshooting Database Connections . . . . . . . 643 Troubleshooting permissions problems . . . . . . . . . . . . . . . . . . . . . . . . .643 Troubleshooting Microsoft error messages. . . . . . . . . . . . . . . . . . . . . .645 Troubleshooting MySQL error messages . . . . . . . . . . . . . . . . . . . . . . 650 10 Contents PART 7: MAKING PAGES DYNAMIC Chapter 30: Optimizing the Workspace for Visual Development. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 653 Displaying web-application development panels . . . . . . . . . . . . . . . . 653 Viewing your database within Dreamweaver . . . . . . . . . . . . . . . . . . . . 656 Viewing live data in Design view . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 656 Working in Design view without live data . . . . . . . . . . . . . . . . . . . . . . . 662 Previewing dynamic pages in a browser . . . . . . . . . . . . . . . . . . . . . . . . 663 Restricting database information displayed in Dreamweaver . . . . . 664 Chapter 31: The Workflow for Dynamic Page Design . . . . . . . 665 Designing the page . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 665 Creating a source of dynamic content . . . . . . . . . . . . . . . . . . . . . . . . . . 666 Adding dynamic content to a web page . . . . . . . . . . . . . . . . . . . . . . . . 668 Enhancing the functionality of a dynamic page . . . . . . . . . . . . . . . . . . 668 Testing and debugging the page . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 670 Chapter 32: Obtaining Data for Your Page . . . . . . . . . . . . . . . . 673 Using a database to store content . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 673 Collecting data submitted by users. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 674 Accessing data stored in session variables . . . . . . . . . . . . . . . . . . . . . 679 Chapter 33: Defining Sources of Dynamic Content . . . . . . . . . 685 About dynamic content sources . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 685 Defining a recordset. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .691 Defining URL parameters. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 695 Defining form parameters. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 696 Defining session variables . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 698 Defining application variables for ASP and ColdFusion . . . . . . . . . . 699 Using a variable as a data source for a ColdFusion recordset . . . . . 700 Defining server variables. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 701 Caching content sources . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 703 Changing or deleting content sources . . . . . . . . . . . . . . . . . . . . . . . . . . 704 Copying a recordset from one page to another page . . . . . . . . . . . . . 705 Chapter 34: Adding Dynamic Content to Web Pages . . . . . . . 707 About adding dynamic content . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 707 Making text dynamic . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 709 Making images dynamic . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 710 Making HTML attributes dynamic . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 711 Contents 11 Making ActiveX, Flash, and other object parameters dynamic . . . . . Editing dynamic content . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Deleting dynamic content . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Creating dynamic pages in a Contribute site . . . . . . . . . . . . . . . . . . . . . 714 715 715 716 Chapter 35: Displaying Database Records . . . . . . . . . . . . . . . . . 717 About displaying database records . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 717 Using predefined data formats . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 723 Creating recordset navigation links . . . . . . . . . . . . . . . . . . . . . . . . . . . . 725 Showing and hiding regions based on recordset results . . . . . . . . . . 728 Displaying multiple recordset results . . . . . . . . . . . . . . . . . . . . . . . . . . .729 Creating a table with a Repeat Region server behavior . . . . . . . . . . .730 Creating a record counter . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 731 Chapter 36: Displaying XML Data in Web Pages. . . . . . . . . . . .735 About using XML and XSL with web pages . . . . . . . . . . . . . . . . . . . . . 735 About server-side XSL transformations. . . . . . . . . . . . . . . . . . . . . . . . . 737 About client-side XSL transformations . . . . . . . . . . . . . . . . . . . . . . . . .740 About XML data and repeating elements . . . . . . . . . . . . . . . . . . . . . . . 743 About previewing XML data . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .744 Performing XSL transformations on the server . . . . . . . . . . . . . . . . . . 746 Performing XSL transformations on the client . . . . . . . . . . . . . . . . . . .760 Applying styles to XSLT fragments . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 763 Troubleshooting XSL transformations . . . . . . . . . . . . . . . . . . . . . . . . . . 764 Chapter 37: Using Web Services . . . . . . . . . . . . . . . . . . . . . . . . .765 About web services . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 766 Configuring proxy generators for use with Dreamweaver . . . . . . . . . 770 Adding a web service proxy using the WSDL description . . . . . . . . . 773 Adding a web service to a page . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 774 Editing the UDDI web service site list . . . . . . . . . . . . . . . . . . . . . . . . . . . 776 Chapter 38: Adding Custom Server Behaviors. . . . . . . . . . . . . . 777 About custom server behaviors . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 777 Installing third-party server behaviors . . . . . . . . . . . . . . . . . . . . . . . . . . 787 Using the Server Behavior Builder . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 788 Using parameters in server behaviors . . . . . . . . . . . . . . . . . . . . . . . . . . . 791 Positioning code blocks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .792 Creating a dialog box for a custom server behavior . . . . . . . . . . . . . .794 Editing and modifying server behaviors . . . . . . . . . . . . . . . . . . . . . . . . .796 12 Contents Chapter 39: Creating Forms . . . . . . . . . . . . . . . . . . . . . . . . . . . . 799 About forms . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 799 Creating HTML forms . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 803 Inserting HTML form objects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 805 Inserting dynamic HTML form objects . . . . . . . . . . . . . . . . . . . . . . . . . .810 Validating HTML form data . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .814 Attaching JavaScript behaviors to HTML form objects . . . . . . . . . . .815 Attaching custom scripts to HTML form buttons . . . . . . . . . . . . . . . . .815 Creating accessible HTML forms . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .816 PART 8: DEVELOPING APPLICATIONS RAPIDLY Chapter 40: Building ColdFusion Applications Rapidly . . . . . . . 821 About rapid application development (all servers) . . . . . . . . . . . . . . . .821 Building ColdFusion MX 7 forms . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 827 Building master/detail pages (ColdFusion) . . . . . . . . . . . . . . . . . . . . . 838 Building search/results pages (ColdFusion, ASP, JSP, PHP). . . . . 847 Building a record insert page (all servers) . . . . . . . . . . . . . . . . . . . . . . . 853 Building pages to update a record (ColdFusion). . . . . . . . . . . . . . . . . 856 Building pages to delete a record (ColdFusion) . . . . . . . . . . . . . . . . . 863 Using stored procedures to modify databases (ColdFusion) . . . . . . 872 Building pages that restrict access to your site (ColdFusion, ASP, JSP, PHP). . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 874 Securing a folder in your application (ColdFusion) . . . . . . . . . . . . . . . 884 Using ColdFusion components . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 884 Chapter 41: Building ASP.NET Applications Rapidly . . . . . . . . 893 Building ASP.NET forms . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 893 Creating ASP.NET DataGrid and DataList web controls . . . . . . . . . 897 Building master/detail pages (ASP.NET) . . . . . . . . . . . . . . . . . . . . . . . 902 Building a database search page (ASP.NET) . . . . . . . . . . . . . . . . . . . 909 Building a record insert page (ASP.NET) . . . . . . . . . . . . . . . . . . . . . . . .915 Building pages to update a record (ASP.NET) . . . . . . . . . . . . . . . . . . .915 Building pages to delete a record (ASP.NET) . . . . . . . . . . . . . . . . . . . 924 Using stored procedures to modify databases (ASP.NET) . . . . . . . 932 Building pages that restrict access to your site (ASP.NET) . . . . . . . 934 Chapter 42: Building ASP and JSP Applications Rapidly. . . . 935 Building master/detail pages (ASP and JSP) . . . . . . . . . . . . . . . . . . . 935 Building search/results pages (ASP and JSP) . . . . . . . . . . . . . . . . . . 939 Contents 13 Building a record insert page (ASP and JSP). . . . . . . . . . . . . . . . . . . Building pages to update a record (ASP and JSP) . . . . . . . . . . . . . . Building pages to delete a record (ASP and JSP). . . . . . . . . . . . . . . Building pages with advanced data manipulation objects (ASP and JSP). . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Building pages that restrict access to your site (ASP and JSP) . . . Using JavaBeans (JSP) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 939 940 945 949 953 953 Chapter 43: Building PHP Applications Rapidly . . . . . . . . . . . 957 Building master/detail pages (PHP) . . . . . . . . . . . . . . . . . . . . . . . . . . . .957 Building search/results pages (PHP) . . . . . . . . . . . . . . . . . . . . . . . . . . .963 Building a record insert page (PHP) . . . . . . . . . . . . . . . . . . . . . . . . . . . 964 Building pages to update a record (PHP) . . . . . . . . . . . . . . . . . . . . . . 964 Building pages to delete a record (PHP) . . . . . . . . . . . . . . . . . . . . . . . . 971 Building pages that restrict access to your site (PHP) . . . . . . . . . . . .979 PART 9: APPENDIXES Appendix A: Beginner's Guide to Databases . . . . . . . . . . . . . . 983 About databases . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .983 Database design basics . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 984 Understanding database connections . . . . . . . . . . . . . . . . . . . . . . . . . . 991 Appendix B: SQL Primer . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 997 Syntax basics . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .997 Defining the columns of a recordset . . . . . . . . . . . . . . . . . . . . . . . . . . . 999 Limiting the records in a recordset . . . . . . . . . . . . . . . . . . . . . . . . . . . . 999 Sorting the records in a recordset . . . . . . . . . . . . . . . . . . . . . . . . . . . . .1003 Joining tables . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .1003 Index . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .1005 14 Contents PART 1 Dreamweaver Basics Learn how to use Macromedia Dreamweaver 8 documentation and other resources, and set up the Dreamweaver workspace to fit your preferred working style. Then plan and set up a site, and begin to create pages. This part contains the following chapters: Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17 Chapter 1: Exploring the Workspace . . . . . . . . . . . . . . . . . . . . . . . . .39 Chapter 2: Setting Up a Dreamweaver Site . . . . . . . . . . . . . . . . . . . 79 Chapter 3: Creating and Opening Documents. . . . . . . . . . . . . . . . . 91 1 15 Introduction Macromedia Dreamweaver 8 is a professional HTML editor for designing, coding, and developing websites, web pages, and web applications. Whether you enjoy the control of hand-coding HTML or prefer to work in a visual editing environment, Dreamweaver provides you with helpful tools to enhance your web creation experience. The visual editing features in Dreamweaver let you quickly create pages without writing a line of code. You can view all your site elements or assets and drag them from an easy-to-use panel directly into a document. You can streamline your development workflow by creating and editing images in Macromedia Fireworks or another graphics application, then importing them directly into Dreamweaver, or by adding Macromedia Flash objects. Dreamweaver also provides a full-featured coding environment that includes code-editing tools (such as code coloring and tag completion) and language reference material on Cascading Style Sheets (CSS), JavaScript, and ColdFusion Markup Language (CFML), among others. Macromedia Roundtrip HTML technology imports your hand-coded HTML documents without reformatting the code; you can then reformat code with your preferred formatting style. Dreamweaver also enables you to build dynamic database-backed web applications using server technologies such as CFML, ASP.NET, ASP, JSP, and PHP. Dreamweaver is fully customizable. You can create your own objects and commands, modify keyboard shortcuts, and even write JavaScript code to extend Dreamweaver capabilities with new behaviors, Property inspectors, and site reports. This chapter contains the following sections: 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 17 Guide to Dreamweaver instructional media . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31 Typographical conventions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36 HTML and web technologies resources . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36 What's new in Dreamweaver 8 Dreamweaver 8 includes various new features that improve usability and help you to build pages whether you're working in the design or the coding environment. First, Dreamweaver 8 provides support for best practices and industry standards, including support for advanced CSS use, XML and RSS feeds, and accessibility requirements. Work with best practices Visual authoring with XML data Get up to speed with XML using powerful, visual tools to integrate feeds into work and remove the mystery from XML to HTML translation. Integrate XML-based data, such as RSS feeds, into web pages using a simple drag-and-drop workflow. Jump to Code view to customize the transformation, using improved code hinting for XML and XSLT. For more information, see Chapter 36, "Displaying XML Data in Web Pages," on page 735. The new, unified CSS panel provides a central location for learning, understanding, and working with the CSS styles applied to pages in a visual way. All the CSS functionality is consolidated into one panel set and enhanced to make working with CSS styles easier and more productive. The new interface makes it easier to see the cascade of styles applied to a specific element so that you can easily identify where attributes are defined. A property grid allows for quick edits. For more information, see "Using the CSS Styles panel" on page 394, Apply visual aides at design time to outline CSS layout borders or color CSS layouts. Applying visual aides reveals complex nesting schemes and improves selection. Click the CSS layout for valuable tooltips that help you understand the elements that are controlling the design. See Chapter 7, "Laying Out Pages with CSS," on page 197. View content the same way users will see it no matter what the delivery mechanism with new support for CSS media types. Use the Style Rendering toolbar to toggle to Design view and see how it will look in print, on a handheld, or onscreen. See "The Style Rendering toolbar" on page 49. New, unified CSS panel CSS layout visualization Style Rendering toolbar 18 Introduction Work with best practices CSS rendering improvements Match how complex CSS layouts will render in most browsers with substantial improvements in Design view accuracy. Dreamweaver now fully supports advanced CSS techniques, such as overflow, pseudo-elements, and form elements. In addition to the integrated accessibility evaluation tool for Section 508 and WCAG Priority 1 checkpoints, Dreamweaver now supports both CSS and accessibility with an updated evaluation tool that includes WCAG Priority 2 checkpoints. WebDAV in Dreamweaver 8 now supports digest authentication and SSL for secure file transfer, and offers improved connectivity with a wider array of servers. See "Using WebDAV to check in and check out files" on page 136. Accessibility: Support for WCAG/W3C priority 2 checkpoints Improved WebDAV Get more done in less time with optimized user workflows that reduce the time required to complete common tasks. Dreamweaver 8 takes the hassle out of the little things so you can spend more time designing and developing engaging websites and applications. Get more done Background file transfer Keep working while Dreamweaver 8 uploads files to the server. For more information, see "Managing file transfers" on page 144. Get greater control over your design with zoom. Zoom in and inspect an image or work with a complex nested table layout. Zoom out to preview how a page will look. For more information, see "Zooming in and out" on page 354. Compare the page layout to page mockups with pixel-perfect accuracy using guides to measure page layouts. Visual feedback helps measure distances accurately and supports intelligent snapping. For more information, see "Using guides" on page 227. The new Coding toolbar provides buttons for common coding features in a gutter bar along the side of Code view. For more information, see "Inserting code quickly with the Coding toolbar" on page 561. Focus only on the code you want to see by hiding and expanding blocks of code. For more information, see "Collapsing and expanding code fragments" on page 566. Zoom Guides Coding toolbar Code collapse What's new in Dreamweaver 8 19 Get more done Workspace layouts Customize and save workspace configurations. Dreamweaver 8 ships with four different configurations tailored to the needs of designers and coders. You can also build a custom workspace. For more information, see "Saving custom workspace layouts" on page 73. New document tabs on the Mac help simplify the user interface and make it easier to select documents. For more information, see "Displaying tabbed documents (Macintosh)" on page 72. New layouts and designs let you to create sites quickly. Manage sites with increased reliability and confidence. Improved site synchronization features help ensure that the file in use is the latest version. Prevent accidental overwriting of others' work with improved check-in/check-out functionality. For more information, see "Synchronizing the files on your local and remote sites" on page 144. Quickly compare files to identify what has changed. You can compare two local files, a file on the local computer and one on a remote computer, or two files on the remote computer. Use your favorite file comparison tool with Dreamweaver on both the Macintosh and Windows platforms. For more information, see "Comparing files for differences" on page 113. With the new pasting options in Dreamweaver, you can retain all the source formatting created in Microsoft Word, or just paste the text. For more information, see "Adding text to a document" on page 381. Work seamlessly with server-side includes at design time and runtime by ensuring that references are relative to sites instead of local files. For more information, see "Setting the relative path of new links" on page 432. Tabbed documents for the Mac New starter pages Improved site synchronize and check-in/check-out Compare files Paste Special Site-relative references Code-editing improvements Gain greater control over how Dreamweaver provides code hints and completes tags to fit with your coding style. 20 Introduction