Essentials for Design Macromedia Dreamweaver 8 Level One

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 last dozen or so years, including computer instruction, technical illustration and web design, and is always willing to assist some one 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 TAKING A TOUR OF DREAMWEAVER . . . . . . . . . . . . . . . . . . . . . . . .1

Lesson 1 Launching Dreamweaver for the First Time . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .7

Lesson 2 Exploring the Code View . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .10

Lesson 3 Exploring the Design View . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .15

Lesson 4 Exploring the Property Inspector . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .18

Lesson 5 Exploring HTML Using the Tag Selector . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .24

Lesson 6 Exploring HTML Using the Tag Chooser . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .28

Lesson 7 Configuring the Document Window . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .31

Lesson 8 Exploring the Dreamweaver Help Function . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .35

Checking Concepts and Terms . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .41

Skill Drill . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .43

Challenge . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .47

Portfolio Builder . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .51

CHAPTER 2 BUILDING YOUR FIRST WEB SITE . . . . . . . . . . . . . . . . . . . . . . . . .52

Lesson 1 Exploring the Folder Structure of a Web Site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .57

Lesson 2 Planning and Organizing a Web Site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .61

Lesson 3 Defining the Site and Its Folders . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .64

Lesson 4 Building Your First Web Page . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .72

Lesson 5 Working with Views . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .77

Lesson 6 Applying Simple Text Formatting . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .83

Lesson 7 Using a Web Page as a Template . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .88

Lesson 8 Creating Links . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .89

Careers in Design . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .93

Checking Concepts and Terms . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .95

Skill Drill . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .97

Challenge . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .102

Portfolio Builder . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .104

CHAPTER 3 APPLYING STRUCTURE TO TEXT . . . . . . . . . . . . . . . . . . . . . . . . .105

Lesson 1 Inserting Headings . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .109

Lesson 2 Inserting Line Breaks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .113

Lesson 3 Formatting a Large Quotation on a Web Page . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .117

Lesson 4 Inserting a Short Quotation in a Paragraph . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .121

Lesson 5 Separating Content Using a Horizontal Rule . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .125

Lesson 6 Creating Ordered and Unordered Lists . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .127

Lesson 7 Styling Lists . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .131

Lesson 8 Creating Definition Lists . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .135

g p pp

46068_FM_pi-xviii 12/1/05 7:45 AM Page vii

VIII LEVEL 1

Careers in Design . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .139

Checking Concepts and Terms . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .140

Skill Drill . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .141

Challenge . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .145

Portfolio Builder . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .148

CHAPTER 4 LINKING THE SITE . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .149

Lesson 1 Creating Relative vs. Absolute Paths . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .152

Lesson 2 Linking within Your Web Site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .155

Lesson 3 Exploring Absolute Links to a Local Web Page . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .158

Lesson 4 Linking to Other Web Sites . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .161

Lesson 5 Creating E-mail Links . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .163

Lesson 6 Using Images as Links . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .166

Lesson 7 Creating Image Maps . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .168

Lesson 8 Linking within Pages . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .173

Lesson 9 Using Default Pages and Subdomains to Organize a Web Site . . . . . . . . . . . . . . . . . . . . . .177

Checking Concepts and Terms . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .180

Skill Drill . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .182

Challenge . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .191

Portfolio Builder . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .194

CHAPTER 5 INLINE IMAGES . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .195

Lesson 1 Exploring Image Formats . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .198

Lesson 2 Inserting Images into a Web Page . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .205

Lesson 3 Aligning Images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .208

Lesson 4 Specifying Image Height and Width . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .210

Lesson 5 Setting Image Borders and Spacing . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .212

Lesson 6 Cropping an Image . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .215

Lesson 7 Resizing, Resampling, and Sharpening Images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .218

Lesson 8 Working with Image Placeholders . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .223

Careers in Design . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .225

Checking Concepts and Terms . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .226

Skill Drill . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .228

Challenge . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .232

Portfolio Builder . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .237

CHAPTER 6 BACKGROUNDS AND COLORS . . . . . . . . . . . . . . . . . . . . . . . . . .238

Lesson 1 Using Wallpaper-Background Patterns . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .246

Lesson 2 Avoiding Unsuitable Background Images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .248

Lesson 3 Exploring Problems with Transparent Background Images . . . . . . . . . . . . . . . . . . . . . . . . .249

Lesson 4 Using Margin Background Images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .252

Lesson 5 Using Watermark Background Images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .256

Lesson 6 Applying Both Background Image and Color . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .259

g p pp

46068_FM_pi-xviii 12/1/05 7:45 AM Page viii

IX LEVEL 1

Lesson 7 Setting Default Text Colors . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .262

Lesson 8 Setting Link Colors . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .267

Careers in Design . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .270

Checking Concepts and Terms . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .271

Skill Drill . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .273

Challenge . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .282

Portfolio Builder . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .287

CHAPTER 7 FRAMES . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .288

Lesson 1 Exploring Frames-Based Web Sites . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .292

Lesson 2 Exploring the Properties of a Framed Layout . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .295

Lesson 3 Creating a Frameset with New Pages . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .301

Lesson 4 Creating a Frameset with Existing Pages . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .309

Lesson 5 Using Frameset Options . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .312

Lesson 6 Linking Between Frames . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .321

Lesson 7 Setting Page Properties of Framed Pages . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .327

Lesson 8 Creating NoFrames Content . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .329

Checking Concepts and Terms . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .332

Skill Drill . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .334

Challenge . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .340

Portfolio Builder . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .344

CHAPTER 8 TABLES . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .345

Lesson 1 Exploring the Applications and Properties of Tables . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .351

Lesson 2 Creating Tables . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .359

Lesson 3 Inserting New Rows and Columns . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .363

Lesson 4 Merging Cells . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .365

Lesson 5 Dressing Up Tables . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .366

Lesson 6 Using the Table Dialog Box to Create a Layout Table . . . . . . . . . . . . . . . . . . . . . . . . . . . . .371

Lesson 7 Creating Tables in Layout Mode . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .374

Lesson 8 Creating Basic Accessible Data Tables . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .379

Checking Concepts and Terms . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .384

Skill Drill . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .386

Challenge . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .392

Portfolio Builder . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .395

INTEGRATING PROJECT . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 396

TASK GUIDE . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 414

GLOSSARY . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 418

INDEX . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 423