Sue Jenkins Richard Wagner1 BOOKS • Getting Started • Mastering the Basics • Working Like the Pros • Energizing Your Site • Publishing Your Site • Working Collaboratively • Building Web
Trang 1Sue Jenkins Richard Wagner
1
BOOKS
• Getting Started
• Mastering the Basics
• Working Like the Pros
• Energizing Your Site
• Publishing Your Site
• Working Collaboratively
• Building Web Applications
• Making Pages Dynamic
• Developing Applications Rapidly
Making Everythi ng Easier!
™
Open the book and find:
• How to plan and design a Web site
• Advice on working with Cascading Style Sheets
• Steps for adding Flash ® content, movies, and audio
• Tips for building forms and organizing data with tables
• Ways to add interactivity with drop-down menus and rollovers
• Techniques for testing your site before it’s published
• How to set up and manage a Contribute site
• Secrets for building Web applications
host of three software training DVDs and is the author of several books
on Web and graphic design Richard Wagner is an experienced Web
designer, developer, and author of more than a dozen Web-related books
$34.99 US / $41.99 CN / £24.99 UK
ISBN 978-0-470-61077-0
Internet/Web Site Design
for videos, step-by-step examples,
how-to articles, or to shop!
Your one-stop guide to designing,
developing, and maintaining
high-impact Web sites
Whether you’re a seasoned pro or a Web design
newbie, here’s just what you need to get up to speed on
Dreamweaver CS5 Each minibook covers a particular aspect
of Dreamweaver, so whether you want to learn more about
mastering the basics and designing effective Web pages or
configuring database connections and working with Spry
Effects, it’s all here!
• Learn the landscape — get familiar with the workspace, use the
menus, understand the panels and Properties inspector, and set
preferences
• Conquer the basics — create documents, add and format text,
insert graphics, create rollover buttons, and make links to other
pages
• Become a pro — style your pages with Cascading Style Sheets,
build sites with Dreamweaver templates, and use Library items
• Add some zing — use layers to create sophisticated Web layouts,
add interactivity with JavaScript ® , and work with Spry Effects
and Spry Widgets
• Keep it clean — review source formatting and clean up your code
to avoid errors when publishing your site
• Collaborate — enable collaborative tools such as Design Notes,
Check In/Check Out, Contribute ® , and Business Catalyst
• Go dynamic — enable your pages to interact with databases,
build dynamic forms, and work with ColdFusion ® components
• Some geeky stuff — build master and detail pages, create search
and results pages, and develop record update and delete pages
Trang 2Start with FREE Cheat Sheets
Cheat Sheets include
• Checklists
• Charts
• Common Instructions
• And Other Good Stuff!
Get Smart at Dummies.com
Dummies.com makes your life easier with 1,000s
of answers on everything from removing wallpaper
to using the latest version of Windows
Check out our
• Videos
• Illustrated Articles
• Step-by-Step Instructions
Plus, each month you can win valuable prizes by entering
our Dummies.com sweepstakes *
Want a weekly dose of Dummies? Sign up for Newsletters on
• Digital Photography
• Microsoft Windows & Office
• Personal Finance & Investing
• Health & Wellness
• Computing, iPods & Cell Phones
• eBay
• Internet
• Food, Home & Garden
Find out “HOW” at Dummies.com
*Sweepstakes not currently available in all countries; visit Dummies.com for official rules.
Get More and Do More at Dummies.com ®
To access the Cheat Sheet created specifically for this book, go to
www.dummies.com/cheatsheet/dreamweavercs5aio
Mobile Apps
There’s a Dummies App for This and That
With more than 200 million books in print and over 1,600 unique titles, Dummies is a global leader in how-to information Now you can get the same great Dummies information in an App With topics such as Wine, Spanish, Digital Photography, Certification, and more, you’ll have instant access to the topics you need to know in a format you can trust.
To get information on all our Dummies apps, visit the following:
www.Dummies.com/go/mobile from your computer.
www.Dummies.com/go/iphone/apps from your phone.
Trang 3Dreamweaver ® CS5
A L L - I N - O N E
FOR
Trang 5by Sue Jenkins and Richard Wagner
A L L - I N - O N E
FOR
Trang 6Dreamweaver CS5 All-in-One For Dummies
Copyright © 2010 by Wiley Publishing, Inc., Indianapolis, Indiana
Published by Wiley Publishing, Inc., Indianapolis, Indiana
Published simultaneously in Canada
No part of this publication may be reproduced, stored in a retrieval system or transmitted in any form or
by any means, electronic, mechanical, photocopying, recording, scanning or otherwise, except as
permit-ted under Sections 107 or 108 of the 1976 Unipermit-ted States Copyright Act, without either the prior written
permission of the Publisher, or authorization through payment of the appropriate per-copy fee to the
Copyright Clearance Center, 222 Rosewood Drive, Danvers, MA 01923, (978) 750-8400, fax (978) 646-8600
Requests to the Publisher for permission should be addressed to the Permissions Department, John Wiley
& Sons, Inc., 111 River Street, Hoboken, NJ 07030, (201) 748-6011, fax (201) 748-6008, or online at http://
www.wiley.com/go/permissions.
Trademarks: Wiley, the Wiley Publishing logo, For Dummies, the Dummies Man logo, A Reference for the
Rest of Us!, The Dummies Way, Dummies Daily, The Fun and Easy Way, Dummies.com, Making Everything
Easier, and related trade dress are trademarks or registered trademarks of John Wiley & Sons, Inc and/
or its affi liates in the United States and other countries, and may not be used without written permission
Dreamweaver is a registered trademark of Adobe Systems Incorporated All other trademarks are the
property of their respective owners Wiley Publishing, Inc is not associated with any product or vendor
mentioned in this book.
LIMIT OF LIABILITY/DISCLAIMER OF WARRANTY: THE PUBLISHER AND THE AUTHOR MAKE NO
REPRESENTATIONS OR WARRANTIES WITH RESPECT TO THE ACCURACY OR COMPLETENESS OF
THE CONTENTS OF THIS WORK AND SPECIFICALLY DISCLAIM ALL WARRANTIES, INCLUDING
WITH-OUT LIMITATION WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE NO WARRANTY MAY BE
CREATED OR EXTENDED BY SALES OR PROMOTIONAL MATERIALS THE ADVICE AND STRATEGIES
CONTAINED HEREIN MAY NOT BE SUITABLE FOR EVERY SITUATION THIS WORK IS SOLD WITH THE
UNDERSTANDING THAT THE PUBLISHER IS NOT ENGAGED IN RENDERING LEGAL, ACCOUNTING, OR
OTHER PROFESSIONAL SERVICES IF PROFESSIONAL ASSISTANCE IS REQUIRED, THE SERVICES OF
A COMPETENT PROFESSIONAL PERSON SHOULD BE SOUGHT NEITHER THE PUBLISHER NOR THE
AUTHOR SHALL BE LIABLE FOR DAMAGES ARISING HEREFROM THE FACT THAT AN
ORGANIZA-TION OR WEBSITE IS REFERRED TO IN THIS WORK AS A CITAORGANIZA-TION AND/OR A POTENTIAL SOURCE
OF FURTHER INFORMATION DOES NOT MEAN THAT THE AUTHOR OR THE PUBLISHER ENDORSES
THE INFORMATION THE ORGANIZATION OR WEBSITE MAY PROVIDE OR RECOMMENDATIONS IT
MAY MAKE FURTHER, READERS SHOULD BE AWARE THAT INTERNET WEBSITES LISTED IN THIS
WORK MAY HAVE CHANGED OR DISAPPEARED BETWEEN WHEN THIS WORK WAS WRITTEN AND
WHEN IT IS READ.
For general information on our other products and services, please contact our Customer Care
Department within the U.S at 877-762-2974, outside the U.S at 317-572-3993, or fax 317-572-4002.
For technical support, please visit www.wiley.com/techsupport.
Wiley also publishes its books in a variety of electronic formats Some content that appears in print may
not be available in electronic books.
Library of Congress Control Number: 2010926841
ISBN: 978-0-470-61077-0
Manufactured in the United States of America
10 9 8 7 6 5 4 3 2 1
Trang 7About the Authors
Sue Jenkins is a Web designer, graphic designer, illustrator, photographer,
teacher, writer, and the owner of Luckychair (www.luckychair.com), a professional design studio serving companies across the United States since
1997 Sue is the author of several books on design, including Web Design
All-in-One For Dummies, Web Design: The L-Line, The Express Line to Learning, How
To Do Everything Illustrator CS4, and the upcoming Smashing Photoshop: 100 Professional Techniques She can also be seen as the software instructor in
four of ClassOnDemand’s (www.classondemand.com) Adobe Training DVDs:
Dreamweaver for Designers (winner of a 2007 Bronze Telly Award), Designer’s Guide to Photoshop, Designer’s Guide to Illustrator (winner of a 2009 Annual
Communicator Award of Distinction), and Fundamentals of Photoshop Elements
(winner of a 2009 DV Magazine Award of Excellence) In addition, Sue is an Adobe Certifi ed Expert and Adobe Certifi ed Instructor and teaches three-day courses in Dreamweaver, Illustrator, and Photoshop at Noble Desktop in New York City Sue lives with her husband and son in Pennsylvania
Richard Wagner is a Senior Developer at Maark, LLC as well as author
of several Web-related books, including Building Facebook Applications
For Dummies, Professional iPhone and iPod touch Programming, XSLT For Dummies, Creating Web Pages All-in-One For Dummies, XML All-in-One For Dummies, Web Design Before & After Makeovers, and JavaScript Unleashed
(1st and 2nd editions) Previously, Richard was vice president of product development at NetObjects He was also the inventor and chief architect of the award-winning NetObjects ScriptBuilder A versatile author with a wide
range of interests, he is also the author of The Expeditionary Man and The
Myth of Happiness.
Trang 9— Sue Jenkins
I would like to thank Susan Pink for her excellent job of managing this project Thanks also to Jon McFarland for his technical insights to ensure the accuracy of the book
— Richard Wagner
Trang 10Publisher’s Acknowledgments
We’re proud of this book; please send us your comments at http://dummies.custhelp.com
For other comments, please contact our Customer Care Department within the U.S at 877-762-2974,
outside the U.S at 317-572-3993, or fax 317-572-4002.
Some of the people who helped bring this book to market include the following:
Acquisitions and Editorial
Project Editor: Susan Pink
Acquisitions Editor: Bob Woerner
Copy Editor: Susan Pink
Technical Editor: Jon McFarland
Editorial Manager: Jodi Jensen
Editorial Assistant: Amanda Graham
Sr Editorial Assistant: Cherie Case
Cartoons: Rich Tennant
Proofreaders: Melissa Cossell,
The Well-Chosen Word
Indexer: Broccoli Information Mgt.
Publishing and Editorial for Technology Dummies
Richard Swadley, Vice President and Executive Group Publisher Andy Cummings, Vice President and Publisher
Mary Bednarek, Executive Acquisitions Director Mary C Corder, Editorial Director
Publishing for Consumer Dummies
Diane Graves Steele, Vice President and Publisher Composition Services
Debbie Stailey, Director of Composition Services
Trang 11Contents at a Glance
Introduction 1
Book I: Getting Started 9
Chapter 1: Cruising Around the Dreamweaver CS5 Workspace 11
Chapter 2: Planning and Designing Your Site 35
Chapter 3: Creating and Managing Sites 47
Book II Mastering the Basics 59
Chapter 1: Creating Documents 61
Chapter 2: Working with Text 75
Chapter 3: Inserting Graphics 95
Chapter 4: Making Links with Text and Images 113
Chapter 5: Adding Flash, Movies, Sound, and More 127
Chapter 6: Organizing Data with Tables 151
Chapter 7: Building Fabulous Forms 169
Book III: Working Like the Pros 199
Chapter 1: Looking Good with Cascading Style Sheets (CSS) 201
Chapter 2: Building Sites with Templates 249
Chapter 3: Using Library Items and Server-Side Includes 281
Chapter 4: Creating Code Snippets and History Panel Commands 299
Chapter 5: Integrating Dreamweaver with Fireworks 319
Chapter 6: Dreamweaver Cross-Application Integration 337
Book IV: Energizing Your Site 357
Chapter 1: Working with Layers 359
Chapter 2: Jazzing Up Pages with JavaScript Behaviors and Spry Widgets 383
Chapter 3: Designing Pages with Frames 433
Chapter 4: Making Your Pages XHTML-Compliant 463
Book V: Publishing Your Site 473
Chapter 1: Using Reports to Test Your Site before Publishing 475
Chapter 2: Keeping Your Code Clean 501
Chapter 3: Preparing to Publish Your Files Online 519
Chapter 4: Publishing Your Web Pages Online 535
Trang 12Book VI: Working Collaboratively 549
Chapter 1: Working Effi ciently with a Team 551
Chapter 2: Setting Up and Connecting to a Contribute Site 565
Chapter 3: Managing a Contribute Site 581
Chapter 4: Collaborating Online with InContext Editing 591
Book VII: Building Web Applications 601
Chapter 1: Preparing to Build Web Applications 603
Chapter 2: Confi guring MySQL Database Connections for PHP 617
Chapter 3: Confi guring ASP Database Connections 625
Chapter 4: Confi guring ASP.NET Database Connections 635
Chapter 5: Confi guring JSP Database Connections 643
Chapter 6: Confi guring ColdFusion Database Connections 651
Chapter 7: Dealing with Database Problems and Other Gotchas 661
Book VIII: Making Pages Dynamic 671
Chapter 1: Preparing Dynamic Content Sources 673
Chapter 2: Using Dynamic Content in Your Web Pages 685
Chapter 3: Previewing and Testing Your Dynamic Pages 699
Chapter 4: Building Dynamic Forms 709
Chapter 5: Advanced Dynamic Data Presentation 717
Book IX: Developing Applications Rapidly 729
Chapter 1: Building Master and Detail Pages 731
Chapter 2: Creating Search and Results Pages 747
Chapter 3: Building Record Insert Pages and Restricting Site Access 757
Chapter 4: Developing Record Update and Delete Pages 771
Index 791
Trang 13Table of Contents
Introduction 1
About This Book 2
Conventions Used in This Book 2
What You Don’t Have to Read 3
Assumptions About You 3
How This Book Is Organized 3
Book I: Getting Started 3
Book II: Mastering the Basics 3
Book III: Working Like the Pros 4
Book IV: Energizing Your Site 4
Book V: Publishing Your Site 4
Book VI: Working Collaboratively 4
Book VII: Building Web Applications 4
Book VIII: Making Pages Dynamic 5
Book IX: Developing Applications Rapidly 5
Icons Used in This Book 5
Where to Go from Here 6
Book I: Getting Started 9
Chapter 1: Cruising Around the Dreamweaver CS5 Workspace 11
Choosing a Workspace Layout 11
Getting to Know the Dreamweaver Workspace 13
Exploring the Document Window 17
Document tab bar 17
Document and Browser Navigation toolbars 18
Rulers 22
Grids 22
Guides 23
Status bar 23
Understanding the Panels and the Properties Inspector 24
Understanding the panel dock 24
Accessing panels and panel groups 25
Using the Insert panel 26
Using the Properties inspector 27
Working with the Files panel 27
Customizing the Workspace 29
Setting Dreamweaver Preferences 30
Trang 14Dreamweaver CS5 All-in-One For Dummies
xii
Finding Help 30
Using Dreamweaver Help (F1) 31
Working with the Reference panel 31
Visiting Adobe’s Dreamweaver support portal 32
Chapter 2: Planning and Designing Your Site .35
Understanding the Web Design Workfl ow 35
Knowing Your Audience 36
Defi ning the client’s expectations 36
Exploring the audience’s expectations 37
Examining Issues that Affect the Site Design 38
Balancing time, cost, and scope 38
Conveying your message 38
Web site design concepts 38
Considering resolution, optimization, and content 41
Planning the Site Layout 43
Designing and Optimizing Graphics 45
Chapter 3: Creating and Managing Sites 47
Understanding General Web Site Structure 47
Web site construction folders 47
Root-level organization 48
Setting Up a Managed Site 50
Servers 52
Version Control 53
Advanced Settings 53
Managing Multiple Sites 55
Duplicating sites 56
Exporting and importing sites 56
Removing sites from the Manage Sites list 57
Book II: Mastering the Basics 59
Chapter 1: Creating Documents 61
Creating a New Document 61
Saving Documents 65
Saving a copy of a fi le 66
Saving multiple documents at once 67
Reverting to a previous version of a fi le 67
Opening Existing Files 67
Setting Page Properties 68
Understanding Invisible Page Elements 69
Importing Tabular Data Files 72
Importing Word and Excel Files (Windows Only) 73
Trang 15Table of Contents xiii
Chapter 2: Working with Text 75
Adding Text 75
Editing Text 76
Removing Text 77
Pasting Text from Another File 77
Setting Text Properties in the Properties Inspector 78
HTML Properties Inspector 80
CSS Properties Inspector 82
Creating Inline Styles 85
Inserting Special Characters 86
Creating Lists 87
Editing with the Find and Replace Tool 89
Searching for tags and attributes 89
Searching for text in specifi c tags 91
Saving and reusing searches 93
Using regular expressions in your searches 94
Chapter 3: Inserting Graphics 95
Inserting Images in Your Web Page 96
Using the Insert panel 96
Using the Insert menu 98
Using the Assets panel 98
Using the Files panel 99
Editing, Deleting, and Moving Inserted Images 99
Using an Image Placeholder When a Graphic Isn’t Ready 99
Setting Image Attributes with the Properties Inspector 101
Naming your images 101
Specifying the width and height of images 102
Resizing and resetting images 102
Adding vertical or horizontal padding 103
Adding image links 103
Adjusting targets 103
Specifying the original fi le 103
Adding image borders 104
Providing Alternate text 104
Aligning images 105
Using the image editing icons 106
Creating Interactive Images 107
Adding rollover images 107
Creating image maps 109
Inserting Fireworks HTML 111
Chapter 4: Making Links with Text and Images 113
Understanding Hyperlinks 114
Creating Text Links 115
Making Image Links 117
Inserting E-Mail Links 118
Trang 16Dreamweaver CS5 All-in-One For Dummies
xiv
Creating Named Anchor Links 119
Step 1: Place the named anchor 120
Step 2: Link to the named anchor 121
Creating Temporary Links 122
Setting Link Targets 123
Editing and Deleting Links 123
Editing links 123
Deleting links 124
Using the Tag Chooser 124
Coding Links by Hand 126
Chapter 5: Adding Flash, Movies, Sound, and More 127
Flash Elements You Can Add to Your Web Site 127
Inserting Flash Movies (SWFs) 128
Adding a Flash movie to your page 128
Setting Flash movie attributes 131
Inserting Flash Video 132
Adding Shockwave Movies, Java Applets, and ActiveX Controls 137
Setting Shockwave movie properties 139
Setting Java applet properties 139
Setting ActiveX control properties 140
Adding Netscape Navigator Plug-ins 143
Setting Netscape Navigator plug-in properties 143
Playing Netscape Navigator plug-ins 144
Acceptable Sound File Formats 145
Adding Other Video and Sound to a Page 146
Linking versus embedding video 146
Linking versus embedding sound 147
Launching a Media External Editor 148
Chapter 6: Organizing Data with Tables 151
Creating Tables 152
Inserting a basic table in your page 153
Turning On Table Visual Aids 155
Formatting Tables with the Properties Inspector 156
Merging and Splitting Rows and Columns 158
Merging cells 160
Splitting a cell 160
Setting Table Width and Heights 161
Adding Rows and Columns to a Table 161
Adding a row 161
Adding a column 162
Adding multiple rows or columns 162
Deleting rows and columns 163
Inserting Text and Images in Table Cells 163
Formatting Individual Table Cells 163
Changing Table Measurements from Pixels to Percentages 164
Importing Tabular Data 165
Trang 17Table of Contents xv
Sorting Information in a Table 166
Working with Tables Created by Other Programs 168
Chapter 7: Building Fabulous Forms 169
Organizing Data in Your Form 170
Creating a Fabulous HTML Form 171
Adding and Labeling Form Fields 174
Text fi elds 174
Hidden fi elds 177
Check boxes 179
Radio buttons 181
Lists and menus 184
Jump menus 186
Image fi elds 186
File upload fi elds 187
Buttons 188
Label tags 190
Fieldset tags 191
Validating a Form with JavaScript 194
Validating a Form with Spry Assets 195
Book III: Working Like the Pros 199
Chapter 1: Looking Good with Cascading Style Sheets (CSS) .201
Understanding Cascading Style Sheets (CSS) 202
Exploring Different Style Sheet Types 204
Internal styles 204
External styles 206
Inline styles 207
Working with the CSS Styles Panel 208
All mode 209
Current mode 209
CSS Styles panel viewing icons 210
Understanding CSS Style Types 211
Class styles 212
ID styles (ID) 213
Tag redefi ne styles 215
Compound styles 215
Adding a Style to a New or Existing Style Sheet 217
Attaching a Style Sheet to Your Document 220
Applying a Class Style 221
Editing a CSS Style 222
Editing in All mode 222
Editing in Current mode 224
Adding properties to a CSS style 224
Deleting a CSS Style 225
Enabling/Disabling CSS Properties 225
Trang 18Dreamweaver CS5 All-in-One For Dummies
xvi
Exploring the CSS Rule Defi nition Dialog Box 228
Type properties 228
Background properties 230
Block properties 232
Box properties 234
Border properties 235
List properties 236
Positioning properties 237
Extensions properties 239
Renaming CSS Styles 240
Exporting Internal Styles to an External Style Sheet 242
Converting Inline Styles to CSS Rules 243
Using Design Time Style Sheets 245
Using the Code Navigator 246
Identifying Elements with CSS Inspect 247
Chapter 2: Building Sites with Templates 249
Introducing Templates 249
Creating a Template 250
Converting an HTML page into a template 251
Creating a new template from scratch 253
Working with Editable Regions 255
Creating editable regions 256
Removing editable regions 258
Renaming editable regions 259
Exporting a site without any template markup 260
Creating Optional and Optional Editable Regions 261
Creating optional regions 262
Creating optional editable regions 263
Modifying optional regions 264
Creating Repeating Regions and Tables 264
Creating repeating regions 265
Creating repeating tables 266
Creating Editable Tag Attributes 268
Changing editable tag attributes in template-based fi les 270
Resetting an editable tag attribute to uneditable 270
Building Nested Templates 271
Creating nested templates 271
Modifying nested templates 272
Creating a New Document from a Template 273
Editing Templates and Updating Pages 275
Modifying a template and updating all the pages that use it 275
Selectively updating pages with the most recent version of the template 276
Applying Templates to Pages 277
Detaching Templates from Pages 278
Managing Templates 279
Renaming a template 279
Deleting a template fi le 280
Trang 19Table of Contents xvii
Chapter 3: Using Library Items and Server-Side Includes 281
Introducing Library Items 282
Creating Library Items 282
Creating a selection-based library item 283
Creating an empty library item 284
Inserting a Library Item in Your Document 285
Editing and Managing Library Items 287
Editing library items 287
Updating documents and sites that use library items 288
Renaming library items 289
Deleting library items 290
Detaching library items 290
Copying a library item from one site to another 291
Re-creating library items 291
Understanding Server-Side Includes 292
Creating and Inserting Server-Side Includes 293
Creating a server-side include 294
Inserting a server-side include 295
Editing Server-Side Includes 297
Chapter 4: Creating Code Snippets and History Panel Commands 299
Understanding What Snippets Do 300
Using Dreamweaver’s Snippets 300
Creating Code Snippets 301
Creating a text snippet 302
Creating a JavaScript snippet 304
Creating a snippet with the Wrap Selection option 306
Creating a snippet with graphics 309
Working with Snippets 311
Sharing snippets 311
Editing snippets 312
Deleting snippets 312
Managing snippets 312
Creating History Panel Commands 313
Working with the History Panel 313
Recording commands 314
Playing commands 315
Renaming and deleting commands 317
Chapter 5: Integrating Dreamweaver with Fireworks 319
Preparing to Work with Dreamweaver and Fireworks 320
Setting Fireworks launch-and-edit preferences 320
Optimizing Dreamweaver for use with Fireworks 322
Using Fireworks Images in Dreamweaver 324
Inserting a Fireworks image in a Dreamweaver document 324
Replacing an image placeholder with a Fireworks graphic 325
Editing Images in Fireworks Tables 328
Optimizing Your Images in Dreamweaver 330
Trang 20Dreamweaver CS5 All-in-One For Dummies
xviii
Using Fireworks HTML in Dreamweaver 331
Inserting Fireworks HTML in a Dreamweaver document 332
Pasting Fireworks HTML in a Dreamweaver document 333
Updating Fireworks HTML in a Dreamweaver Document 334
Editing Fireworks Pop-Up Menus 335
Roundtrip pop-up menu editing (Fireworks 8 and later) 335
Pop-up menu editing (Fireworks MX 2004 and earlier) 336
Chapter 6: Dreamweaver Cross-Application Integration 337
Working with Adobe Flash 338
Inserting and Optimizing Photoshop Graphics 339
The Smart Objects workfl ow 340
The Copy/Paste workfl ow 344
Accessing and Using Adobe Bridge 346
Launching Bridge from Dreamweaver 347
Launching Dreamweaver from Bridge 347
Inserting a fi le from Bridge 347
Integrating Your Files with Device Central 347
Setting Up Dreamweaver to Use Adobe AIR 349
Working with Adobe’s Creative Suites Extended Services (CSXS) 350
Share My Screen (ConnectNow) 351
Search for Help 352
Third-Party Flash-based Services 354
Managing Your CSXS Services 354
Book IV: Energizing Your Site 357
Chapter 1: Working with Layers 359
Understanding Layers 360
Creating Layers 363
Drawing an AP Div layer 363
Adding content to layers 364
Creating nested layers 364
Setting layer preferences 366
Managing AP Div Layers with the AP Elements Panel 367
Preventing layer overlap 368
Naming AP Div layers 369
Changing the z-index (stacking order) 369
Editing layer visibility 369
Selecting and Adjusting AP Div Layers 370
Selecting layers 371
Resizing and moving AP Div layers 372
Setting Layer Properties 372
Controlling Layer Style and Positioning with CSS 375
Controlling Layers with Behaviors 378
Converting AP Divs to Tables and Tables to AP Divs 378
Converting AP Div layers to a table 379
Converting tables to AP Div layers 381
Trang 21Table of Contents xix
Chapter 2: Jazzing Up Pages with JavaScript Behaviors
and Spry Widgets 383
Understanding JavaScript Behaviors 385
Adding JavaScript to Your Page 386
Using Dreamweaver’s Default Behaviors 389
Using the Behaviors panel 389
Attaching a behavior 390
Changing and deleting behaviors 391
Updating old behaviors 392
Call JavaScript Behavior 393
Change Property Behavior 394
Check Plugin Behavior 395
Drag AP Element Behavior 397
Spry Effects Behaviors 400
Go to URL Behavior 403
Jump Menu and Jump Menu Go Behaviors 405
Creating a jump menu 405
Editing the Jump Menu behavior 407
Adding and removing a Go button 407
Open Browser Window Behavior 408
Popup Message Behavior 411
Preload Images Behavior 413
Set Text of Container Behavior 414
Set Text of Frame Behavior 416
Set Text of Status Bar Behavior 417
Set Text of Text Field Behavior 418
Show-Hide Elements Behavior 420
Swap Image Behavior 422
Swap Image Restore Behavior 424
Validate Form Behavior 425
Using Third-Party Behaviors 425
Visiting the Adobe Exchange Web site 425
Using the Extension Manager 426
Working with Spry Widgets 428
Chapter 3: Designing Pages with Frames 433
Understanding Frames 434
Creating Frames and Framesets 436
Using predefi ned framesets to create a new fi le 438
Displaying a fi le in a predefi ned frameset 439
Creating custom framesets 440
Adding, Removing, and Resizing Frames 441
Adding frames 441
Removing frames 442
Resizing a frame 442
Nested Framesets 442
Opening Pages in a Frame 444
Trang 22Dreamweaver CS5 All-in-One For Dummies
xx
Saving Frames and Framesets 445Saving all the fi les in the frameset 445Saving only the frameset fi le 446Saving an individual fi le in a frame 447Titling a Frameset 447Setting the Background Color of a File in a Frame 448Setting Frame Properties with the Properties Inspector 448Setting frameset properties 449Setting frame properties 451Frame Accessibility Settings 452Setting accessibility preferences 453Adding or editing accessibility settings to a frame
with the Tag Editor 453Targeting Frames with Links 454Adding Noframes Content 455Creating Floating Frames 457
Chapter 4: Making Your Pages XHTML-Compliant 463
Understanding the Benefi ts of Using XHTML with Dreamweaver 463Getting the Basics of XHTML Syntax 464Discovering the strict rules you can’t live without 464Taking advantage of strict and transitional rules 465Handling Dreamweaver’s Automatic XHTML Code Compliance Tools 466Making Sure Your Documents Follow XHTML Syntax 470Creating a new XHTML document with Dreamweaver 470Changing the default DTD 470Transforming HTML document code into XHTML 471Converting existing HTML fi les to XHTML 472Making sure your HTML fi le can be converted to XHTML 472Validating Your XHTML 472
Book V: Publishing Your Site 473
Chapter 1: Using Reports to Test Your Site before Publishing 475
Testing Your Site 476Following general testing guidelines 476Previewing your pages in multiple browsers 477Setting the primary and secondary browsers 477Previewing pages in multiple browsers locally 479Previewing pages in Adobe BrowserLab 480Setting download times and size 481Examining the Results Panel 483Searching Your Code for Tags and Attributes 484Looking Up Reference Information 484Validating Your Code 484Using the Validation tab 485Setting Validation tab preferences 486
Trang 23Table of Contents xxi
Testing Your Pages with Browser Compatibility 487Setting the target browsers for Browser Compatibility 488Using the Browser Compatibility tab 489Viewing and fi xing errors 491Checking and Fixing Links 492Handling Workfl ow and HTML Reports 494Launching reports 494Saving reports as XML fi les 497Viewing File Transfer Activity with the FTP Log 498Debugging a ColdFusion Application (Windows) 498
Chapter 2: Keeping Your Code Clean 501
Eliminating Formatting Issues Before They Occur 502Setting Copy and Paste preferences 502Using the Paste Special command 504Cleaning up Word HTML 504Checking Your Spelling, Grammar, and Readability 506Getting Your HTML and XHTML Code Consistent 508Reviewing Source Formatting and Making Changes 510Setting code formatting preferences 510Introducing your Code Category preferences 510Applying Source Formatting 514Applying source formatting to a complete fi le 514Applying source formatting to a selection 515Using the JavaScript Extractor (JSE) 515Changing Links Sitewide 517
Chapter 3: Preparing to Publish Your Files Online .519
Creating a Remote Connection 519Setting up a remote folder 520Confi guring a connection type 522Cloaking Your Files and Folders 531Enabling and disabling cloaking options 532Cloaking individual folders 533Uncloaking previously cloaked fi le types 534
Chapter 4: Publishing Your Web Pages Online 535
Understanding File Transfer Basics 535Transferring dependent fi les 536Working during fi le transfers 536Putting Files on and Getting Files from the Remote Server 537Examining the Files panel transfer options 538Putting fi les on a remote server 540Getting fi les from a remote server 542Viewing the FTP and background fi le activity logs 542Keeping Your Local and Remote Site Files Up-to-Date 544Viewing the newest fi les without synchronization 544Synchronizing your fi les 545
Trang 24Dreamweaver CS5 All-in-One For Dummies
xxii
Book VI: Working Collaboratively 549
Chapter 1: Working Effi ciently with a Team 551
Attaching Design Notes to Your Files 551Enabling and disabling Design Notes 553Removing Design Notes 554Adding Design Notes to a fi le 554Viewing and editing Design Notes 556Checking Files In and Out 557Using Version Control with Subversion 559Defi ning File View Columns 561Customizing File View Columns 561Sorting File View Columns 563
Chapter 2: Setting Up and Connecting to a Contribute Site 565
Understanding Contribute Best Practices 566Making a Dreamweaver Site Connection Compatible with Contribute 567Using Dreamweaver to Administer a Contribute Site 569Making the Most of Templates 572Leaving a Trail of Bread Crumbs for Contribute Users 574Connecting to a Contribute Site 574Transferring fi les to and from a Contribute
site from within Dreamweaver 575Setting Contribute fi le and folder permissions 576Understanding Contribute Special Files 576Troubleshooting a Contribute Site in Dreamweaver 577Fixing connection problems 577Checking the _mm folder 578
Chapter 3: Managing a Contribute Site 581
Managing Contribute Files Using Dreamweaver 582Rolling back your fi les 583Making changes to Contribute fi les 585Enabling Contribute users to use templates 586Unlocking a checked out fi le 587Using Dreamweaver to Edit a Contribute Site 588Updating templates in a Contribute site 588Editing style sheets in a Contribute site 588
Chapter 4: Collaborating Online with InContext Editing .591
Creating and Managing Editable Regions 592Creating editable regions 592Creating repeating regions 595Deleting editable regions 596Preparing a Site for Use with InContext Editing 597Inviting Users to the Site 598Updating Pages with InContext Editing 598
Trang 25Table of Contents xxiii
Book VII: Building Web Applications 601
Chapter 1: Preparing to Build Web Applications 603
Understanding Web Applications 603Choosing a Web Application Platform 605Choosing a Web Server 605Hosted sites 605Hosting your own site 606Choosing an Application Server 608PHP 608Active Server Pages (ASP) 610ASP.NET 610Java Server Pages (JSP) 610ColdFusion 611Considering Web/Application Server Combinations 611Setting Up the Testing Server in Dreamweaver 612Introducing Databases 614Choosing a Database 615
Chapter 2: Confi guring MySQL Database Connections for PHP 617
Adding a PHP Database Connection 617Creating a new dynamic PHP page 617Creating the database connection for PHP 619Editing a PHP Database Connection 622Deleting a PHP Database Connection 622
Chapter 3: Confi guring ASP Database Connections 625
Understanding ASP Database Connections 625Creating a New ASP Page 626Connecting to a Database with a Data Source Name (DSN) 627Connecting to a Database with a Custom Connection String 629Connecting to a Remote Database without a DSN 631Understanding physical paths and virtual paths 631Finding the database’s physical path when you know
the virtual path 631Connecting to a remote database with a virtual path 632Editing an ASP Database Connection 633Deleting an ASP Database Connection 633
Chapter 4: Confi guring ASP.NET Database Connections 635
Exploring ASP.NET Database Connections 635Creating a New ASP.NET Page 636Building an OLE DB Connection 637Using templates 637Using data link properties 639Building an SQL Server Connection 639Editing an ASP.NET Database Connection 640Deleting an ASP.NET Database Connection 641
Trang 26Dreamweaver CS5 All-in-One For Dummies
xxiv
Chapter 5: Confi guring JSP Database Connections .643
Gathering Database Connection Information 643Adding a JSP Database Connection 644Java Runtime Environment installation 645Installing the JDBC driver 645Creating a New JSP Document 646Connecting to a Database 647Editing a JSP Database Connection 648Deleting a JSP Database Connection 649
Chapter 6: Confi guring ColdFusion Database Connections 651
Pulling Together Database Connection Information 651Understanding How ColdFusion Connects to Databases 652Adding a ColdFusion Database Connection 652Creating a new ColdFusion document 653Specifying RDS login information 653Confi guring a database connection with the ColdFusion
Administrator 654Confi guring a database connection in Dreamweaver 656Editing a ColdFusion Database Connection 657Using Dreamweaver 657Using ColdFusion Administrator 658Deleting a ColdFusion Database Connection 659
Chapter 7: Dealing with Database Problems and Other Gotchas 661
Troubleshooting Basic Database Access 662Verifying contact with the database server 662Validating your database username and password 663Problematic Permissions: IIS and File-Based Databases 664Troubleshooting Microsoft Error Messages 66680004005: Data source name not found 66780040e07: Data type mismatch in criteria expression 66780040e10: Too few parameters 66780040e14: Syntax error in INSERT INTO statement 66880040e21: ODBC error on Insert or Update 668800a0bcd: Either BOF or EOF is true 668Troubleshooting JSP Database Connections 668Identifying Problems in the Database 668General Troubleshooting 669
Book VIII: Making Pages Dynamic 671
Chapter 1: Preparing Dynamic Content Sources 673
Exploring Your Database in the Databases Panel 674Defi ning Form Parameters 675Defi ning URL Parameters 677
Trang 27Table of Contents xxv
Defi ning Session Variables 679Using a Database as Your Data Source 681Understanding recordsets 681Defi ning a recordset 681
Chapter 2: Using Dynamic Content in Your Web Pages 685
Displaying and Formatting Dynamic Content 685Adding dynamic text 686Formatting your dynamic content 687Testing your dynamic text 688Working with Database Recordsets 690Repeating regions on your page 690Repeating regions in HTML tables 692Adding a recordset navigation bar 694Showing and hiding regions on your page 696Adding Dynamic Form Elements to Your Page 697
Chapter 3: Previewing and Testing Your Dynamic Pages 699
Viewing Live Data in Your Dynamic Web Pages 699Understanding how Live View works 699Uploading dependent fi les to the testing server 701Providing parameters for user input 703Troubleshooting problems in Live Data mode 704Previewing a Dynamic Web Page in Your Browser 705
Chapter 4: Building Dynamic Forms 709
Inserting Text Fields 709Adding Check Boxes 711Working with Radio Buttons 713Inserting Lists and Menus 714
Chapter 5: Advanced Dynamic Data Presentation 717
Using ColdFusion Components 717Building Web pages that use ColdFusion Components 718Creating ColdFusion Components 720Creating Custom Server Behaviors 723
Book IX: Developing Applications Rapidly 729
Chapter 1: Building Master and Detail Pages .731
Building Master and Detail Pages in One Operation (PHP, ASP, JSP, ColdFusion) 732Developing Master and Detail Pages Block by Block 736Creating the master page 736Setting up links to open a detail page 737Building detail pages 739
Trang 28Dreamweaver CS5 All-in-One For Dummies
xxvi
Developing Master and Detail Pages for ASP.NET 742Creating a master page 742Creating links that open the detail page 742Creating a detail page 744Testing Your Master and Detail Pages 744
Chapter 2: Creating Search and Results Pages 747
Creating the Search Page 747Building the Results Page 750Building the recordset 750Displaying the results 753Testing Your Search and Results Pages 754
Chapter 3: Building Record Insert Pages and Restricting Site Access .757
Creating the Record Insert Page in One Operation 758Building a Record Insert Page Block by Block 761Adding the form 761Adding the Insert Record server behavior 762Testing Your Record Insert Page 765Building a Login Page 766Setting up a database table 767Creating the HTML form on the login page 767Adding a Log In User server behavior to the page 767Restricting Access to Your Pages 768
Chapter 4: Developing Record Update and Delete Pages 771
Building an Update Page 771Creating link to the update page 772Putting the update page together 774Testing Your Update Page 779Building Pages to Delete a Record 781Creating delete links to open the confi rmation page 782Defi ning the URL parameter to pass to the confi rmation page 782Building the confi rmation page 784Adding logic to delete the record 787Testing Your Delete Page 788
Index 791
Trang 29nearly always choose Dreamweaver With more than 80 percent
of all designers using Dreamweaver, it is definitely the top dual-platform (PC and Mac) Web design software application on the market today
What makes Dreamweaver so great is the combo WYSIWYG (What You See
Is What You Get) and coding interface that allows you to build HTML files
containing text, graphics, and other media, all the while seeing the page layout and its code as you create pages in Dreamweaver’s Design and Code views
Dreamweaver accurately generates all the HTML, CSS, and JavaScript source code needed for Web developers to create HTML- and XHTML-compliant Web pages This means no more sweating intricate coding issues such as merging table cells, creating rollover effects, and applying CSS to text In addition, Dreamweaver integrates well with Fireworks, for roundtrip graphic editing, with Photoshop, for quick image optimization, with InContext Editing, for browser-based Web editing, and with Contribute CS5, for Web site maintenance and the publishing of content changes by a nondesigner
Dreamweaver CS5 enhancements include access to Adobe BrowserLab;
enhanced CSS tools such as CSS enable and disable, incremental tion, and CSS Inspect; access to dynamically related files; Live Changes and Live View navigation; improved PHP code hinting; and several workspace updates You’ll also find a better coding environment; integrated support for JavaScript, CSS, and server-side scripting; accessibility standards–
pagina-compliant code; and improved dynamic content creation tools for ing to databases such as MySQL and for working with a variety of scripting technologies including PHP, ASP, JSP, ASP.NET, and ColdFusion In addition, you can easily integrate XML content with both XSL and the Spry frame-work for Ajax The program contains all the tools you need to streamline page development, and many of the tools are customizable through the Preferences dialog box
connect-Use Dreamweaver CS5 All-in-One For Dummies as your complete guide to the
exciting world of Web design
Trang 30Dreamweaver CS5 All-in-One For Dummies
2
About This Book
This is a Dreamweaver reference book rather than a how-to book, which means that, rather than reading the book from cover to cover, you have the freedom to jump around from topic to topic and chapter to chapter, reading whatever section you want as the need arises In fact, think of each minibook
as its own little reference zone, with each zone split into chapters about forming specific tasks in Dreamweaver CS5
per-Everything you find in this book is written so that you don’t have to wade through complicated technical help files or commit anything to memory To keep things simple, you’ll find detailed, step-by-step, easy-to-follow instruc-tions When more technical information is needed to clarify a particular process, it’s often set apart from the main text in sidebars or noted in the margins with a Technical Stuff icon
The bottom line is that we want to make you comfortable with Dreamweaver CS5 and hope that you’ll continue to use this book frequently and consider it the main resource of your Web design library
Conventions Used in This Book
To help with new terms and concepts, the following typographical rules, or
conventions, are used in this book:
✦ New terms: New terms are set apart with italics For example:
Dreamweaver CS5 comes with the commonly used JavaScripts, which
it refers to as behaviors, ready to insert into your pages from the Behaviors panel.
✦ Placeholder text: Text that is a placeholder is set in italic For example,
in the phrase Type username here, username is a placeholder for your
actual username, so it is set in italic
✦ Code samples: We include short code samples in monospaced text in
the paragraph, like this: <img src=”logo.gif”> We set longer code samples apart from the text, like this:
<frameset rows=”80,*” cols=”*” frameborder=”NO”
border=”0” framespacing=”0”>
<frame src=”top.html” name=”topFrame” scrolling=”NO”
noresize title=”topFrame”>
When we want to draw your attention to particular parts of code ples, we indicate the important parts in bold, as in this example:
sam-<div id=”sidebar”></div>
✦ Reader entry: Anything you need to type is in boldface.
Trang 31Introduction 3
✦ Cross-platform: Whenever PCs and Macs have different shortcuts, we
include both the Windows equivalent (for example, right-click) and the Mac equivalent (for example, Control+click)
✦ Web addresses: Web addresses are set apart in monofont, such as
www.adobe.com
What You Don’t Have to Read
You don’t have to read any part of this book that doesn’t interest you For example, if you never intend to use Fireworks, skip that chapter! And if you see a sidebar that covers more technical information than you care to know, pass it by The main thing is that you know what is available and read only what is useful to you
Assumptions About You
With only a general idea of the kinds of people who will buy this book, we must make certain broad assumptions about all our readers to write this book with enough specificity for each of you Therefore, we assume that you’re a human being living on planet Earth who knows how to operate a computer and visit Web sites on the Internet, and has a desire to find out how to use Dreamweaver to build Web sites Beyond that, some prior knowledge of Web design, HTML, JavaScript, CSS, or Dreamweaver would
be helpful but is not required to use this book
How This Book Is Organized
This book is divided into nine minibooks, each of which is further divided into relevant chapters organized by topic Each minibook relates to the most important concepts in Dreamweaver
Book I: Getting Started
Begin your trip into the world of Web design with a look around the Dreamweaver workspace and a review of site design Then find out how to create and manage sites in Dreamweaver — an important step that enables you to take full advantage of Dreamweaver’s automated features
Book II: Mastering the Basics
Book II shows you everything you need to know to create and save new uments; add and format text on a page; insert graphics and create rollover buttons; convert text and graphics into clickable links to other Web pages;
doc-add movies, sound, and other media files to your pages; doc-add tables for nizing content; and build fantastic forms for collecting data from visitors
Trang 32orga-Dreamweaver CS5 All-in-One For Dummies
4
Book III: Working Like the Pros
Book III walks you through the process of styling your pages with Cascading Style Sheets (CSS), building sites using Dreamweaver templates, and using Library items You also find out about working with server-side includes, creating and using code snippets, recording and saving custom commands with the History panel, and using Dreamweaver with Fireworks for roundtrip image optimization The final chapter in this minibook contains informa-tion on using Dreamweaver with other software applications, such as Flash, Photoshop, Bridge, Device Central, AIR, ConnectNow, and InContext Editing
Book IV: Energizing Your Site
When you’re ready to add more zing and pizzazz to your pages, turn to Book
IV Here you find out how to work with layers instead of tables, create tunities for visitor interactivity by adding JavaScript behaviors to objects on your pages, work with Spry effects and Spry widgets, and design pages built with frames The final chapter in this minibook shows you the benefits of XHTML and how to configure Dreamweaver to write XHTML-compliant code
oppor-Book V: Publishing Your Site
Book V shows you how to run Dreamweaver’s reports and use other tools to test and fix any coding errors before you publish your site You also find out how to publish your Web site, which involves learning to select and set up a remote connection to your host server and transfer files to the remote site
Book VI: Working Collaboratively
Dreamweaver has several tools to assist you with multiuser page ment In Book VI, you find out how to enable collaborative tools such as Design Notes and Check In/Check Out as well as create sites that are editable
manage-by nondesigners through two integrated page editing tools If you’ll be using Adobe’s Contribute CS5 software, read Chapters 2 and 3 for information on setting up, connecting to, and managing a Contribute site Alternatively, if you’ll be working with InContext Editing, be sure to read Chapter 4 for help with creating and managing InContext Editable Web sites
Book VII: Building Web Applications
Book VII discusses how to select and add Web and application servers along with how to configure, edit, and delete database connections When working with databases, troubleshooting problems is important, so we also discuss resolving permission problems, database connection issues, and error messages
Trang 33Introduction 5
Book VIII: Making Pages Dynamic
In Book VIII, you find out how to define data sources and make them able for use in your dynamic pages We also show you how to add simple dynamic data to your Web pages, as well as create HTML tables for your recordsets, navigate through your recordsets, and dynamically control them In addition, you discover how to test the functionality of your dynamic site by using Dreamweaver’s Live Data view This minibook also includes a chapter on working with ColdFusion components, adding Web services to your site, and putting custom server behaviors to work
avail-Book IX: Developing Applications Rapidly
Book IX shows you how to build several types of pages, such as master and detail pages; search and results pages; and record insert, update, and delete pages We also get into more complicated territory, such as calling ASP com-mand objects, working with JSP prepared statements, and using stored pro-cedures Finally, you find out how to restrict site access
Icons Used in This Book
To make your experience with the book easier, you’ll find a handful of icons
in the margins of the book to indicate particular points of interest
Tip icons alert you to interesting techniques or hints that can save you time and effort
The New icon highlights important features and enhancements that are new
in Dreamweaver CS5
The Remember icon is a friendly cue about things to keep in mind when forming certain tasks or important information that can benefit you in under-standing how Dreamweaver works
per-When you see the Warning icon, watch out! Paragraphs marked with this icon include important information that will help you avoid common design
or coding mistakes and steer clear of trouble
Occasionally, we include some technical information that, while interesting
to some, is not essential reading for everyone Nevertheless, consider at least glancing at the text marked with the Technical Stuff icon just in case it applies to your situation
Trang 34Dreamweaver CS5 All-in-One For Dummies
6
Where to Go from Here
Read through the Table of Contents to find what interests you In addition, consider the following jumping-off topics:
Dreamweaver CS5 in particular, go to Book I
Book II
server-side includes, see Book III
work with Spry framework widgets, see Book IV
and InContext Editing, see Book VI
Beyond this book, loads of valuable Dreamweaver resources to help you build Web sites are available on the Internet The following is a sample of some useful sites you’ll find out there
Adobe Resources
Dreamweaver Support Center: www.adobe.com/support/dreamweaver/
Dreamweaver Exchange: www.adobe.com/cfusion/exchange/index
cfm?event=productHome&exc=3&loc=en_us
Author Resources
Luckychair: www.luckychair.com
Standards, Guidelines, and Initiatives
World Wide Web Consortium (W3C): www.w3.orgWeb Accessibility Initiative: www.w3.org/WAI/
Trang 35Introduction 7
Dreamweaver Extensions
Project Seven: www.projectseven.comHot Dreamweaver Fever: www.hotdreamweaver.comKaosweaver: www.kaosweaver.com
Web Developer Resources
Web Monkey: www.webmonkey.comW3 Schools: www.w3schools.com
Free CSS Templates: www.freecsstemplates.org
Trang 36Dreamweaver CS5 All-in-One For Dummies
8
Trang 37Book I
Getting Started
Trang 39Chapter 1: Cruising Around the Dreamweaver CS5 Workspace
In This Chapter
✓ Getting to know the Dreamweaver workspace
✓ Understanding the panels and Properties inspector
✓ Setting Dreamweaver preferences
✓ Finding help in the Help files, tutorials, and Reference panel
assist you with using the program If you’re familiar with earlier sions of Dreamweaver but new to Dreamweaver CS5, use this chapter as a review of the workspace basics
ver-This chapter provides an overview of the workspace and Document window, a review of the panels and Properties inspector, a quick look at setting preferences, and tips on how and where to find Dreamweaver help
Choosing a Workspace Layout
When you launch Dreamweaver for the very first time, the program matically opens a dialog box asking you to choose which file extensions should be associated with the project, and then displays the newly updated default Designer layout After the program is open, you can switch to
or by clicking the Workspace Switcher menu on the Application bar
With the release of CS5 (which uses the darker and more angular OS Widget Library (OWL) interface introduced in Dreamweaver CS4), the workspace options are now nearly identical for both Windows and Macintosh plat-forms So now, regardless of platform, all Dreamweaver CS5 users have equal access to the same workspace layouts Here is a closer look at the available layout options:
✦ App Developer: Select this layout to have the CSS Styles, AP Elements,
Databases, Bindings, Server Behaviors, Files, Assets, and Snippets panels docked on the left with the Document window displayed in the center and no Properties inspector
Trang 4012 Choosing a Workspace Layout
✦ App Developer Plus: Select this layout to have most of the App
Developer panels mentioned in the preceding bullet docked on the left; the Document window set to Split Code view (code on top) in the center; the Properties inspector below the Design view; and the iconic view of the Insert, Databases, Bindings, and Server Behaviors panels docked along the right Click the double-arrows at the top of either panel dock to expand and collapse the panels as needed
✦ Classic: This layout most closely mirrors the default Designer layout
setup from previous CS versions of Dreamweaver The right edge of the screen displays the most used docked panels, while the rest of the workspace is composed of the old tabbed Insert panel across the top, the Document window in Split Code view below that, and the Properties inspector along the bottom In all other CS5 layouts, the Insert panel appears at the top of the dock area Remember, you can dock and undock (make free-floating) all panels, which gives you the flexibility of customizing your workspace
✦ Coder: Select this layout to have the CSS Styles, AP Elements, Files,
Assets, and Snippets panel groups on the left—similar to several lar programming software applications—with the Document window in Code view in the center of the screen
✦ Coder Plus: This layout shows the Files, Assets, and Snippets panel
group on the left; the Document window in Code view in the center
of the screen; and the iconic view of the Insert, CSS Styles, and AP Elements panels docked along the right
✦ Designer: Select this layout to have the Insert, CSS Styles, AP Elements,
Business Catalyst, Files, and Assets panels docked on the right, with the Document window in Split Code view in the center, and the Properties inspector along the bottom
✦ Designer Compact: Select this layout to have the iconic Insert, CSS
Styles, AP Elements, Business Catalyst, Files, and Assets panels docked along the right, with the Document window in Split code view in the center, and the Properties inspector along the bottom
✦ Dual Screen: Select this layout if you have a secondary monitor to the
left or right of your primary monitor Initially, the panel dock is played on the left monitor and the Document window and code view are displayed on the right; however, you can customize this setup if you prefer working with a different configuration
dis-Each workspace layout is designed to assist you with a particular task
Choose an Application Developer layout if you’ll be developing applications, select a Coder option if you’ll be working only with code, select a Designer layout if you’ll be working with the WYSIWYG editor (Design view) and Code editor, pick the Classic option if you’re not quite ready to start using one of the other layouts, and choose the Dual Screen layout when working with two monitors If you are unsure of which layout to use, we recommend that you