Essentials for Design Macromedia Dreamweaver MX2, Level Two Book

TA B L E O F C O N T E N T S

INTRODUCTION . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .xviii

CHAPTER 1 COLLECTING INFORMATION WITH FORMS . . . . . . . . . . . . . .1

Lesson 1 Creating Properties of Forms . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .6

Lesson 2 Creating Short-Text, Long-Text, and Password Form Controls . . . . . . . . . . . . . .8

Lesson 3 Working with Multi-Line Text Areas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .12

Lesson 4 Using Submit, Reset, Image, and Other Buttons . . . . . . . . . . . . . . . . . . . . . . . .14

Lesson 5 Creating Radio Button Form Controls . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .17

Lesson 6 Working with Multiple-Choice Checkboxes . . . . . . . . . . . . . . . . . . . . . . . . . . .23

Lesson 7 Labeling Form Controls . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .26

Lesson 8 Selecting From Lists . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .32

Lesson 9 Grouping Form Controls and Options . . . . . . . . . . . . . . . . . . . . . . . .. . . . . . .38

Lesson 10 Creating Hidden Fields . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .44

Careers in Design . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .46

Checking Concepts and Terms . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .47

Skill Drill . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .49

Challenge . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .55

Portfolio Builder . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .62

CHAPTER 2 WORKING WITH CASCADING STYLE SHEETS . . . . . . . . . . .63

Lesson 1 Exploring CSS Styles Using the Dreamweaver Interface . . . . . . . . . . . . . . . . . .67

Lesson 2 Using Element Selectors and Grouping . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .78

Lesson 3 Using Class and ID Selectors . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .84

Lesson 4 Working with Contextual Selectors . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .90

Lesson 5 Creating Pseudo-Class Selectors . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .97

Lesson 6 Working with <span> and <div> Tags . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .101

Lesson 7 Using Inline, Embedded, and External Style Sheets . . . . . . . . . . . . . . . . . . . .104

Lesson 8 Using Design-Time Style Sheets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .110

Lesson 9 Working with Print Style Sheets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .112

Lesson 10 Using Alternate Style Sheets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .115

Checking Concepts and Terms . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .119

Skill Drill . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .122

Challenge . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .128

Portfolio Builder . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .132

CHAPTER 3 USING CSS FOR LAYOUT . . . . . . . . . . . . . . . . . . . . . . .133

Lesson 1 Using the <div> Tag for CSS Layouts . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .137

Lesson 2 Understanding the CSS Box Model . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .140

Lesson 3 Using List Properties . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .146

Lesson 4 Changing the Display Type . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .149

Lesson 5 Floating Content . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .152

Lesson 6 Working with Alternate Layout Methods . . . . . . . . . . . . . . . . . . . . . . . . . . . .155

46291_FM_pi-xvi 2/24/06 8:18 AM Page v

VI LEVEL 2

g p p pp

Lesson 7 Scrolling Content . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .162

Lesson 8 Creating Layouts Using Dreamweaver Layers . . . . . . . . . . . . . . . . . . . . . . . . .163

Lesson 9 Exporting Layers to a Table . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .168

Lesson 10 Using a Tracing Image . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .172

Careers in Design . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .174

Checking Concepts and Terms . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .175

Skill Drill . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .177

Challenge . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .181

Portfolio Builder . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .185

CHAPTER 4 JAVASCRIPT BEHAVIORS . . . . . . . . . . . . . . . . . . . . . . .186

Lesson 1 Working with Basic Events and Methods . . . . . . . . . . . . . . . . . . . . . . . . . . . .190

Lesson 2 Using JavaScript Functions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .195

Lesson 3 Creating JavaScript Alerts . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .200

Lesson 4 Displaying Messages on the Status Bar . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .204

Lesson 5 Creating Jump Menus . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .207

Lesson 6 Creating Image Rollovers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .210

Lesson 7 Creating a JavaScript Navigation Bar . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .214

Lesson 8 Validating Forms . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .220

Checking Concepts and Terms . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .224

Skill Drill . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .226

Challenge . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .229

Portfolio Builder . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .234

CHAPTER 5 ANIMATION AND DHTML . . . . . . . . . . . . . . . . . . . . . . .235

Lesson 1 Exploring the Timelines Panel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .240

Lesson 2 Adding Behaviors to the Timelines Panel . . . . . . . . . . . . . . . . . . . . . . . . . . . .242

Lesson 3 Setting Animations to Play Automatically . . . . . . . . . . . . . . . . . . . . . . . . . . . .246

Lesson 4 Looping Behaviors . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .247

Lesson 5 Creating Movement with DHTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .250

Lesson 6 Adding Layers to the Timelines Panel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .253

Lesson 7 Animating the Layers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .254

Lesson 8 Creating a DHTML Navigation Bar . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .259

Checking Concepts and Terms . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .266

Skill Drill . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .268

Challenge . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .272

Portfolio Builder . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .277

CHAPTER 6 SNIPPETS, LIBRARY ITEMS, AND TEMPLATES . . . . . . . . . .278

Lesson 1 Inserting a Snippet into a Page . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .285

Lesson 2 Creating a New Snippet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .287

Lesson 3 Creating Library Items . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .289

Lesson 4 Inserting Library Items into Other Pages . . . . . . . . . . . . . . . . . . . . . . . . . . . .292

46291_FM_pi-xvi 2/24/06 8:18 AM Page vi

VII LEVEL 2

g p p pp

Lesson 5 Revising a Library Item . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .294

Lesson 6 Creating Templates . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .296

Lesson 7 Creating a Child Page from the Template . . . . . . . . . . . . . . . . . . . . . . . . . . . .300

Lesson 8 Revising a Template . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .302

Lesson 9 Creating Repeating Regions in a Template . . . . . . . . . . . . . . . . . . . . . . . . . . .305

Careers in Design . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .309

Checking Concepts and Terms . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .311

Skill Drill . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .313

Challenge . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .318

Portfolio Builder . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .323

CHAPTER 7 MANAGING YOUR LIVE WEB SITE . . . . . . . . . . . . . . . . .324

Lesson 1 Validating HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .328

Lesson 2 Checking Accessibility . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .334

Lesson 3 Checking for Broken Links and Orphaned Files . . . . . . . . . . . . . . . . . . . . . . .338

Lesson 4 Preparing Your Site for Search Engines . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .340

Lesson 5 Cloaking Resource Files . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .343

Lesson 6 Registering for a Free Hosting Service . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .345

Lesson 7 Uploading Your Site to the Web Server . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .352

Checking Concepts and Terms . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .356

Skill Drill . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .358

Challenge . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .361

Portfolio Builder . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .364

CHAPTER 8 DEVELOPING WITH PHP AND MYSQL . . . . . . . . . . . . . . .365

Lesson 1 Learning to Use PHP . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .369

Lesson 2 Using Includes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .379

Lesson 3 Working with Form Data . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .382

Lesson 4 Creating a Database . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .384

Lesson 5 Displaying Records from a Database . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .393

Lesson 6 Inserting a Record into a Database . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .400

Lesson 7 Selecting and Sorting Database Records . . . . . . . . . . . . . . . . . . . . . . . . . . . . .404

Careers in Design . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .409

Checking Concepts and Terms . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .410

Skill Drill . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .412

Challenge . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .416

Portfolio Builder . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .424

INTEGRATING PROJECT . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .425

TASK GUIDE . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .452

GLOSSARY . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .456

INDEX . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .462