ACKNOWLEDGMENTS.

CHAPTER 1: QUICK WAYS TO BRONG YOUR SITE TO LIFE.

TECHNIQUE 1: USING TRACING IMAGES TO RE-CREATE DESIGNS.

Step 1: Insert a Tracing Image.

Step 2: Arrange GIFS, JPEGS, and Other Elements Over the Tracing Image.

Step 3: Preview in Your Browser.

Other Tracing Image Options.

TECHNIQUE 2: CREATING ROLLOVER FOR INTERACTIVITY.

Step 1: Insert an Image and Define Properties.

Step 2: Confirm and Test.

TECHNIQUE 3: SETTING LINKS IN AN IMAGE MAP.

Step 1: Insert an Image and Open Image Map Tools.

Step 2: Create Hot Spots On an Image Map.

Step 3: Set Links In an Image Map.

TECHNIQUE 4: EXPORTING A LAYOUT FROM FIREWORKS INTO DREAMWEAVER.

Step 1: Slice Your Layout for Optimum File Size.

Step 2: Optimize Each Slice.

Step 3: Export to HTML.

Step 4: Open the HTML Page in Dreamweaver.

TECHNIQUE 5: CREATING A LINKED IMAGE GALLERY.

Step 1: Create an Image Gallery.

Step 2: Set Links From the Image Gallery to Larger Image Pages.

CHAPTER 2: TIMESAVING TECHNIQUES YOU CAN USE TODAY.

TECHNIQUE 6: FINDING AND FIXING BROKEN LINKS AUTOMATICALLY.

Step 1: Find Broken Links.

Step 2: Fix Broken Links.

TECHNIQUE 7: CREATING A TEMPLATE-BASED WEB SITE.

Step 1: Prepare the Page to Serve as a Template.

Step 2: Define Editable Regions.

Step 3: Create a Page Using the Template.

Step 4: Edit the Template and Update All Pages.

TECHNIQUE 8: REMOVING EMPTY TAGS AND JUNK CODE.

Step 1:Make a Backup Version.

Step 2: Specify the Cleanup Type.

Step 3: Initiate the Clean Up.

TECHNIQUE 9: ACCESSING URLS, COLORS, AND IMAGE ASSETS.

Step 1: Using Images Assets.

Step 2: Add Color Assets.

Step 3: Apply URL Assets.

TECHNIQUE 10: ORGANIZING FILES AND FOLDERS WITHOUT BREAKING LINKS.

Step 1: Set Up a Web Site.

Step 2: Create New Folders.

Step 3:Move Files Into New or Different Folders.

CHAPTER 3: THE TRICKS BEHIND ANIMATION TECHNIQUES.

TECHNIQUE 11: CREATING A DISJOINTED (ONE-TO-MANY) ROLLOVER EFFECTS.

Step 1: Insert the Trigger Image.

Step 2: Insert the Image that will be Affected by the Rollover.

Step 3: Set the Swap Image Behavior.

Step 4: Preview in Your Browser.

TECHNIQUE 12: BUILDING ROLLOVERS IN FIREWORKS AND EXPORTING THGEM TO DREAMWEAVER.

Step 1: Create the Rollover Frame.

Step 2: Add the Rollover Behavior.

Step 3: Export the Layout to HTML and Open in Dreamweaver.

TECHNIQUE 13: EMBEDDING A FLASH MOVIE.

Step 1: Insert the Flash Movie.

Step 2:Modify the Parameters.

TECHNIQUE 14: EMBEDDING A MULTIMEDIA FILE.

Step 1: Create the Page that Contains the Multimedia File.

Step 2: Insert the Code that Embeds Your Multimedia File.

Step 3: Test Your Multimedia File.

TECHNIQUE 15: CREATING A FLASH MENU IN DREAMWEAVER.

Step 1: Prepare Your Site.

Step 2: Find a Style that Suits Your Design.

Step 3: Specify What the Button Does.

CHAPTER 4: CREATING POP-UP AND POP-UNDER WINDOWS.

TECHNIQUE 16: CREATING A PRESET WINDOW SIZE.

Step 1: Prepare Your Pop-Up Page.

Step 2: Prepare Your Pop-Up Launcher.

Step 3: Set the Link to Open the Pop-Up.

TECHNIQUE 17: CREATINF A “GALLERY WALL” USING MULTIPLE POP-UP WINDOWS.

Step 1: Insert the Open Browser Window Behavior.

Step 2: Specify the Position of Each Window.

Step 3: Test the Modified Behavior in Your Browser.

TECHNIQUE 18: CREATING TOOL TIPS WITH ONBLUR AND ONFOCUS EVENTS.

Step 1: Create a Text Field.

Step 2: Insert the Tool Tip.

Step 3: The OnFocus Event Shows the Tool Tip.

Step 4: OnBlur Hides the layer When Inactive.

TECHNIQUE 19: FLOATING POP-UPS WITHOUT WINDOWS.

Step 1: Populate the Floating Pop-Up.

Step 2: Designate the Launch Behavior.

Step 3: Schedule a Floating Pop-Up to Hide.

Step 4: Add a Close Button Behavior.

TECHNIQUE 20: DELIVERING A MESSAGE QUIETLY WITH POP-UNDER WINDOWS.

Step 1: Create the Pop-Under Window File.

Step 2: Add the Custom Script.

TECHNIQUE 21: INVITING THEM BACK TO YOUR SITE WITH AN EXIT POP-UP WINDOW.

Step 1: Create the Pop-Up Window File.

Step 2:Modify the Launcher Event.

CHAPTER 5: ADVANCED PAGE DESIGN TECHNIQUES.

TECHNIQUE 22: “DREWING” TABLES WITH LAYOUT FEATURES.

Step 1: Draw a Table.

Step 2: Edit Tables in Layout View.

TECHNIQUE 23: FROMATTING MULTIPLE TABLE CELLS.

Step 1: Align the Content in Mulitple Cells.

Step 2: Format the Text in Multiple Cells.

Step 3: Apply a Background Image to Multiple Cells.

TECHNIQUE 24: DESIGNING A COMPELLING HTML E-MAIL NEWSLETTER.

Step 1: Build Your Newsletter in Dreamweaver.

Step 2: Upload Images and Update Image Source Links.

Step 3:Make Image Source Paths Absolute.

Step 4a: Send Your HTML E-Mail From Outlook.

Step 4b: Send Your HTML E-Mail From Outlook Express.

TECHNIQUE 25: CREATING A FLOATING DHTML TOOLBAR.

Step 1: Insert Your Menu Graphics.

Step 2: Create a Second Level Menu Template.

Step 3: Create All Menu Layers.

Step 4: Turn Layers On and Off.

Step 5: Insert a Spacer GIF with Behaviors.

CHAPTER 6: DESIGNING FOR HIGH ACCESSIBILITY AND LOW BANDWIDTH.

TECHNIQUE 26: USING DREAMWEAVER’S ACCESSIBILITY TOOLS.

Step 1: Activate Dreamweaver’s Accessibility Tools.

Step 2: Using Accessibility Tools.

TECHNIQUE 27: PROVIDING MULTIPLE NAVIGATION OPTIONS.

Step 1: Create a Text Navigation Row.

Step 2:Make a Text Navigation Row a Library Item.

TECHNIQUE 28: USING ALT TAGS TO DESCRIBE IMAGES.

Step 1: Insert Alt Text.

Step 2: Look for Missing Alt Tags.

TECHNIQUE 29: INSERTING A QUICK-LOADING LOW-RES IMAGE.

Step 1: Create a Low-Res Image.

CHAPTER 7: IMAGE TRICKS THAT MAKE YOU LOOK GOOD.

TECHNIQUE 30: “ZOOMING IN” WITH ROLLOVERS.

Step 1: Prepare the Main Image and the Rollover Zoom-In Images in a Graphics Editing Program.

Step 2: Insert Starting Image Into Web Page.

Step 3: Create the Image Map 141

Step 4: Add Rollover Action 141

Step 5: Test the Zoom-In Action 142

TECHNIQUE 31: EDITING IMAGES FROM WITHIN DREAMWEAVER.

Step 1: Select the Image You Want to Edit.

Step 2: Edit the Image in Fireworks.

TECHNIQUE 32: BUILDING A POP-UP MENU USING FIREWORKS.

Step 1: Open Your Source File.

Step 2: Add the Pop-Up Menu.

Step 3: Export Your Layout.

Step 4: Complete Your Layout in Dreamweaver.

TECHNIQUE 33: CREATING A SLIDESHOW USING THE TIMELINE AND BEHAVIORS.

Step 1: Insert Layers for First Photo and Caption.

Step 2: Add Layer Motion Using the Timeline.

Step 3: Add Behaviors to Show and Hide Text Layers.

Step 4: Preview in Your Browser.

TECHNIQUE 34: ADDING STYLE TO YOUR PAGE WITH A FIXED TILING BACKGROUND.

Step 1: Create the Elements for the Tiling Background in Fireworks.

Step 2: Create the Tiling Background.

Step 3: Add Tiling Background to Your Web Page in Dreamweaver.

TECHNIQUE 35: PREVENTING BACKGROUNDS FROM TILING AND SCROLLING.

Step 1: Create a Style Sheet.

Step 2: Define Your Background.

TECHNIQUE 36: CREATING TILING GRAPHICS FOR USE IN AUTOSTRETCH LAYOUTS.

Step 1: Prepare and Slice Your Layout in a Graphics Program.

Step 2: Create Tiling Background Graphic for Header Area.

Step 3: Rebuild Exported HTML Tables to Include Tiling Background.

CHAPTER 8: TECHNIQUES TO SAVE YOU REPETITION.

TECHNIQUE 37: CREATING A LIBRARY OF COMMON ELEMENTS.

Step 1: Create a Library Item.

Step 2: Add a Library Item to a Page.

Step 3: Highlight Library Items.

Step 4: Edit a Library Item to Make Global Changes.

Step 5:Make Library Items Editable.

TECHNIQUE 38: CREATING EFFECTIVE FRAME NAVIGATION.

Step 1: Create a Frame by Using the Frames Insert Panel.

Step 2: Save Files in a Frameset.

Step 3: Naming Frames.

Step 4: Set Targets and Links in Frames.

TECHNIQUE 39: USING HTML STYLES TO AUTOMATE FORMATTING.

Step 1: Create an HTML Style.

Step 2: Apply an HTML Style.

TECHNIQUE 40: LET CASCADING STYLE SHEETS GUIDE YOUR WORK.

Step 1: Create an External CSS Style.

Step 2: Redefine an HTML Tag to Eliminate Underline from Links.

Step 3: Apply Styles.

TECHNIQUE 41: REUSING MULTIMEDIA ASSETS.

Step 1: Save Flash Assets.

Step 2: Using Flash Assets.

Step 3: Using Other Multimedia Assets.

CHAPTER 9: DYNAMICALLY DISPLAY CONTENT WITH DATABASE FEATURES.

TECHNIQUE 42: SCOURING YOUR DATABASE WITH AN EASY SITE SEARCH FEATURE.

Step 1: Create a Search Form.

Step 2: Create a Recordset.

Step 3: Create a Search Results Zone.

Step 4: Preview in Your Browser.

TECHNIQUE 43: INVITING INTERACTIVE GRAFFITTI INTO YOUR SITE WITH A PUBLIC GUEST BOOK.

Step 1: Create the View Guestbook Page.

Step 2: Create the Insert Entry Page.

Step 3: Preview in Your Browser.

TECHNIQUE 44: SHOWING OFF A PRODUCT CATALOG WITH A MASTER/DETAIL PAGE SET.

Step 1: Create Your Master/Detail Set.

Step 2: Apply the Master/Detail Object.

TECHNIQUE 45: ADMINISTERING YOUR DATABASE WITH YOUR WEB BROWSER.

Step 1: Create the Record Update Form.

Step 2: Create Record Navigation.

Step 3: Preview in Your Browser.

Online Resources.

CHAPTER 10: EXTEND THE FEATURES OF DREAMWEAVER WITH EXTENSIONS.

TECHNIQUE 46: KEEPING YOUR SITE LOOKING FRESH WITH A RANDOM IMAGE GROUP.

Step 1: Install the Extension.

Step 2: Run the Random Image Command.

Step 3: Preview in Your Browser.

TECHNIQUE 47: ACCEPTING CREDIT CARD PAYMENT WITH PAYPAL SHOPPING CART.

Step 1: Install the Extension.

Step 2: Configure the PayPal Cart Main Menu.

Step 3: Choose Your Buy Button.

Step 4: Enter the Details of an Item for Sale.

Step 5: Preview in Your Browser.

TECHNIQUE 48: DON’T GET FRAMED! USE FRAME BUSTER TO BREAK FREE.

Step 1: Install the Extension.

Step 2: Insert the Frame Buster Object.

Step 3: Test the Frame Buster.

TECHNIQUE 49: PREVENTING ORPHANED FRAME CONTENT WITH FRAMESTUFFER.

Step 1: Install the Extension.

Step 2: Prepare the Frameset.

Step 3: Preview in Your Browser.

TECHNIQUE 50: GENERATING IMAGES WITHIN DREAMWEAVER WITH INSTAGRAPHICS.

Step 1: Install the Extension.

Step 2: Generate Text Graphics.

Step 3: Convert HTML Bullets Into Graphics.

Step 4: Create Rollover Fireworks Buttons.

APPENDIX A: WHAT’S ON THE CD-ROM.

APPENDIX B: LEARNING MORE ON THE WEB.

APPENDIX C: EXTENDING THE FEATURES OF DREAMWEAVER MX.

ABOUT THE AUTHORS.

COLOPHON.

INDEX.

END-USER LICENSE AGREEMENT.