50 Fast Dreamweaver MX Techniques

This work includes techniques for building rollovers, embedding Flash movies, creating dynamic tables, adding cool animations, and much more. It features 50 fast and easy, but powerful, effects that creative professionals and amateurs alike can achieve almost instantly. Each technique is fully-illustrated with "before" and "after" shots, and carefully described in step-by-step detail. The CD-ROM includes work files and finished effects from the book.

Table of Contents:
PREFACE. 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.