By Bud E.Smith And Arthur Bebak - Lagout

Transcription

CreatingWeb PagesFORDUMmIES‰7THEDITIONby Bud E. Smith and Arthur Bebak

CreatingWeb PagesFORDUMmIES‰7THEDITIONby Bud E. Smith and Arthur Bebak

Creating Web Pages For Dummies , 7th EditionPublished byWiley Publishing, Inc.111 River StreetHoboken, NJ 07030-5774Copyright 2004 by Wiley Publishing, Inc., Indianapolis, IndianaPublished by Wiley Publishing, Inc., Indianapolis, IndianaPublished simultaneously in CanadaNo part of this publication may be reproduced, stored in a retrieval system or transmitted in any form orby any means, electronic, mechanical, photocopying, recording, scanning or otherwise, except as permitted under Sections 107 or 108 of the 1976 United States Copyright Act, without either the prior writtenpermission of the Publisher, or authorization through payment of the appropriate per-copy fee to theCopyright 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 Legal Department, Wiley Publishing,Inc., 10475 Crosspoint Blvd., Indianapolis, IN 46256, (317) 572-3447, fax (317) 572-4355, e-mail: brandreview@wiley.com.Trademarks: Wiley, the Wiley Publishing logo, For Dummies, the Dummies Man logo, A Reference for theRest of Us!, The Dummies Way, Dummies Daily, The Fun and Easy Way, Dummies.com, and related tradedress are trademarks or registered trademarks of John Wiley & Sons, Inc. and/or its affiliates in the UnitedStates and other countries, and may not be used without written permission. Copyright 1997-2003.Macromedia, Inc. 600 Townsend Street, San Francisco, CA 94103 USA. All Rights Reserved. Macromediaand Dreamweaver are trademarks or registered trademarks of Macromedia, Inc. in the United Statesand/or other countries. All other trademarks are the property of their respective owners. WileyPublishing, 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 WITHOUTLIMITATION 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 THEUNDERSTANDING THAT THE PUBLISHER IS NOT ENGAGED IN RENDERING LEGAL, ACCOUNTING, OROTHER PROFESSIONAL SERVICES. IF PROFESSIONAL ASSISTANCE IS REQUIRED, THE SERVICES OF ACOMPETENT PROFESSIONAL PERSON SHOULD BE SOUGHT. NEITHER THE PUBLISHER NOR THEAUTHOR SHALL BE LIABLE FOR DAMAGES ARISING HEREFROM. THE FACT THAT AN ORGANIZATIONOR 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 HAVECHANGED OR DISAPPEARED BETWEEN WHEN THIS WORK WAS WRITTEN AND WHEN IT IS READ.For general information on our other products and services or to obtain technical support, please contactour Customer Care Department within the U.S. at 800-762-2974, outside the U.S. at 317-572-3993, or fax317-572-4002.Wiley also publishes its books in a variety of electronic formats. Some content that appears in print maynot be available in electronic books.Library of Congress Control Number: 2004107901ISBN: 0-7645-7327-6Manufactured in the United States of America10 9 8 7 6 5 4 3 2 17B/SZ/QZ/QU/IN

About the AuthorsBud E. Smith is a computer book author with over 12 years of publishingexperience. Creating Web Pages For Dummies, 7th Edition, is one of over adozen books Bud has written; his Wiley Publishing, Inc. titles include InternetMarketing For Dummies and Web Usability For Dummies. In addition to writingbooks, Bud has been a computer magazine editor and product marketingmanager.Bud got his start with computers in 1983, when he left a promising career asa welder for a stint as a data-entry clerk. Bud then moved to the Silicon Valleyto join a startup company, followed by work for Intel, IBM, Apple, and AOL.His work and interests led him to acquire a degree in Information SystemsManagement from the University of San Francisco.Arthur Bebak received a degree in Computer Engineering at the University ofIllinois, which he attended on a fencing scholarship. He has designed mainframes, managed large engineering projects, and studied business administration. Arthur is founder of Netsurfer Communications, Inc., a highly successfulelectronic publishing company, and is an accomplished author.At Netsurfer, Arthur oversees a large staff of people who create Web sites fornumerous clients. They also write, edit, and publish several Web-based e-zines.

Authors’ AcknowledgmentsThe authors thank Steve Hayes, acquisitions editor, and the staff that helpedproduce this book: Editors Paul Levesque, Rebecca Senninger, and NicoleHaims, Technical Editor Danilo Celic, as well as the many other peopleresponsible for page layout, proofreading, indexing, and graphic art.The Web was built more for love than for money, and that tradition was continued by the many people who generously gave their time and support forthis book. We especially thank the providers of Web tools who supplied uswith an excellent set of programs for the CD-ROM and the Web authors whoagreed to let us use their sites for the figures in this book.

Publisher’s AcknowledgmentsWe’re proud of this book; please send us your comments through our online registration formlocated at www.dummies.com/register/.Some of the people who helped bring this book to market include the following:Acquisitions, Editorial, andMedia DevelopmentCompositionProject Editors: Nicole Haims, Paul Levesque(Colleen Williams Esterline)Acquisitions Editor: Steven H. HayesCopy Editor: Rebecca SenningerTechnical Editor: Danilo CelicProject Coordinator: Maridee EnnisLayout and Graphics: Andrea Dahl,Denny Hager, Joyce Haughey,Stephanie D. Jumper, Heather RyanProofreaders: Laura Albert, John Greenough,TECHBOOKS Production ServicesIndexer: TECHBOOKS Production ServicesEditorial Manager: Carol SheehanPermissions Editor: Laura MossMedia Development Specialist: Travis SilversMedia Development Manager:Laura VanWinkleMedia Development Supervisor:Richard GravesEditorial Assistant: Amanda FoxworthCartoons: Rich Tennant(www.the5thwave.com)Publishing and Editorial for Technology DummiesRichard Swadley, Vice President and Executive Group PublisherAndy Cummings, Vice President and PublisherMary Bednarek, Executive Acquisitions DirectorMary C. Corder, Editorial DirectorPublishing for Consumer DummiesDiane Graves Steele, Vice President and PublisherJoyce Pepple, Acquisitions DirectorComposition ServicesGerry Fahey, Vice President of Production ServicesDebbie Stailey, Director of Composition Services

Contents at a GlanceIntroduction .1Part I: Create a Web Page Today .7Chapter 1: Web Page Publishing Basics .9Chapter 2: Going Worldwide with GeoCities .29Chapter 3: Web Publishing with AOL and Other ISPs .45Chapter 4: Introduction to HTML .63Part II: Building Pages .89Chapter 5: Choosing Your Tools .91Chapter 6: Creating Your Home Page .109Chapter 7: Filling In Your Home Page .127Chapter 8: Adding Links to Your Web Page .145Part III: Better, Stronger, Faster Pages .159Chapter 9: Creating and Adding Web-Ready Graphics .161Chapter 10: Placing Graphics Right (And Left) .179Chapter 11: Designing a Good-Looking Page .189Chapter 12: Publishing Your Web Pages .205Part IV: Getting Interactive .219Chapter 13: Adding Animation and Multimedia .221Chapter 14: Adding More Interactivity .235Chapter 15: Creating a Full Web Site .245Chapter 16: Becoming a Wizard with Blogs .265Part V: The Part of Tens .279Chapter 17: Ten Web Publishing DO’s .281Chapter 18: Ten Web Publishing DON’Ts .287Part VI: Appendixes .293Appendix A: Web Words Worth Knowing .295Appendix B: Internet Service Providers .303

Appendix C: A Quick Guide to HTML Tags .305Appendix D: Using Resource.htm .325Appendix E: About the CD-ROM .335Index .345Wiley Publishing, Inc. End-User License Agreement .363

Table of ContentsIntroduction.1About This Book .1Foolish Assumptions .2CD(-ROM) for Me, See? .2Conventions Used in This Book .3Part-y Time: How This Book Is Organized .4Part I: Create a Web Page Today .4Part II: Building Pages .4Part III: Better, Stronger, Faster Pages .5Part IV: Getting Interactive .5Part V: The Part of Tens .5Part VI: Appendixes .5Icons Used in This Book .6Part I: Create a Web Page Today .7Chapter 1: Web Page Publishing Basics . . . . . . . . . . . . . . . . . . . . . . . . . .9Web Basics 101 .9Understanding how the Web works .9Getting up URLy .11The For Dummies Way to Web Publishing .12Making simple things simple .13Making difficult things possible .14Types of Web Sites .14Personal sites .15Topical sites .17Business sites .18Entertainment sites .20Web Page Guidelines .21Asking “Why am I doing this?” .21Don’t spend too much time on design .22Putting the good stuff first .24Thinking twice about download times .25Knowing your audience .25Using text bites .26Looking at sites you like .26Planning for ongoing improvements .27Deciding how you define success .27

xCreating Web Pages For Dummies, 7th EditionChapter 2: Going Worldwide with GeoCities . . . . . . . . . . . . . . . . . . . . .29Starting with a GeoCities Web Page .30Checking out Yahoo! GeoCities .31Following the city ordinances .32Planning Before You Begin .34Getting Registered .35Begin Building Your Web Site .38We’re Off to See the Wizard .40The Steps to Success .42Chapter 3: Web Publishing with AOL and Other ISPs . . . . . . . . . . . . . .45The Best Internet Service Provider .46The Best Web Publishing Support .51Getting Your Web Page Up with AOL or CompuServe .53Looking into What AOL Offers .54Planning Before You Start .54Getting a Start with 1-2-3 Publish .55Publishing Your First Home Page .58Chapter 4: Introduction to HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .63Get Ready: A Refreshingly Brief Description of HTML .64Viewing HTML documents .65Creating HTML documents .68Previewing HTML documents .69Get Set: HTML Horse Sense .70Basic HTML rules .70Ten key HTML tags plus one .73Go: Creating a Web Page with HTML .74Creating a blank file for your HTML .75Head users your way to win .76Getting a heading and some body .78Adding a little list .79Looking back (and forward) in anchor .81Browsing your own Weblet .86Looking to the next HTML steps .88Part II: Building Pages .89Chapter 5: Choosing Your Tools . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .91Choosing Between WYSIWYG and Plain Text .92Pluses and minuses of text editors .92Pluses and minuses of Netscape Composer .93Working with Netscape Composer .96Where Netscape 7.1 runs .97Getting Netscape Composer .99Using Netscape Composer .104Using a Text Editor .106

Table of ContentsChapter 6: Creating Your Home Page . . . . . . . . . . . . . . . . . . . . . . . . . . .109What to Put in a Home Page .109Me and my interests .110Me and my family .111Me and my work .113Starting Your Page .115Creating your initial page using HTML .115Creating your initial page using a Web editor .118I Never META Tag I Didn’t Like .123Adding META tags with HTML .124Adding META tags with Composer .125Chapter 7: Filling In Your Home Page . . . . . . . . . . . . . . . . . . . . . . . . . . .127Writing for the Web .127Web realities .127Web style .129Have fun .130Formatting Web Text .131Using HTML Lists .134Entering Text in HTML .136Entering and formatting text .137Making a list .138Looking at the Web page .138Entering Text in Netscape Composer .140Entering and formatting text .140Making a list .141Looking at the HTML .142Chapter 8: Adding Links to Your Web Page . . . . . . . . . . . . . . . . . . . . .145Linking Basics .146How links work .146Links and URLs .147Avoiding mistakes .151Linking to a Web Page .153Adding Web page links in HTML .153Adding Web page links in Composer .154Creating a Mailto Link .155Creating a mailto link in HTML .157Creating a mailto link in Composer .158Part III: Better, Stronger, Faster Pages .159Chapter 9: Creating and Adding Web-Ready Graphics . . . . . . . . . . . .161Using Graphics in Your Web Site .162Using GIF and JPEG graphics formats .162Using Web-safe colors .165Obtaining and creating graphics .166xi

xiiCreating Web Pages For Dummies, 7th EditionDealing with Graphics .168Speeding up slow pages .169Avoiding three big mistakes .170Using Graphics in HTML .172Use the IMG tag for inline graphics .173Add an A for anchor to create a graphical link .173Experimenting with Advanced GIFfery .175Transparent GIFs .177Animated GIFs .178Clickable image maps .178Chapter 10: Placing Graphics Right (And Left) . . . . . . . . . . . . . . . . . . .179Adjusting Graphic Size .179Flowing Text around Graphics .181Putting a Border around a Graphic .183Placing a Graphic in Netscape Composer .183Placing a Graphic in HTML .185Chapter 11: Designing a Good-Looking Page . . . . . . . . . . . . . . . . . . . .189Three Key Principles of Design .190Achieving simplicity .190Producing predictability .192Creating consistency .194Design Mistakes to Avoid .194Slow-loading pages .194Ugly color combinations .195Small text (And large text, too) .196Breaking the Rules Safely .197Using Tables and Frames .199Creating simple tables .199Using tables for layout purposes .201Friends don’t let friends do frames .202Chapter 12: Publishing Your Web Pages . . . . . . . . . . . . . . . . . . . . . . . .205Getting Web Server Space .206Web hosting service features .207Options for Web server space .209Hiring help .212Transferring Your Files .214Arranging your files before transfer .214Transferring your files with FTP .215Using an online service file transfer .217Putting Your Site to Work .217Testing your site .218Getting feedback on your site .218

Table of ContentsPart IV: Getting Interactive .219Chapter 13: Adding Animation and Multimedia . . . . . . . . . . . . . . . . . .221Understanding Multimedia Pitfalls .221Animating Your GIFs .223Finding animated GIFs .224Adding animated GIFs to your Web page .226Creating an animated GIF .227The M- (for Multimedia) Files .229Adding a QuickTime Video File .231Adding an MP3 Audio File .233Chapter 14: Adding More Interactivity . . . . . . . . . . . . . . . . . . . . . . . . . .235Interactivity Made Easy .236Using site counters .237Adding guestbooks .238Incorporating forms and CGIs .239Programming Your Pages .240JavaScript .241ActiveX .241Database interactivity .242Going beyond HTML .242Style sheets — Cascading onto the Web .242HTML gets Dynamic .243XML x-es out HTML .243The Web enters the twenty-first century .244Chapter 15: Creating a Full Web Site . . . . . . . . . . . . . . . . . . . . . . . . . . .245Creating Your Web Pages .245Getting your pages right .246Planning versus pushing ahead .247Planning your Web site .249Creating the content .251Publishing your Web site .252Stumbling blocks on the Web .253Creating Navigation .255Arranging your pages .255Getting the addresses right .256Creating a navigation bar .258Getting the Word Out .259Publicize your site .259Count your blessings — and your users .262Keep people coming to your site .262xiii

xivCrea

experience. Creating Web Pages For Dummies, 7th Edition, is one of over a dozen books Bud has written; his Wiley Publishing, Inc. titles include Internet Marketing For Dummies and Web Usability For Dummies. In addition to writing books, Bud has been a computer magazine editor and product marketing manager.