Sue Jenkins Richard Wagner 9 IN 1 BOOKS BOOKS • Getting Started • Mastering the Basics • Working Like the Pros • Energizing Your Site • Publishing Your Site • Working Collaboratively • Building Web Applications • Making Pages Dynamic • Developing Applications Rapidly Dreamweaver ® CS5 ALL-IN-ONE Making Everything Easier! ™ Open the book and find: • How to plan and design a Web site • Advice on working with Cascading Style Sheets • Steps for adding Flash ® content, movies, and audio • Tips for building forms and organizing data with tables • Ways to add interactivity with drop-down menus and rollovers • Techniques for testing your site before it’s published • How to set up and manage a Contribute site • Secrets for building Web applications Sue Jenkins is a Web and graphic designer, writer, and teacher. She is the host of three software training DVDs and is the author of several books on Web and graphic design. Richard Wagner is an experienced Web designer, developer, and author of more than a dozen Web-related books. $34.99 US / $41.99 CN / £24.99 UK ISBN 978-0-470-61077-0 Internet/Web Site Design Go to Dummies.com ® for videos, step-by-step examples, how-to articles, or to shop! Your one-stop guide to designing, developing, and maintaining high-impact Web sites Whether you’re a seasoned pro or a Web design newbie, here’s just what you need to get up to speed on Dreamweaver CS5. Each minibook covers a particular aspect of Dreamweaver, so whether you want to learn more about mastering the basics and designing effective Web pages or configuring database connections and working with Spry Effects, it’s all here! • Learn the landscape — get familiar with the workspace, use the menus, understand the panels and Properties inspector, and set preferences • Conquer the basics — create documents, add and format text, insert graphics, create rollover buttons, and make links to other pages • Become a pro — style your pages with Cascading Style Sheets, build sites with Dreamweaver templates, and use Library items • Add some zing — use layers to create sophisticated Web layouts, add interactivity with JavaScript ® , and work with Spry Effects and Spry Widgets • Keep it clean — review source formatting and clean up your code to avoid errors when publishing your site • Collaborate — enable collaborative tools such as Design Notes, Check In/Check Out, Contribute®, and Business Catalyst • Go dynamic — enable your pages to interact with databases, build dynamic forms, and work with ColdFusion® components • Some geeky stuff — build master and detail pages, create search and results pages, and develop record update and delete pages Getting Started Mastering the Basics Working Like the Pros Energizing Your Site Publishing Your Site Working Collaboratively Building Web Applications Making Pages Dynamic Developing Applications Rapidly Dreamweaver ® CS5 ALL-IN-ONE Jenkins Wagner spine=1.73” spine=1.73” Start with FREE Cheat Sheets Cheat Sheets include • Checklists • Charts • Common Instructions • And Other Good Stuff! Get Smart at Dummies.com Dummies.com makes your life easier with 1,000s of answers on everything from removing wallpaper to using the latest version of Windows. Check out our • Videos • Illustrated Articles • Step-by-Step Instructions Plus, each month you can win valuable prizes by entering our Dummies.com sweepstakes. * Want a weekly dose of Dummies? Sign up for Newsletters on • Digital Photography • Microsoft Windows & Office • Personal Finance & Investing • Health & Wellness • Computing, iPods & Cell Phones • eBay • Internet • Food, Home & Garden Find out “HOW” at Dummies.com *Sweepstakes not currently available in all countries; visit Dummies.com for official rules. Get More and Do More at Dummies.com ® To access the Cheat Sheet created specifically for this book, go to www.dummies.com/cheatsheet/dreamweavercs5aio Mobile Apps There’s a Dummies App for This and That With more than 200 million books in print and over 1,600 unique titles, Dummies is a global leader in how-to information. Now you can get the same great Dummies information in an App. With topics such as Wine, Spanish, Digital Photography, Certification, and more, you’ll have instant access to the topics you need to know in a format you can trust. To get information on all our Dummies apps, visit the following: www.Dummies.com/go/mobile from your computer. www.Dummies.com/go/iphone/apps from your phone. Dreamweaver ® CS5 ALL-IN-ONE FOR DUMmIES ‰ 01_610770-ffirs.indd i01_610770-ffirs.indd i 5/6/10 1:03 PM5/6/10 1:03 PM 01_610770-ffirs.indd ii01_610770-ffirs.indd ii 5/6/10 1:03 PM5/6/10 1:03 PM by Sue Jenkins and Richard Wagner Dreamweaver ® CS5 ALL-IN-ONE FOR DUMmIES ‰ 01_610770-ffirs.indd iii01_610770-ffirs.indd iii 5/6/10 1:03 PM5/6/10 1:03 PM Dreamweaver ® CS5 All-in-One For Dummies ® Published by Wiley Publishing, Inc. 111 River Street Hoboken, NJ 07030-5774 www.wiley.com Copyright © 2010 by Wiley Publishing, Inc., Indianapolis, Indiana Published by Wiley Publishing, Inc., Indianapolis, Indiana Published simultaneously in Canada No part of this publication may be reproduced, stored in a retrieval system or transmitted in any form or by any means, electronic, mechanical, photocopying, recording, scanning or otherwise, except as permit- ted under Sections 107 or 108 of the 1976 United States Copyright Act, without either the prior written permission of the Publisher, or authorization through payment of the appropriate per-copy fee to the Copyright Clearance Center, 222 Rosewood Drive, Danvers, MA 01923, (978) 750-8400, fax (978) 646-8600. Requests to the Publisher for permission should be addressed to the Permissions Department, John Wiley & Sons, Inc., 111 River Street, Hoboken, NJ 07030, (201) 748-6011, fax (201) 748-6008, or online at http:// www.wiley.com/go/permissions. Trademarks: Wiley, the Wiley Publishing logo, For Dummies, the Dummies Man logo, A Reference for the Rest of Us!, The Dummies Way, Dummies Daily, The Fun and Easy Way, Dummies.com, Making Everything Easier, and related trade dress are trademarks or registered trademarks of John Wiley & Sons, Inc. and/ or its af liates in the United States and other countries, and may not be used without written permission. Dreamweaver is a registered trademark of Adobe Systems Incorporated. All other trademarks are the property of their respective owners. Wiley Publishing, Inc. is not associated with any product or vendor mentioned in this book. LIMIT OF LIABILITY/DISCLAIMER OF WARRANTY: THE PUBLISHER AND THE AUTHOR MAKE NO REPRESENTATIONS OR WARRANTIES WITH RESPECT TO THE ACCURACY OR COMPLETENESS OF THE CONTENTS OF THIS WORK AND SPECIFICALLY DISCLAIM ALL WARRANTIES, INCLUDING WITH- OUT LIMITATION WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE. NO WARRANTY MAY BE CREATED OR EXTENDED BY SALES OR PROMOTIONAL MATERIALS. THE ADVICE AND STRATEGIES CONTAINED HEREIN MAY NOT BE SUITABLE FOR EVERY SITUATION. THIS WORK IS SOLD WITH THE UNDERSTANDING THAT THE PUBLISHER IS NOT ENGAGED IN RENDERING LEGAL, ACCOUNTING, OR OTHER PROFESSIONAL SERVICES. IF PROFESSIONAL ASSISTANCE IS REQUIRED, THE SERVICES OF A COMPETENT PROFESSIONAL PERSON SHOULD BE SOUGHT. NEITHER THE PUBLISHER NOR THE AUTHOR SHALL BE LIABLE FOR DAMAGES ARISING HEREFROM. THE FACT THAT AN ORGANIZA- TION OR WEBSITE IS REFERRED TO IN THIS WORK AS A CITATION AND/OR A POTENTIAL SOURCE OF FURTHER INFORMATION DOES NOT MEAN THAT THE AUTHOR OR THE PUBLISHER ENDORSES THE INFORMATION THE ORGANIZATION OR WEBSITE MAY PROVIDE OR RECOMMENDATIONS IT MAY MAKE. FURTHER, READERS SHOULD BE AWARE THAT INTERNET WEBSITES LISTED IN THIS WORK MAY HAVE CHANGED OR DISAPPEARED BETWEEN WHEN THIS WORK WAS WRITTEN AND WHEN IT IS READ. For general information on our other products and services, please contact our Customer Care Department within the U.S. at 877-762-2974, outside the U.S. at 317-572-3993, or fax 317-572-4002. For technical support, please visit www.wiley.com/techsupport. Wiley also publishes its books in a variety of electronic formats. Some content that appears in print may not be available in electronic books. Library of Congress Control Number: 2010926841 ISBN: 978-0-470-61077-0 Manufactured in the United States of America 10 9 8 7 6 5 4 3 2 1 01_610770-ffirs.indd iv01_610770-ffirs.indd iv 5/6/10 1:03 PM5/6/10 1:03 PM About the Authors Sue Jenkins is a Web designer, graphic designer, illustrator, photographer, teacher, writer, and the owner of Luckychair (www.luckychair.com), a professional design studio serving companies across the United States since 1997. Sue is the author of several books on design, including Web Design All-in- One For Dummies, Web Design: The L-Line, The Express Line to Learning, How To Do Everything Illustrator CS4, and the upcoming Smashing Photoshop: 100 Professional Techniques. She can also be seen as the software instructor in four of ClassOnDemand’s (www.classondemand.com) Adobe Training DVDs: Dreamweaver for Designers (winner of a 2007 Bronze Telly Award), Designer’s Guide to Photoshop, Designer’s Guide to Illustrator (winner of a 2009 Annual Communicator Award of Distinction), and Fundamentals of Photoshop Elements (winner of a 2009 DV Magazine Award of Excellence). In addition, Sue is an Adobe Certi ed Expert and Adobe Certi ed Instructor and teaches three-day courses in Dreamweaver, Illustrator, and Photoshop at Noble Desktop in New York City. Sue lives with her husband and son in Pennsylvania. Richard Wagner is a Senior Developer at Maark, LLC as well as author of several Web-related books, including Building Facebook Applications For Dummies, Professional iPhone and iPod touch Programming, XSLT For Dummies, Creating Web Pages All-in-One For Dummies, XML All-in-One For Dummies, Web Design Before & After Makeovers, and JavaScript Unleashed (1st and 2nd editions). Previously, Richard was vice president of product development at NetObjects. He was also the inventor and chief architect of the award-winning NetObjects ScriptBuilder. A versatile author with a wide range of interests, he is also the author of The Expeditionary Man and The Myth of Happiness. 01_610770-ffirs.indd v01_610770-ffirs.indd v 5/6/10 1:03 PM5/6/10 1:03 PM 01_610770-ffirs.indd vi01_610770-ffirs.indd vi 5/6/10 1:03 PM5/6/10 1:03 PM Dedication To Phil and Kyle for their cooperation, time, love, and humor. — Sue Jenkins Authors’ Acknowledgments A hearty round of thanks go out to several people, including my coauthor, Rich Wagner, my agent, Matt Wagner, senior acquisitions editor Bob Woerner, project editor Susan Pink, technical editor Jon McFarland, and everyone in composition services at Wiley who helped with the production of this edition. — Sue Jenkins I would like to thank Susan Pink for her excellent job of managing this project. Thanks also to Jon McFarland for his technical insights to ensure the accuracy of the book. — Richard Wagner 01_610770-ffirs.indd vii01_610770-ffirs.indd vii 5/6/10 1:03 PM5/6/10 1:03 PM Publisher’s Acknowledgments We’re proud of this book; please send us your comments at http://dummies.custhelp.com. For other comments, please contact our Customer Care Department within the U.S. at 877-762-2974, outside the U.S. at 317-572-3993, or fax 317-572-4002. Some of the people who helped bring this book to market include the following: Acquisitions and Editorial Project Editor: Susan Pink Acquisitions Editor: Bob Woerner Copy Editor: Susan Pink Technical Editor: Jon McFarland Editorial Manager: Jodi Jensen Editorial Assistant: Amanda Graham Sr. Editorial Assistant: Cherie Case Cartoons: Rich Tennant (www.the5thwave.com) Composition Services Project Coordinator: Sheree Montgomery Layout and Graphics: Ana Carrillo, Joyce Haughey Proofreaders: Melissa Cossell, The Well-Chosen Word Indexer: Broccoli Information Mgt. Publishing and Editorial for Technology Dummies Richard Swadley, Vice President and Executive Group Publisher Andy Cummings, Vice President and Publisher Mary Bednarek, Executive Acquisitions Director Mary C. Corder, Editorial Director Publishing for Consumer Dummies Diane Graves Steele, Vice President and Publisher Composition Services Debbie Stailey, Director of Composition Services 01_610770-ffirs.indd viii01_610770-ffirs.indd viii 5/6/10 1:03 PM5/6/10 1:03 PM [...]... Dreamweaver 324 Inserting a Fireworks image in a Dreamweaver document 324 Replacing an image placeholder with a Fireworks graphic 325 Editing Images in Fireworks Tables 328 Optimizing Your Images in Dreamweaver 330 02_610770-ftoc.indd xvii 5/6/10 1:03 PM xviii Dreamweaver CS5 All- in- One For Dummies Using Fireworks HTML in Dreamweaver 331 Inserting Fireworks HTML in a Dreamweaver document... fantastic forms for collecting data from visitors 03_610770-intro.indd 3 5/6/10 1:07 PM 4 Dreamweaver CS5 All- in- One For Dummies Book III: Working Like the Pros Book III walks you through the process of styling your pages with Cascading Style Sheets (CSS), building sites using Dreamweaver templates, and using Library items You also find out about working with server-side includes, creating and using code... Reviewing Source Formatting and Making Changes 510 Setting code formatting preferences 510 Introducing your Code Category preferences 510 Applying Source Formatting 514 Applying source formatting to a complete file 514 Applying source formatting to a selection 515 Using the JavaScript Extractor (JSE) 515 Changing Links Sitewide 517 Chapter 3: Preparing... 111 Chapter 4: Making Links with Text and Images 113 Understanding Hyperlinks 114 Creating Text Links 115 Making Image Links 117 Inserting E-Mail Links 118 02_610770-ftoc.indd xiii 5/6/10 1:03 PM xiv Dreamweaver CS5 All- in- One For Dummies Creating Named Anchor Links 119 Step 1: Place the named anchor 120 Step 2: Link to the named... Properties Inspector 24 Understanding the panel dock 24 Accessing panels and panel groups 25 Using the Insert panel 26 Using the Properties inspector 27 Working with the Files panel 27 Customizing the Workspace 29 Setting Dreamweaver Preferences 30 02_610770-ftoc.indd xi 5/6/10 1:03 PM xii Dreamweaver CS5 All- in- One For Dummies Finding Help... Occasionally, we include some technical information that, while interesting to some, is not essential reading for everyone Nevertheless, consider at least glancing at the text marked with the Technical Stuff icon just in case it applies to your situation 03_610770-intro.indd 5 5/6/10 1:07 PM 6 Dreamweaver CS5 All- in- One For Dummies Where to Go from Here Read through the Table of Contents to find what interests... of Contents to find what interests you In addition, consider the following jumping-off topics: ✦ For an overview of Dreamweaver in general and the new features in Dreamweaver CS5 in particular, go to Book I ✦ For information about working with text, graphics, and links, read Book II ✦ For information on using Cascading Style Sheets, templates, and serverside includes, see Book III ✦ To discover how... Editing an ASP.NET Database Connection 640 Deleting an ASP.NET Database Connection 641 02_610770-ftoc.indd xxiii 5/6/10 1:03 PM xxiv Dreamweaver CS5 All- in- One For Dummies Chapter 5: Configuring JSP Database Connections .643 Gathering Database Connection Information 643 Adding a JSP Database Connection 644 Java Runtime Environment installation 645 Installing... 87 Editing with the Find and Replace Tool 89 Searching for tags and attributes 89 Searching for text in specific tags 91 Saving and reusing searches 93 Using regular expressions in your searches 94 Chapter 3: Inserting Graphics 95 Inserting Images in Your Web Page 96 Using the Insert panel 96 Using the Insert menu... new in Dreamweaver CS5 The Remember icon is a friendly cue about things to keep in mind when performing certain tasks or important information that can benefit you in understanding how Dreamweaver works When you see the Warning icon, watch out! Paragraphs marked with this icon include important information that will help you avoid common design or coding mistakes and steer clear of trouble Occasionally, . books, including Building Facebook Applications For Dummies, Professional iPhone and iPod touch Programming, XSLT For Dummies, Creating Web Pages All- in- One For Dummies, XML All- in- One For Dummies, . PM5/6/10 1:03 PM Dreamweaver CS5 All- in- One For Dummies xviii Using Fireworks HTML in Dreamweaver 331 Inserting Fireworks HTML in a Dreamweaver document 332 Pasting Fireworks HTML in a Dreamweaver. get information on all our Dummies apps, visit the following: www .Dummies. com/go/mobile from your computer. www .Dummies. com/go/iphone/apps from your phone. Dreamweaver ® CS5 ALL- IN- ONE FOR DUMmIES ‰ 01_610770-ffirs.indd