Revision History for the First Edition: 2013-12-09
See http://oreilly.com/catalog/errata.csp?isbn=0636920027461 for release details.
The Missing Manual is a registered trademark of O’Reilly Media, Inc. The Missing Manual logo, and “The book that should have been in the box” are trademarks of O’Reilly Media, Inc. Many of the designations used by manufacturers and sellers to distinguish their products are claimed as trademarks. Where those designations appear in this book, and O’Reilly Media is aware of a trademark claim, the designations are capitalized. While every precaution has been taken in the preparation of this book, the publisher assumes no responsibility for errors or omissions, or for damages resulting from the use of the information contained in it. ISBN-13: 978-1-449-34170-1
ABOUT THE CREATIVE TEAM Peter McKie (editor) has a master’s degree from Boston University’s School of Journalism and lives in New York City. In his spare time, he digitizes archival photos of his summer community. Email: email@example.com. Kara Ebrahim (production editor) lives, works, and plays in Cambridge, MA. She loves graphic design and all things outdoors. Email: firstname.lastname@example.org. Murray R. Summers (technical reviewer) is an Adobe Certified Dreamweaver Developer and Community Professional. He has co-authored and contributed chapters to several books on Dreamweaver, been the technical editor for the last eight editions of the Dreamweaver Missing Manual, and presented at multiple national
THE MISSING CREDITS
conferences. His company, Great Web Sights, has been active in web development since 1998. Murray lives in southern Delaware with his wife, Suzanne. One daughter works at Clemson University and lives in Greenville, SC, and the other is a skilled web developer (carolinawebcreations.biz). His two sons live and work in Virginia Beach. Danilo Celic, Jr. (technical reviewer) has been using Dreamweaver since version 1.2. In the years since, he has contributed to the Dreamweaver community in a variety of capacities. He has been a co-author, technical editor, and technical reviewer for a shelf full of Dreamweaver- and Web-related books. He loves sharing what he has learned over the years of the inner workings of Dreamweaver and various web technologies. Danilo lives in the suburbs of Chicago with his wife, Melissa, who patiently forgives the late hours he puts in in front of a glowing screen. Email: danilo@ shimmerphase.com. Carla Spoon (proofreader) is a freelance writer and copyeditor. An avid runner, she works and feeds her tech gadget addiction from her home office in the shadow of Mount Rainier. Email: email@example.com. Julie Hawks (indexer) is a teacher and eternal student. She can be found wandering about with a camera in hand. Email: firstname.lastname@example.org.
ACKNOWLEDGMENTS Thanks to all those who have helped with this book (and all of my books over the years): my students, colleagues, and the wonderful people at O’Reilly. Thanks to Murray Summers and Danilo Celic for their careful scrutiny and erudite corrections to my writing; thanks also to Peter McKie for making my writing more energetic and clearer. —Dave McFarland I’m always amazed at the number of pros it takes to create a book like Dreamweaver CC: The Missing Manual. My thanks go to out to everyone who worked on this book, including the technical reviewers. I also want to thank my wife, Joyce, for her love and support. —Chris Grover
THE MISSING MANUAL SERIES Missing Manuals are witty, superbly written guides to computer products that don’t come with printed manuals (which is just about all of them). Each book features a handcrafted index. Recent and upcoming titles include:
Windows 8.1: The Missing Manual by David Pogue Switching to the Mac: The Missing Manual, Mavericks Edition by David Pogue OS X Mavericks: The Missing Manual by David Pogue
THE MISSING CREDITS
HTML5: The Missing Manual, Second Edition by Matthew MacDonald Photoshop Elements 12: The Missing Manual by Barbara Brundage Photoshop CC: The Missing Manual by Lesa Snider Office 2013: The Missing Manual by Nancy Connor, Matthew MacDonald Quickbooks 2013: The Missing Manual by Bonnie Biafore WordPress: The Missing Manual by Matthew MacDonald For a full list of all Missing Manuals in print, go to www.missingmanuals.com/library. html.
THE MISSING CREDITS
WHAT DREAMWEAVER IS ALL ABOUT
NOTE To emphasize that its Creative Suite applications (Dreamweaver, Photoshop, InDesign, and so on) now
reside exclusively in the cloud, Adobe added “CC” to the creative suite product names. So, for this new version of Dreamweaver, what used to be Dreamweaver CS6 has become Dreamweaver CC. Throughout this book, and out there in the site design/developer world, the name is usually shortened to CC.
write that dictate the look of your pages. Dreamweaver includes advanced tools to create, test, and edit CSS in your pages.
If you’ve built one or more sites without Dreamweaver, you don’t have to start over again. The program happily opens web pages and websites created in other programs without destroying any of your carefully crafted code.
Why Dreamweaver? You can find dozens of web design programs on the market, but Dreamweaver is one of the leaders, thanks to key benefits like these: • Visual page-building. If you’ve ever spent time using a text editor to punch out HTML for your web pages, you know the tedium involved in adding even a simple photograph. When your boss asks you to add her photo to the company home page, you launch your trusty text editor and type in something like src=“images/staff/bigcheese.jpg” width=“100” height=“150” alt=“The Boss”>. Not only is this approach prone to typos, it separates you from what you want the page to look like. Dreamweaver, on the other hand, gives you a several ways to stay in touch with your page’s visual design. If your interest is in design and not HTML, you can work in the program’s Design view. Drag an image to your budding web page there, and Dreamweaver displays the picture on the page. Just as a word processor
DREAMWEAVER CC: THE MISSING MANUAL
displays documents as they’ll look when you print them out, so Dreamweaver gives you a close approximation of what your page will look like in a web browser.
in favor of the jQuery framework. See page 573 and the note on page 575 for details.
UP TO SPEED
• Have it your way. As if Dreamweaver didn’t have enough going for it, the program’s engineers have created a completely customizable product, or, as they call it, an extensible program. Anyone can add to or change Dreamweaver’s menus, commands, objects, and windows. Suppose, for example, that you hardly ever use any of the commands in the Edit menu. By editing one text file in the Dreamweaver Configuration folder, you can xvi
DREAMWEAVER CC: THE MISSING MANUAL
get rid of unwanted menu items—or even add commands of your own creation. This incredible flexibility lets you customize Dreamweaver to fit the way you work, and even add features that Adobe’s programmers never imagined. Best of all, the Adobe Exchange website includes hundreds of free and commercial extensions for Dreamweaver. See Chapter 21 for details.
WHAT’S NEW IN DREAMWEAVER CC
What’s New in Dreamweaver CC If you haven’t used Dreamweaver before, see Chapter 1 for the grand tour. If you’re upgrading from Dreamweaver CS6 or some other version of the program, you’ll find that Dreamweaver CC offers a host of new features: • HTML5 is touted by everyone from AT&T to Google as the next big thing (described in more detail on page 430). It’s the first major change to HTML in years, and it promises to make building powerful websites easier than ever. Dreamweaver CS6 introduced very basic support for HTML5 that simplified hand-coding the new HTML5 tags. Fortunately, Dreamweaver CC brings HTML5 to Design view, providing simple menu options that let you insert new HTML5 elements like , ,