How To Use Macromedia Dreamweaver MX and Fireworks MX

How to Use Macromedia® Dreamweaver® MX 2004 and Fireworks® MX 2004, First Edition......Page 1
Copyright © 2003 by Que Publishing......Page 2
Contents at a Glance......Page 3
Contents......Page 4
How to Use Menus in Dreamweaver......Page 20
About the Author......Page 10
We Want to Hear from You!......Page 11
The Complete Visual Reference......Page 12
Who Should Use the Software?......Page 13
CHAPTER 1 Getting Started with Dreamweaver MX 2004......Page 15
The Dreamweaver MX 2004 Interface......Page 16
How to Navigate the Dreamweaver Interface......Page 18
How to Use the Insert Bar......Page 22
How to Use Panels......Page 26
How to Understand Panel Names......Page 28
CHAPTER 2 Planning and Setting Up Your Site......Page 31
How to Use the Site Definition Wizard......Page 32
How to Define a Site to Use a Server......Page 34
How to Use the Files Panel......Page 38
How to Create Your Home Page......Page 40
How to Edit an Existing Local Site......Page 42
How to Edit an Existing Remote Site......Page 44
How to Get Started with Documents......Page 46
CHAPTER 3 Working with Text......Page 49
How to Enter, Format, and Align Normal Text......Page 50
How to Change the Font Face......Page 52
How to Import an HTML Document from Word......Page 54
How to Work with Lists......Page 56
How to Create a New CSS Class Style......Page 58
How to Redefine HTML Tags in a Style Sheet......Page 60
How to Edit a Cascading Style Sheet......Page 62
CHAPTER 4 Reusing Information......Page 65
How to Use the Assets Panel......Page 66
How to Use Assets......Page 68
How to Reuse Favorite Assets......Page 70
How to Manage Favorite Assets......Page 72
How to Use the Library......Page 74
How to Create a Template......Page 78
How to Edit a Template......Page 82
How to Work with Templates......Page 84
CHAPTER 5 Links, Navigation, and Structure......Page 87
How to Create Hyperlinks......Page 88
How to Edit or Delete a Hyperlink......Page 90
How to Create an E-mail Hyperlink......Page 92
How to Create Anchors and Thumbnails......Page 94
How to Change the Way Links Look......Page 96
How to Create a Jump Menu......Page 98
How to Follow and Check Hyperlinks......Page 100
CHAPTER 6 Frames and Framesets......Page 103
How to Create a New Frameset......Page 104
How to Name and Save Frames......Page 106
How to Set Frameset Properties......Page 108
How to Set Frame Properties......Page 110
How to Use NoFrames and Nested Frames......Page 112
How to Edit Frames......Page 114
How to Target Links in a Frameset......Page 116
How to Fix Links in a Frameset......Page 118
CHAPTER 7 Introduction to Fireworks MX 2004......Page 121
How to Find Your Way Around the Interface......Page 122
How to Navigate the Fireworks Workplace......Page 124
How to Change Fireworks Panels......Page 126
How to Use Panel Groups......Page 128
How to Set Preferences......Page 132
CHAPTER 8 Images......Page 135
How to Choose an Image Type......Page 136
How to Create a New Image File......Page 138
How to Insert an Image in Dreamweaver......Page 140
How to Use the Property Inspector with Images......Page 142
How to Use Image Placeholders......Page 144
How to Create Your First Image......Page 146
How to Send the Image Back to Dreamweaver......Page 148
CHAPTER 9 Working with Images in Fireworks......Page 151
How to Understand Modes......Page 152
How to Open Foreign Images in Fireworks......Page 154
How to Resize Images......Page 156
How to Crop Images......Page 158
How to Flip, Rotate, and Distort Images......Page 160
How to Add Text to an Image......Page 162
CHAPTER 10 Navigation in Fireworks......Page 165
How to Create a Simple Button......Page 166
How to Edit and Add Button States......Page 168
How to Create a Navigation Bar......Page 170
How to Insert the Navigation Bar in Dreamweaver......Page 174
How to Troubleshoot Links......Page 176
How to Create a Pop-Up Menu......Page 178
How to Set the Menu’s Appearance......Page 180
How to Set Advanced Options......Page 182
How to Edit a Pop-Up Menu......Page 184
CHAPTER 11 Working with Layers......Page 187
How to Create Layers......Page 188
How to Work with Layers......Page 190
How to Set Layer Properties......Page 192
How to Convert Layers to Tables......Page 196
CHAPTER 12 Behaviors and Scripts in Dreamweaver......Page 199
How to Attach a Behavior to a Page Element......Page 200
How to Add a Behavior to a Page......Page 204
How to Create a Navigation Bar......Page 206
How to Change or Remove Behaviors......Page 208
How to Get More Behaviors......Page 210
CHAPTER 13 Text and Simple Image Effects in Fireworks......Page 213
How to Work with Text......Page 214
How to Set Text Properties......Page 216
How to Create a 3D Effect in Fireworks......Page 218
How to Edit or Remove an Effect......Page 220
How to Create a Text Effect with Layers......Page 222
How to Create and Save Custom Effects......Page 224
How to Attach Text to a Path......Page 226
How to Combine Different Effects......Page 228
CHAPTER 14 Layers and Frames in Fireworks MX 2004......Page 233
How to Add and Work with Layers......Page 234
How to Plan a Simple Animation......Page 236
How to Export an Animation to Dreamweaver......Page 240
How to Control Animations......Page 242
How to Work with Symbols and Animations......Page 246
How to Use Onion Skinning......Page 250
How to Create More Complex Animations......Page 252
CHAPTER 15 Slices and HTML in Fireworks......Page 257
How to Split a Large Image......Page 258
How to See a Rebuilt Image......Page 260
How to Create a Text Slice......Page 262
How to Insert Fireworks HTML into Dreamweaver......Page 264
CHAPTER 16 Optimizing Images......Page 267
How to Use the Optimize Panel......Page 268
How to Optimize JPEG Files......Page 270
How to Optimize GIF and PNG Files......Page 272
How to Optimize Colors......Page 274
How to Optimize Using Different Compression Levels......Page 276
CHAPTER 17 Working with Forms in Dreamweaver......Page 281
How to Create a Form in Dreamweaver......Page 282
How to Insert Form Elements......Page 284
How to Format a Text Field......Page 288
How to Format a Menu or List......Page 290
How to Format Radio Buttons......Page 292
How to Use Behaviors with Forms......Page 294
How to Collect Data from a Form......Page 296
CHAPTER 18 Using External Media in Dreamweaver......Page 299
How to Create a Web Photo Album......Page 300
How to Insert a Flash Movie......Page 304
How to Set Additional Parameters......Page 306
How to Embed a Sound File......Page 308
CHAPTER 19 Introduction to Databases......Page 311
How to Create a Database Table......Page 312
How to Complete a Database Table......Page 314
How to Understand a Database Table......Page 316
How to Use SQL......Page 318
How to Connect to Your Database in Dreamweaver......Page 320
CHAPTER 20 Dynamic Pages: Getting Started......Page 323
How to Get Started with Dynamic Pages......Page 324
How to Create and Use a Recordset......Page 326
How to Bind the Recordset......Page 328
How to Create a Form to Display the Results......Page 332
How to Link the Pages......Page 334
How to Create a Master/Detail Set......Page 338
CHAPTER 21 All About CSS......Page 343
How to Create a Prebuilt Style Sheet......Page 344
How to Attach and Use the Style Sheet......Page 346
How to Format Bullets and Lists......Page 350
How to Create a Layout with CSS......Page 352
How to Create the Navigation Area......Page 354
How to Add the Main Page Content......Page 358
How to Add Headers and Links......Page 360
CHAPTER 22 Project Management......Page 363
How to Use the Site Window......Page 364
How to Test Browser Compatibility......Page 366
How to Test Links......Page 368
How to Upload Files......Page 370
How to Test the Site Online......Page 372
How to Change Pages and Synchronize......Page 374
How to Use Check In/Out and Design Notes......Page 376
CHAPTER 23 Applications and Beyond......Page 379
How to Change the Code Layout......Page 380
How to Make Dreamweaver Pages Accessible......Page 384
How to Use the Reference Panel......Page 388
How to Assign Editors to Non-HTML Documents......Page 390
How to Download New Extensions for Dreamweaver and Fireworks......Page 392
Index......Page 395