Essentials for Design Macromedia Dreamweaver 8 Level 2

A B O U T T H E A U T H O R Julian Rickards has been involved in various computer-related fields over the past dozen years, including computer instruction, technical illustration, Web design, and is always willing to assist someone who is struggling with a project or concept. He is an advocate of Web standards and Web accessibility and is a member of GAWDS.org. In his employment with the Ontario government, he oversees the database and archives of digital publications, and is often called upon to assist with the development of the Internet and intranet Web sites. Julian hails from Canada, where he resides with his wonderfully supportive wife, Nanette, and two sons, Sebastian and Graeme.  

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 and 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 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