Adobe Dreamweaver CS5 on Demand (On Demand Series)

Introduction xvii

1 Preparing and Planning a Web Site 1

Beginning with a Plan 2

Creating a Visual Mind Map 4

Generating a Timeline 6

Assembling the Site 7

Creating a Marketing Plan 8

Creating a Storyboard 9

Creating a Site Local Root Folder 0

2 Getting Started with Dreamweaver CS5 11

Understanding System Requirements 12

Installing Dreamweaver 13

Getting Started 14

Viewing the Dreamweaver Window 16

Creating a Web Site 18 New!

Opening a Web Site 20

Creating a Blank Web Page 21

Creating a Web Page from a Blank Template 22

Creating a Web Page from a Template 24

Creating a Web Page from a Sample 25

Saving a Web Page 26 New!

Opening an Existing Web Page or File 28 New!

Working with Views 30 New!

Switching Between Pages and Views 31

Previewing Pages in Live View 32 New!

Previewing Pages in Browser 34

Getting Help While You Work 36 New!

Getting Dreamweaver Updates on the Web 38 New!

Closing a Web Page or File 39

Finishing Up 40

3 Working Within the Dreamweaver Environment 41

Examining the Dreamweaver Window 42 New!

Working with Toolbars 44 New!

Resizing Panels 45

Working with Panels 46

Docking and Undocking Panels 48

Grouping and Ungrouping Panels 49

Creating a Workspace 50

Using the Status Bar 52

Changing the View with the Zoom Tool 54

Working with Rulers 55

Working with the Grid and Guides 56

Creating Keyboard Shortcuts 58

Setting General Preferences 60 New!

Setting New Document Preferences 62

Working with Colors 64

Setting Highlighting Color Preferences 66

4 Managing Web Site Files 67

Exploring Web Site Files and Folders 68

Setting Up Site Folders 69 New!

Viewing the Files Panel 70

Opening and Creating Files in the Files Panel 72

Managing Files and Folders in the Files Panel 74

Finding Files in the Files Panel 76

Saving a File with Different Formats 78

Identifying Dreamweaver File Formats 79

Setting the Home Page 80

Preparing to Set Page Properties 81

Setting Appearance Page Properties 82

Setting Link Page Properties 83

Setting Heading Page Properties 84

Changing Title and Encoding Page Properties 85

Changing Page Properties for a Tracing Image 86

Using Visual Aids 87

Working with Invisible Elements 88

Selecting Elements 90

5 Working with Web Page Text 91

Adding Text to Web Pages 92

Importing Tabular Data 93

Importing Content from Microsoft Documents 94

Inserting Special Characters and the Date 96

Selecting Text 98

Copying and Pasting Text 100

Setting Copy/Paste Preferences 102

Modifying Font Combinations 103

Formatting Characters 104

Formatting Paragraph Text 106

Controlling Line Spacing 107

Inserting Horizontal Rules 108

Creating Ordered and Unordered Lists 110

Creating Definition Lists 112

Modifying Lists 113

Applying Text Styles 114

Creating Text Styles 116

Renaming Styles 118

Finding Text 119

Finding and Replacing Text or Code 120

Using the Results Panel 122

Defining Acronyms and Abbreviations 123

Checking Spelling 124 New!

Using Undo and Redo 126

Setting Font Preferences 128

6 Working with Web Page Images 129

Using Web Friendly Graphics 130

Defining an Image Folder 132

Inserting Images 134

Inserting Images from Photoshop 136

Updating Images from Photoshop 138

Inserting Images from Fireworks 140

Optimizing Images using Fireworks 142

Using Low Source Images 143

Modifying Images 144

Aligning Images 146

Editing Images 148

Changing Image Brightness and Contrast 152

Changing Image Sharpness 153

Cropping an Image 154

Using an External Editor 155

Setting File Types/Editors Preferences 156

Creating Rollover Images 158

Inserting an Image Placeholder 160

7 Linking Web Pages 163

Understanding Link Types 164

Understanding Paths 165

Setting the Relative Path 166

Adding a Link 168

Adding an Email Link 170

Linking within a Web Page 172

Creating Image Map Hotspots 174

Modifying Image Map Hotspots 176

Creating a Null or Script Link 177

Modifying a Link 178

Removing a Link 179

Updating Links 180

Testing a Link 182 New!

Changing Links Sitewide 184

8 Working with Web Page Tables 185

Working with Tables 186

Switching Between Table Modes 187

Inserting a Table in Standard Mode 188

Modifying a Table 190

Adding Content into a Table 192

Importing and Exporting Table Data 194

Adding Columns or Rows to Tables 196

Resizing Columns and Rows 197

Splitting and Merging Cells 198

Sorting Table Data 199

Changing Table Properties 200

Changing Cell, Row, or Column Properties 202

Using a Tracing Image 204

Creating a Nested Table 206

9 Working with Cascading Style Sheets 207

Introducing Cascading Style Sheets 208

Creating a Web Page with a CSS Layout 210

Creating CSS Styles 212

Applying Internal CSS Styles 214

Applying and Modifying External CSS Styles 216 New!

Removing Internal Styles 218

Using the CSS Styles Panel 219 New!

Editing CSS in the Properties Panel 220

Setting CSS Properties 222

Working with CSS Rules 224

Moving CSS Rules 226

Disabling or Enabling CSS Rules 228 New!

Inspecting CSS Code 229 New!

Using the Relevant CSS Tab 230

Working with ID Selectors 231

Creating and Applying an ID Selector 232

Checking for CSS Browser Compatibility 234

Formatting CSS Code 236

Setting CSS Styles Preferences 238

Using Design-Time Style Sheets 239

Optimizing Web Pages 240

10 Creating Page Layouts Using CSS_P 241

Introducing CSS Layouts and AP Elements 242

Creating AP Elements 243

Nesting AP Elements 244

Setting AP Element Preferences 245

Using CSS Positioning 246

Applying a CSS-P Style 248

Modifying CSS-P Properties 250

Working with AP Elements 252

Creating a Rollover Using AP Elements 254

Converting AP Elements to Tables 256

11 Creating Frames 259

Introducing Frames 260

Creating a New Frame 262

Opening a Web Page in a Frame 264

Providing Information for No Frame Support 265

Selecting Frames and Framesets 266

Adding Frameset Information 267

Saving a Frameset 268

Modifying Frames 270

Changing Frame Properties 272

Changing Frameset Properties 274

Targeting Links 276

Creating Quick and Easy Frame Links 278

12 Working with Multimedia and Online Tools 279

Introducing Flash File Types 280

Inserting a Flash or Shockwave Movie 281

Changing Flash or Shockwave Movie Properties 282

Inserting a Flash Video 284

Linking or Embedding Sound 286

Using Java Applets 288

Using ActiveX Controls 290

Using Plug-ins 292

Checking for Plug-ins 294

Exploring CS Live Services 296 New!

Sharing My Screen 298 New!

13 Creating Forms 299

Understanding Forms 300

Creating a Form 302

Inserting Form Objects 304

Modifying Text Fields and Text Areas 306

Modifying Radio Buttons and Check Boxes 308

Modifying Lists and Menus 309

Modifying Buttons 310

Inserting an Image Button 311

Making Form Objects Dynamic 312

Using Tables to Control Forms 313

Validating Forms 314

Creating and Editing a Jump Menu 316

Viewing Example Code for Forms 318

14 Viewing the HTML Behind the Page 321

Understanding HTML 322

Using the Reference Panel 324

Using Code View 326

Using Code Live View 328

Setting Code View Options 329

Entering HTML Code 330

Using Code Hints 331 New!

Working with HTML Head Tags 332

Inserting HTML Comments 333

Using the Coding Toolbar 334

Using Quick Tag Editor 336

Using the Tag Inspector 338

Using the Tag Chooser 339

Opening Related Files 340 New!

Navigating to Related Code 342

Setting Site Specific Code Hints 343 New!

Setting Code Hint Preferences 344 New!

Setting Code Format Preferences 345

Setting Code Rewriting Preferences 346

Setting Code Color Preferences 348 New!

15 Working with Behaviors 349

Introducing Behaviors 350

Applying Behaviors to Page Elements 352

Applying Behaviors to Entire Page 354

Editing Behaviors 356

Working with Behaviors 358

Adding Behavior Effects 360

Going to Another Web Page 362

Opening Another Browser Window 363

Displaying Text Messages 364

Preloading and Swapping Images 366

Changing Element Properties 368

Dragging an AP Element 370

Showing and Hiding Elements 372

Executing a JavaScript 373

16 Using Spry Widgets and Effects 375

Inserting Spry Widgets 376

Selecting and Editing Spry Widgets 378

Working with Spry Panel Widgets 380

Working with Spry Validation Widgets 382

Working with Spry Menu Bar Widgets 384

Creating a Spry Tooltip 386

Displaying Spry Data Sets 388

Creating a Spry Region 392

Creating a Spry Repeat List 394

Customizing a Spry Widget 395

Adding and Removing Spry Effects 396

Checking Out Spry Samples 398

17 Using Code Snippets and Libraries 399

Introducing Snippets 400

Inserting a Snippet 402

Editing Existing Snippets 404

Creating Snippets 406

Introducing Assets and Libraries 408

Using the Assets Panel 409

Inserting an Asset 410

Working with Site Assets 411

Working with Color and URL Assets 412

Working with Favorite Assets 414

Creating and Inserting Library Items 416

Editing Library Items 418

Working with Library Items 420

Creating an External JavaScript Library 422

Inserting and Editing an External JavaScript 424

Using Server-Side Includes 426

18 Creating Templates 427

Introducing Templates 428

Creating a Template 429

Opening a Template 430

Defining Editable Regions 432

Defining Editable Attributes 433

Creating Repeating Regions 434

Creating Optional Regions 436

Creating InContext Editable Editing Regions 438

Creating InContext Editable Repeating Regions 440

Creating Nested Templates 442

Creating a Web Page from a Nested Template 444

Creating a Web Page from a Custom Template 445

Updating a Template 446

Attaching or Detaching a Template 448

Importing XML into a Template 449

Exporting Template Data as XML 450

19 Testing a Web Site 451

Finding Broken Links 452

Fixing Broken Links 454

Validating Web Pages 456

Checking for HTML Browser Compatibility 458

Checking for Balanced Code 460

Cleaning Up HTML 462

Cleaning UP Word HTML 464

Adding Accessibility 466

Running Reports to Test a Site 468

Viewing and Saving Reports 470

Gathering Download Statistics 472

20 Managing a Web Site 473

Setting Advanced Site Definitions 474 New!

Defining Local Info for a Site 476

Defining Remote Info for a Site 478

Defining the Testing Server 482

Defining Version Control 483

Defining Site Cloaking 484

Setting File View Columns Options 485

Using Design Notes 486

Viewing Design Notes 488

21 Moving Your Site to the Internet 489

Setting Site File Preferences 490

Managing Site Files with the Files Panel 492

Transferring Files 494

Comparing Local and Remote Files 496

Checking Site Files In and Out 498

Managing Site Files Versions with Subversion 500 New!

Working with Business Catalyst Site Files 502 New!

Synchronizing Site Files 504

Cloaking and Uncloaking Files 506

22 Automating Dreamweaver 507

Using the History Panel 508

Undoing and Redoing History Steps 509

Replaying History Steps 510

Copying History Steps Between Documents 511

Saving History Steps as Commands 512

Using and Managing History Commands 514

Recording Commands for Temporary Use 516

Setting History Panel Preferences 517

Using Advanced Find and Replace for Text 518

Using Advanced Find and Replace for Tags 520

Creating and Using a Search Query 522

New Features 523 New!

Adobe Certified Expert 525

Index 531