Dreamweaver for Dummies Book

Introduction About This Book Conventions Used in This Book What You're Not to Read Foolish Assumptions How This Book Is Organized Part I: Fulfilling Your Dreams Part II: Looking Like a Million (Even on a Budget) Part III: Advancing Your Site Part IV: Writing It Out: The Dreamweaver Text Editors Part V: Making It Cool Part VI: The Part of Tens Other stuff Icons Used in This Book Part I: Fulfilling Your Dreams Chapter 1: Introducing Your New Best Friend Setting Up a Site Introducing the Many Components of Dreamweaver The Workspace The Document window The floating palettes The Object palette The Property inspector The Launcher (Your way to the best goodies) The menu bar The File menu The Edit menu The View menu The Insert menu The Modify menu The Text menu The Window menu The Help menu Chapter 2: Creating Your First Web Site with Dreamweaver Creating a New Site Creating New Pages Designing your first page Creating a headline Indenting text Adding images Setting Links Linking pages within your Web site Setting links to named anchors within a page Linking to pages outside your Web site Linking to e-mail addresses Putting Your Web Site Online Chapter 3: Working with Files Created in Other Visual Editors Corralling Your HTML Files The Diverging "Standard" Importing Web Sites Importing a site from your hard drive Downloading a site from a Web server Working on Sites Created in Other Editors Microsoft FrontPage 98 Adobe PageMill 2.0 Claris HomePage 3.0 Symantec Visual Page 1.1 NetObjects Fusion 2.0.1 GoLive CyberStudio 2.0 Other HTML editors Part II: Looking Like a Million (Even on a Budget) Chapter 4: Planning for Your Site Preparing for Development Storyboarding your site Starting small and building sensibly Tracking visitors to guide your site development Getting direct feedback from visitors Moving from Planning to Development Managing your site's structure What the user sees What you see Naming your site Organizing images Creating a style guide Creating a test Web site Using a test site to check server-side functions Using a test site to encourage collaboration Creating structure out of chaos Finding and Fixing Broken Links Checking for broken links Fixing broken links Chapter 5: Designing for the Web Examining a Couple of Nifty Web Sites Reefbound -- MSN Australia The Monterey Bay Aquarium Applying the Rules of Web Design Create a consistent design theme Develop an intuitive navigation system Make sure that your site loads quickly Keep your site simple and easy to read Use lots of white space Strive for original designs Test out your site Setting the Tone for Your Site Making the Most of the Design Features in Dreamweaver Designing with Cascading Style Sheets Bringing your pages to life with DHTML Chapter 6: Adding Graphics Getting Great Graphics Buying clip art Creating your own images Understanding the Basics of Web Graphics Inserting Images on Your Pages Aligning Images on a Page Centering an image Aligning an image to the right with text wrapping around it on the left Creating complex designs with images Using the transparent GIF trick Creating a Background Creating Image Maps Part III: Advancing Your Site Chapter 7: Coming to the HTML Table Understanding Table Options Creating Simple Tables Aligning columns in a table Creating table header cells Using Tables for Spacing and Alignment Using tables to evenly space graphic bullets Using tables to design forms Aligning a navigation bar Merging table cells Placing images and text side-by-side Aligning cells Creating columns with tables Using nested tables: Tables within tables Comparing Tables and Cascading Style Sheets Chapter 8: Framing Your Pages Understanding How Frames Work Creating a frame in Dreamweaver Saving files in a frameset Setting Targets and Links in Frames Naming frames Creating new pages in a frame Setting links to a target frame Comparing target options Changing Frame Properties Changing frame borders Changing frame sizes Changing scrolling and resizing options Setting margin height and width Creating Alternative Designs for Older Browsers Chapter 9: Cascading Style Sheets Appreciating Style Sheets Understanding style sheet differences in Web browsers Using font tags without style sheets Understanding the <FONT> tag Applying the <FONT> tag in Dreamweaver Creating Style Sheets in Dreamweaver Understanding style types Using the Edit Style Sheet dialog box Understanding New Style options Defining styles The Type panel The Background panel The Block panel The Box panel The Border and List panels The Positioning panel The Extensions panel Creating a custom style: Step-by-step Redefining HTML tags Conflicting styles Editing an Existing Style Applying Styles Creating and Editing External Style Sheets Changing Style Sheet Preferences Part IV: Writing It Out: The Dreamweaver Text Editors Chapter 10: Getting into HTML Appreciating Roundtrip HTML Accessing HTML code Understanding basic HTML Writing HTML for different browsers Creating a Simple HTML Page The simplest HTML document The <P> and <BR> tags The <HR> tag The <BODY> tag Setting hyperlinks Naming the Main Page Cross-platform issues and testing Getting help with HTML Rename! Chapter 11: Introducing BBEdit BBEdit Basics Creating a new Web page Setting background and text colors Creating frames Adding and formatting text Creating hyperlinks Inserting graphics Making a table Creating a table with the Table tool Converting tab- or comma-delimited text into a table Previewing a page in a Web browser Beyond the Basics Search and replace Using basic search-and-replace features Searching across many files Using Batch Find Searching for special characters Storing patterns Making sense of grep searches File management Status bar Setting BBEdit preferences Understanding text cleanup functions Appreciating HTML quality control Finding more cool HTML tools The Windows List Adding custom HTML to the Tools palette Using the glossary Creating a glossary entry Assigning hot keys to glossary entries Inserting a glossary entry into a BBEdit file Creating custom HTML tags with the glossary Saving Time with BBEdit Tips Chapter 12: Introducing HomeSite Appreciating an HTML Text Editor Finding the Toolbars and Menus Menus The File menu The Edit menu The Search menu The Tools menu The Tags menu The View menu The Options menu The Help menu Toolbars The Main toolbar The Tag toolbar The Editor toolbar Working with HomeSite The directory window The main window Pages and projects Creating a New Page Using the Quick features Adding images Creating links Specifying fonts Browsing your work Creating tables Creating frames Advanced Features to Explore Creating custom toolbars Validating your code Ten Great HomeSite Features and Tips Part V: Making It Cool Chapter 13: Adding Interactivity with Dynamic HTML Understanding DHTML Working with Layers Creating layers Adding elements, and moving and resizing layers Stacking layers and changing visibility Setting layer options Working with Behaviors Attaching behaviors Attaching multiple behaviors Changing a behavior Using the Timeline Understanding the Timeline inspector options Creating timelines Ensuring That Your Pages Work in Older Browsers Converting a file to 3.0 browser-compatible Chapter 14: Showing Off with Multimedia Creating Multimedia for Different Browsers and Platforms Working with Macromedia Shockwave What is Shockwave for Director? What is Shockwave for Flash? Inserting Shockwave for Director and Shockwave for Flash files Setting parameters and other options for Shockwave Working with Java Inserting Java applets Setting Java parameters and other options Using ActiveX Objects and Controls Working with Other Plug-In Technologies Inserting Netscape plug-ins Setting Netscape plug-in parameters and other options Chapter 15: Forms Follow Function Appreciating What HTML Forms Can Do for You Signing in: Guest books Inquiring with surveys and feedback forms Shopping-cart systems Setting up secure commerce systems Conversing in discussion areas and chat rooms Finding information with search engines Generating database-driven Web pages Creating HTML Forms Comparing radio buttons and check boxes Creating radio buttons Creating check boxes Adding text fields Creating a pull-down list Finishing off your form with Submit and Clear buttons Part VI: The Part of Tens Chapter 16: Ten Great Sites Designed with Dreamweaver Discovery Online The X-Files The San Francisco Ballet The Wild World of Wonka signal2noise Deep Rising The Replacement Killers Fabric8 Macromedia Elixir Chapter 17: Ten Web Site Ideas You Can Use Make It Easy White Space Is Not Wasted Space Design for Your Audience Pull It Together Be Consistent Late-Breaking News Small and Fast Accessible Designs Follow the Three Clicks Rule Map It Out Chapter 18: Ten Timesaving Dreamweaver Tips Finding Functional Fonts Differentiating DHTML for All Browsers Directing Your Viewers Solving Problems in Applying Styles Finding Style Sheet Shortcuts Appreciating DHTML Differences Using the Best Layers Adding Behaviors Creating Prototypes and Templates Controlling Palettes Addressing All Mac Users: Bonus Tips Appendix A: Glossary Appendix B: Web Design Resources You Can Find Online Adobe Systems, Inc. Art and the Zen of Web Sites BrowserWatch CGI Overview CNET Communication Arts Interactive David Siegel's Site DHTML Zone The Directory The GrafX Design Site The HTML Writers Guild IDG Books Worldwide, Inc. International Data Group (IDG) Lynda's Homegurrl Page Macromedia's Designers and Developers Center Microsoft Netscape Project Cool Weblint WebMonkey Web Reference The World Wide Web Artists Consortium World Wide Web Consortium ZDNET Appendix C: About the CD System Requirements Using the CD with Microsoft Windows Using the CD with Mac OS What You'll Find Graphics programs HTML converters and editors Web browsers and plug-ins If You've Got Problems (Of the CD Kind) Index Book Registration Information