Richard Wagner 9 IN 1 BOOKS BOOKS • Establish a Web Presence • Web Design • HTML/XHTML • Style with CSS • JavaScript ® and Ajax • Graphics • Microsoft ® Expression ® Web • Adobe ® Dreamweaver ® • Adobe ® Flash ® Creating Web Pages ALL-IN-ONE 4th Edition Making Everything Easier! ™ Open the book and find: • Advice on the best tools for building your pages • The fundamentals of effective page design • How to build your pages using HTML • Tips for customizing pages with CSS • Steps for optimizing graphics and adding video to your site • How to simplify page building with Microsoft Expression Web • Instructions on using pro Web building tools like Dreamweaver and Flash • How to connect your pages to social sites like Twitter® and Facebook® Richard Wagner is Lead Product Architect, Web/Mobile at MAARK and author of several Web and mobile-related books, including Safari and WebKit Development for iPhone OS 3.0, XSLT For Dummies, Web Design Before & After Makeovers, and more. $34.99 US / $41.99 CN / £24.99 UK ISBN 978-0-470-64032-6 Web / Page Design Go to Dummies.com ® for videos, step-by-step examples, how-to articles, or to shop! Here’s just what you need to know to create a cool Web site — and no more! If you’re not a professional Web designer, and don’t want to be, you probably just want to get the job done and make it look good. There’s nothing wrong with that, and this book is here to help! Self-contained minibooks cover all the essential techniques and technologies, so you can get what you need to plan, design, code, and maintain your site. • You have a presence — explore your options for establishing an online presence with a blog or full-scale Web site • Design for your visitors — apply good Web design principles, make navigation easy, and consider your mobile visitors • All those initials — learn as much HTML, XHTML, and CSS as you need • Follow the script — find out how you can add interactive features to your pages with JavaScript and Ajax • Grab ’em with graphics — discover where to get graphics and how to optimize them for the Web • Express yourself — design, create, and publish a site using Microsoft Expression Web • Dream big — build a site with Dreamweaver for Windows ® or Mac ® • Get interactive in a Flash — make your site more appealing with Flash movies and interactivity Establish a Web Presence Web Design HTML/XHTML Style with CSS JavaScript ® and Ajax Graphics Microsoft ® Expression ® Web Adobe ® Dreamweaver ® Adobe ® Flash ® Creating Web Pages ALL-IN-ONE Wagner 4th Edition Spine: 1.30” www.it-ebooks.info Spine: 1.30” 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/creatingwebpagesaio 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. www.it-ebooks.info Creating Web Pages ALL-IN-ONE FOR DUMmIES ‰ 4TH EDITION 01_9780470640326-ffirs.indd i01_9780470640326-ffirs.indd i 12/29/10 2:54 PM12/29/10 2:54 PM www.it-ebooks.info 01_9780470640326-ffirs.indd ii01_9780470640326-ffirs.indd ii 12/29/10 2:54 PM12/29/10 2:54 PM www.it-ebooks.info by Richard Wagner Book Title ALL-IN-ONE FOR DUMmIES ‰ Creating Web Pages ALL-IN-ONE FOR DUMmIES ‰ 4TH EDITION 01_9780470640326-ffirs.indd iii01_9780470640326-ffirs.indd iii 12/29/10 2:54 PM12/29/10 2:54 PM www.it-ebooks.info Creating Web Pages All-in-One For Dummies ® , 4th Edition Published by Wiley Publishing, Inc. 111 River Street Hoboken, NJ 07030-5774 www.wiley.com Copyright © 2011 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. 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: 2010943055 ISBN: 978-0-470-64032-6 Manufactured in the United States of America 10 9 8 7 6 5 4 3 2 1 01_9780470640326-ffirs.indd iv01_9780470640326-ffirs.indd iv 12/29/10 2:54 PM12/29/10 2:54 PM www.it-ebooks.info About the Author Richard Wagner is Lead Product Architect, Web/Mobile at MAARK and author of several Web and mobile-related books, including Safari and WebKit Development for iPhone OS 3.0, XSLT For Dummies, Web Design Before & After Makeovers, and more. Richard has also authored several books outside of the  eld of technology, including The Myth of Happiness and The Expeditionary Man. 01_9780470640326-ffirs.indd v01_9780470640326-ffirs.indd v 12/29/10 2:54 PM12/29/10 2:54 PM www.it-ebooks.info 01_9780470640326-ffirs.indd vi01_9780470640326-ffirs.indd vi 12/29/10 2:54 PM12/29/10 2:54 PM www.it-ebooks.info Dedication To Kimberly and the boys 01_9780470640326-ffirs.indd vii01_9780470640326-ffirs.indd vii 12/29/10 2:54 PM12/29/10 2:54 PM www.it-ebooks.info 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: Rebecca Senninger (Previous Edition: Nicole Sholly) Executive Editor: Steven Hayes Copy Editor: Barry Childs-Helton Technical Editor: Claudia Snell Editorial Manager: Leah Cameron Editorial Assistant: Amanda Graham Sr. Editorial Assistant: Cherie Case Cartoons: Rich Tennant (www.the5thwave.com) Composition Services Project Coordinator: Patrick Redmond Layout and Graphics: Vida Noffsinger, Lavonne Roberts Proofreader: Laura Bowman Indexer: BIM Indexing & Proofreading Services 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_9780470640326-ffirs.indd viii01_9780470640326-ffirs.indd viii 12/29/10 2:54 PM12/29/10 2:54 PM www.it-ebooks.info [...]... This Book In Creating Web Pages All-in-One For Dummies, 4th Edition, I take you on a tour around the Web The nine minibooks packed inside these pages cover all the “required” technologies that you need to know about to create Web pages Here are some tasks that I show you how to do in this reference book: ✦ Create attractive, professional-looking Web pages ✦ Enjoy some of the most popular Web services,... www.it-ebooks.info xxiv Creating Web Pages All-in-One For Dummies, 4th Edition Chapter 5: Publishing Your Movie .571 For Best Results: Optimizing Your Movie 571 Optimization tips 571 Profiling download performance 572 Outputting Your Movie for the Web 573 Index 579 www.it-ebooks.info Introduction I f you’re interested in creating a Web site, chances... 481 Adding a Spry Collapsible Panel 483 www.it-ebooks.info xxii Creating Web Pages All-in-One For Dummies, 4th Edition Chapter 5: Forms Follow Function .489 Adding a Form 489 Making Your Form Elements Accessible 492 Adding Form Elements 493 Capturing text 494 Creating a drop-down list box 495 Adding a check box ... www.it-ebooks.info xx Creating Web Pages All-in-One For Dummies, 4th Edition Chapter 2: Express Yourself: Creating Your First Site with Expression Web 385 Creating a New Site 385 Working with the Home Page 387 Previewing Your Page in a Browser 389 Previewing the Page in SuperPreview 391 Publishing Your Site 392 Importing a Site into Expression Web. .. Expression Web to create Web sites ✦ Make sense of HTML code ✦ Use Cascading Style Sheets (CSS) to style your Web site ✦ Use graphics and multimedia effectively ✦ Make your pages interactive, by adding JavaScript or Ajax scripts ✦ Use Adobe Flash to add animated Flash movies to your site www.it-ebooks.info 2 Foolish Assumptions Foolish Assumptions In Creating Web Pages All-in-One For Dummies, 4th Edition, ... position 174 Formatting a div Element 175 Adding a border 175 Adding a background 176 Creating a scrollable div 177 Structuring a Basic Two-Column Page Layout 178 Chapter 6: Creating Forms .183 How Forms Work 183 Creating a Form 184 Adding Form Elements 185 Powering your form with buttons... Blogging 19 Creating a Blog with WordPress 20 Creating a Post 23 Managing Your Blog Posts 28 Designing Your Blog Look 29 Making Posts Outside of WordPress 32 Posting by e-mail 32 Creating audio blog entries 34 Working with Comments 34 www.it-ebooks.info xii Creating Web Pages All-in-One For Dummies, 4th Edition Chapter 3:... look at Book IV ✦ To find out the basics of creating an HTML document, check out Book III, Chapter 1 ✦ To gain a working knowledge of the HTML source code, check out Books III, IV, and V ✦ To create interactive Web sites, go to Books V and IX www.it-ebooks.info 6 Creating Web Pages All-in-One For Dummies, 4th Edition www.it-ebooks.info Book I Establish a Web Presence www.it-ebooks.info Contents at... information to you consistently: ✦ Screen shots: All of the browsers and Web- site software (except for Microsoft Expression Web) that I cover in this book run on both the Microsoft Windows and Mac OS X platforms The screen shots in this book feature both the Mac and Windows versions, but all the instructions are for both operating systems ✦ Special formatting: When you see a term italicized, look for. .. Your Web- Site Traffic with Google Analytics .71 Adding Google Analytics Code to Your Web Site 71 Working with the Admin Console 76 www.it-ebooks.info Chapter 1: Getting Up and Running In This Chapter ✓ Getting to know the lingo for creating Web sites ✓ Understanding how a Web site is published ✓ Discovering Web sites that work (and some that don’t) P erhaps you created a simple Web site . PM www.it-ebooks.info by Richard Wagner Book Title ALL-IN-ONE FOR DUMmIES ‰ Creating Web Pages ALL-IN-ONE FOR DUMmIES ‰ 4TH EDITION 01_9780470640326-ffirs.indd iii01_9780470640326-ffirs.indd. Flash ® Creating Web Pages ALL-IN-ONE 4th Edition Making Everything Easier! ™ Open the book and find: • Advice on the best tools for building your pages •