NetObjects Fusion 9 User Guide Copyright ©2005 Website Pros, Inc. All rights reserved. This manual, as well as the software described in it, is furnished under license and may only be used or copied in accordance with the terms of such license. The information in this manual is furnished for informational use only, is subject to change without notice, and should not be construed as a commitment, representation or warranty regarding the performance of NetObjects Fusion by Website Pros, Inc. Website Pros, Inc. assumes no responsibility for the consequences of any errors or inaccuracies in this manual. Except as permitted by the license for this manual, no part of this publication may be reproduced, stored in a retrieval system, or transmitted, in any form or by any means, electronic, mechanical, recording, or otherwise, without the prior written permission of Website Pros, Inc. Trademarks NetObjects, NetObjects Fusion, PageDraw, and SiteStyles are registered trademarks, and AutoSites, Everywhere HTML, SiteStructure, and "The Web needs you" are trademarks of Website Pros, Inc. These and other graphics, logos, service marks, and trademarks of Website Pros, Inc. and its affiliates may not be used without the prior written consent of Website Pros, Inc. or its affiliates, as the case may be. Flash® is a trademark or registered trademark of Macromedia, Inc. in the United States and/or other countries. Macromedia, Inc. does not sponsor, affiliate, or endorse Website Pros, Inc. or this product. All other brand and product names are trademarks or registered marks of their respective holders. This program was developed using NeoAccess: ©1992-1995 NeoLogic Systems, Inc. Portions of this product were created using LEADTOOLS ©1991-1996 LEAD Technologies, Inc. All rights reserved. International ProofReaderTM text proofing software © 2004 Vantage Technology Holdings, Inc. All rights reserved. Reproduction or disassembly of embodied algorithms or database is prohibited. Java and all Java-based trademarks and logos are trademarks of Sun Microsystems, Inc., in the United States and other countries. This product includes software developed by the Apache Software Foundation (www.apache.org). ©1999-2004 The Apache Software Foundation. All rights reserved. SSHTools - Java SSH2 API ©2002-2003 Lee David Painter and Contributors. Companies, names, and dates used in examples herein are fictitious unless otherwise noted. Government Restricted Rights For units of the Department of Defense, use, duplication, or disclosure by the Government is subject to restrictions as set forth in subparagraph (c)(1)(ii) of the Rights in Technical Data and Computer Software clause at DFARS 252.227-7013. Contractor/manufacturer is Website Pros, Inc., 12735 Gran Bay Parkway West, Building 200, Jacksonville, FL 32258. If the Commercial Computer Software Restricted Rights clause at FAR 52.227-19 or its successors apply, the Software and Documentation constitute restricted computer software as defined in that clause and the Government shall not have the license for published software set forth in subparagraph (c)(3) of that clause. Printed in the U.S.A. NetObjects Fusion 9 2 Contents Build Your Site's Success . . . . . . . . . . . . . . . . . . . . . 1 How to Get Started with NetObjects Fusion . . . . . . . 2 QuickStart Tips. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Step-by-Step . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . In-Depth Information . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Conventions Used in This Guide . . . . . . . . . . . . . . . . . . . . . . . . 3 3 3 3 Getting Help. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5 1 NetObjects Fusion Basics NetObjects Fusion Views. . . . . . . . . . . . . . . . . . . . . . 8 NetObjects Fusion Window . . . . . . . . . . . . . . . . . . . . 9 About the Properties Palette . . . . . . . . . . . . . . . . . . . . . . . . . . . 10 About Toolbars . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11 Navigating in NetObjects Fusion. . . . . . . . . . . . . . . 12 Using the Control Bar Buttons . . . . . . . . . . . . . . . . . . . . . . . . . 12 Using the Go Menu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12 Using Shortcut Menus . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13 Choosing Colors . . . . . . . . . . . . . . . . . . . . . . . . . . . 14 Working with Color Palettes . . . . . . . . . . . . . . . . . . 15 Choosing a Color Palette . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15 Loading a Custom Color Palette. . . . . . . . . . . . . . . . . . . . . . . . 16 Creating or Editing a Color Palette . . . . . . . . . . . . . . . . . . . . . 16 NetObjects Fusion Folder Structure. . . . . . . . . . . . . 17 2 Setting Application Options Setting Program Options. . . . . . . . . . . . . . . . . . . . . 20 Setting Preview Options . . . . . . . . . . . . . . . . . . . . . 22 Setting Text Options . . . . . . . . . . . . . . . . . . . . . . . . 23 Setting International Options . . . . . . . . . . . . . . . . . 25 Updating NetObjects Fusion. . . . . . . . . . . . . . . . . . 26 3 Creating and Managing Sites Starting NetObjects Fusion . . . . . . . . . . . . . . . . . . . 28 Working with Site Files . . . . . . . . . . . . . . . . . . . . . 28 Creating and Opening Sites . . . . . . . . . . . . . . . . . . 29 Starting with a Blank Site . . . . . . . . . . . . . . . . . . . . . . . . . . . . .29 Starting with the Site Wizard . . . . . . . . . . . . . . . . . . . . . . . . . . .31 Opening an Existing Site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .31 Working with the SiteStructure. . . . . . . . . . . . . . . . 33 Selecting a Page . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .33 Working with a Group of Pages . . . . . . . . . . . . . . . . . . . . . . . . .34 Setting Properties . . . . . . . . . . . . . . . . . . . . . . . . . . 35 Setting Page Properties . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .36 Setting Site Management Properties . . . . . . . . . . . . . . . . . . . . .37 Setting META Tag Properties . . . . . . . . . . . . . . . . . . . . . . . . . .38 Setting Protection Options . . . . . . . . . . . . . . . . . . . . . . . . . . . . .40 Setting Properties for a Group of Pages. . . . . . . . . . . . . . . . . . .42 Adding a Page . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 44 Copying and Pasting Pages. . . . . . . . . . . . . . . . . . . 44 Deleting a Page . . . . . . . . . . . . . . . . . . . . . . . . . . . . 45 Moving a Page . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 45 Replacing the Home Page . . . . . . . . . . . . . . . . . . . . 46 Renaming Pages. . . . . . . . . . . . . . . . . . . . . . . . . . . . 47 Using Custom Button and Banner Names and File Extensions 48 Setting Up the Site View Display . . . . . . . . . . . . . . 49 Collapsing the SiteStructure Display . . . . . . . . . . . . . . . . . . . . 50 Working in Site Outline View . . . . . . . . . . . . . . . . . . . . . . . . . 50 Printing the SiteStructure. . . . . . . . . . . . . . . . . . . . . 51 Saving Your Work . . . . . . . . . . . . . . . . . . . . . . . . . . 52 Backing Up Your Site . . . . . . . . . . . . . . . . . . . . . . . 53 Setting Options for the Current Site . . . . . . . . . . . . 54 Changing General Settings . . . . . . . . . . . . . . . . . . . . . . . . . . . . 54 Setting Site Protection Options . . . . . . . . . . . . . . . . . . . . . . . . 55 Versioning and Backup Settings. . . . . . . . . . . . . . . . . . . . . . . . 56 4 Working with Templates Creating a Site from a Template . . . . . . . . . . . . . . . 60 Using Templates to Expand a Site . . . . . . . . . . . . . . 61 Exporting a Site . . . . . . . . . . . . . . . . . . . . . . . . . . . . 62 Changing an Existing Template . . . . . . . . . . . . . . . . 63 Customizing a Template . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 64 Sharing NetObjects Fusion Site Files . . . . . . . . . . . 64 5 Importing Sites and Documents Importing Existing Sites . . . . . . . . . . . . . . . . . . . . . 68 Creating a New Site from an Existing Site . . . . . . . . . . . . . . . .70 Using an Existing Site to Expand a Site . . . . . . . . . . . . . . . . . .72 Importing a Microsoft Office Document . . . . . . . . 72 6 Page View Basics Exploring Page View . . . . . . . . . . . . . . . . . . . . . . . 76 MasterBorder and Layout Area . . . . . . . . . . . . . . . . . . . . . . . . .77 Setting Up the Page Design View Display. . . . . . . . . . . . . . . . .77 Setting Page Properties . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .78 Displaying Pages in Page View . . . . . . . . . . . . . . . 78 Displaying a Page from Site View . . . . . . . . . . . . . . . . . . . . . . .78 Using the Site Navigation Palette . . . . . . . . . . . . . . . . . . . . . . .79 Setting Page Size . . . . . . . . . . . . . . . . . . . . . . . . . . 79 Adding Objects to the Page . . . . . . . . . . . . . . . . . . 81 Using Object Tools. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .81 Page View Toolbars . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .81 Importing Pages . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .85 Reusing Assets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .86 Adding and Modifying Alt Tags . . . . . . . . . . . . . . . . . . . . . . . .87 Editing Objects and Assets . . . . . . . . . . . . . . . . . . . 87 Selecting an Object . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .88 Renaming an Object. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .89 Resizing an Object . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .89 Locking Objects . . . . . . . . . . . . . . . . . . . . . . . . . . . 89 Positioning Objects . . . . . . . . . . . . . . . . . . . . . . . . . 90 Moving or Copying an Object . . . . . . . . . . . . . . . . . . . . . . . . . .90 Aligning and Distributing Objects . . . . . . . . . . . . . . . . . . . . . . Grouping Objects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Adding, Moving, and Deleting Guides. . . . . . . . . . . . . . . . . . . Aligning Objects Using Smart Guides . . . . . . . . . . . . . . . . . . . Snapping Objects to Grids, Guides, and Each Other . . . . . . . . 91 92 93 93 94 Layering Objects . . . . . . . . . . . . . . . . . . . . . . . . . . . 94 Rearranging Layered Objects . . . . . . . . . . . . . . . . . . . . . . . . . . 95 Adding Services . . . . . . . . . . . . . . . . . . . . . . . . . . . . 95 7 Controlling Published Output Approaches to Page Design . . . . . . . . . . . . . . . . . . . 98 Selecting a Layout Method . . . . . . . . . . . . . . . . . . . 99 Using Layouts. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 99 Using Layout Regions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 100 Using Text Boxes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 100 Using Tables . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 101 Selecting an HTML Output Method . . . . . . . . . . . 102 Setting the Site's HTML Output Method . . . . . . . . . . . . . . . . Publishing with Dynamic Page Layout . . . . . . . . . . . . . . . . . Publishing with Regular Tables . . . . . . . . . . . . . . . . . . . . . . . Publishing with Fixed Page Layout . . . . . . . . . . . . . . . . . . . . 103 105 109 109 Design Priorities and Method Choices . . . . . . . . . 111 8 Working with Layouts and Layout Regions Working with Layouts . . . . . . . . . . . . . . . . . . . . . . 114 Creating a New Layout. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Selecting a Layout . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Renaming a Layout. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Changing Layout Size . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 114 115 115 116 Adding an Object to the Layout . . . . . . . . . . . . . . . . . . . . . . . .116 Working with Layout Regions . . . . . . . . . . . . . . . .116 Creating a Layout Region . . . . . . . . . . . . . . . . . . . . . . . . . . . .117 Adding Objects to a Layout Region. . . . . . . . . . . . . . . . . . . . .117 Displaying the Layout Region Grid . . . . . . . . . . . . . . . . . . . . .117 Converting a Layout Region to a Table . . . . . . . . . . . . . . . . . .118 Setting the HTML Output Method for a Layout or Layout Region . . . . . . . . . . . . . . . .119 Setting Layout and Layout Region Background Properties . . . . . . . . . . . . . . . . . . . . . 120 9 Working with Text Boxes Adding a Text Box . . . . . . . . . . . . . . . . . . . . . . . . 124 Selecting a Text Box . . . . . . . . . . . . . . . . . . . . . . . 124 Embedding Objects in a Text Box . . . . . . . . . . . . 125 Dragging and Dropping an Existing Object. . . . . . . . . . . . . . .126 Creating a New Embedded Object. . . . . . . . . . . . . . . . . . . . . .126 Wrapping Text around Objects . . . . . . . . . . . . . . . 127 Sizing a Text Box . . . . . . . . . . . . . . . . . . . . . . . . . 128 Setting Text Box Background. . . . . . . . . . . . . . . . 129 Creating Pages that Resize to the Browser Window130 Preserving Your Design Intentions . . . . . . . . . . . . 132 1 0 Managing MasterBorders Working with MasterBorders. . . . . . . . . . . . . . . . . 134 Selecting a MasterBorder. . . . . . . . . . . . . . . . . . . . 135 Modifying the Current MasterBorder . . . . . . . . . . 135 Creating a MasterBorder . . . . . . . . . . . . . . . . . . . . 137 Changing MasterBorders . . . . . . . . . . . . . . . . . . . . 138 Applying a MasterBorder to Multiple Pages . . . . . 139 Renaming a MasterBorder . . . . . . . . . . . . . . . . . . . 139 Deleting a MasterBorder . . . . . . . . . . . . . . . . . . . . 140 11 Working with AutoFrames Understanding Frames . . . . . . . . . . . . . . . . . . . . . . 142 Adding an AutoFrame . . . . . . . . . . . . . . . . . . . . . . 144 Generating HTML Frame Borders . . . . . . . . . . . . 147 Setting Frame Properties . . . . . . . . . . . . . . . . . . . . 148 Targeting Links in AutoFrames . . . . . . . . . . . . . . . 150 AutoFrames and Browser Refresh . . . . . . . . . . . . . 151 1 2 Designing with Text Adding Text to a Page . . . . . . . . . . . . . . . . . . . . . . 154 Using the Text Tool . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 154 Dragging and Dropping a Text File . . . . . . . . . . . . . . . . . . . . .155 Pasting Text from the Clipboard . . . . . . . . . . . . . . . . . . . . . . .155 Formatting Text. . . . . . . . . . . . . . . . . . . . . . . . . . . 156 Selecting HTML or Cascading Style Sheet Text Formatting. .156 Understanding the Automatic Setting . . . . . . . . . . . . . . . . . . .157 Formatting Selected Text . . . . . . . . . . . . . . . . . . . . . . . . . . . . .158 Formatting Paragraphs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .160 Using the CSS Editor . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .167 Formatting Text Objects within Paragraphs. . . . . . . . . . . . . . .168 Working with Text Styles . . . . . . . . . . . . . . . . . . . 170 Applying a Text Style to a Paragraph . . . . . . . . . . . . . . . . . . .170 Applying a Style to a Text Span. . . . . . . . . . . . . . . . . . . . . . . .170 Using Custom Styles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .171 Setting a Style's Scope . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .172 Creating a Text Style . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .173 Creating a Custom Text Attribute (CSS only) . . . . . . . . . . . . .175 Modifying a Text Style. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .176 Deleting a Text Style . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .176 Creating Bulleted and Numbered Lists. . . . . . . . . 177 Formatting a List. . . . . . . . . . . . . . . . . . . . . . . . . . 178 Setting the List Start Value. . . . . . . . . . . . . . . . . . . . . . . . . . . .179 Setting the List Bullet or Numbering Type . . . . . . . . . . . . . . .180 Inserting Symbols . . . . . . . . . . . . . . . . . . . . . . . . . 180 Adding Text to a Shape or Picture . . . . . . . . . . . . 181 Creating and Editing Fields . . . . . . . . . . . . . . . . . 183 Inserting an Existing Field . . . . . . . . . . . . . . . . . . . . . . . . . . . .183 Creating a User-Defined Variable . . . . . . . . . . . . . . . . . . . . . .184 Checking Spelling. . . . . . . . . . . . . . . . . . . . . . . . . 185 Finding Text . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 187 Replacing Text . . . . . . . . . . . . . . . . . . . . . . . . . . . . 187 Counting Words, Lines, Paragraphs, and Characters188 1 3 Placing Pictures Choosing an Image Format . . . . . . . . . . . . . . . . . . 190 Adding a Picture . . . . . . . . . . . . . . . . . . . . . . . . . . 190 Using the Picture Properties Palette. . . . . . . . . . . . 193 Optimizing Images. . . . . . . . . . . . . . . . . . . . . . . . . 193 Basic Image Optimization . . . . . . . . . . . . . . . . . . . . . . . . . . . 194 Advanced Image Optimization. . . . . . . . . . . . . . . . . . . . . . . . 194 Creating a Transparent GIF . . . . . . . . . . . . . . . . . . . . . . . . . . 197 Resizing and Orienting a Picture . . . . . . . . . . . . . . 199 Resizing a Picture . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Tiling a Picture . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Rotating a Picture . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Flipping a Picture . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Cropping a Picture . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 199 200 201 201 202 Adjusting a Picture's Color . . . . . . . . . . . . . . . . . . 203 Creating a Border Around a Picture . . . . . . . . . . . 204 Adding Text to a Picture . . . . . . . . . . . . . . . . . . . . 205 Removing Red Eye in a Picture . . . . . . . . . . . . . . . 205 Editing Picture Hotspots . . . . . . . . . . . . . . . . . . . . 206 1 4 Creating Photo Galleries About Photo Galleries. . . . . . . . . . . . . . . . . . . . . . 210 Adding a Photo Gallery . . . . . . . . . . . . . . . . . . . . 212 Creating a New Photo Gallery . . . . . . . . . . . . . . . . . . . . . . . . .212 Inserting an Existing Photo Gallery . . . . . . . . . . . . . . . . . . . . .213 Working with Photos. . . . . . . . . . . . . . . . . . . . . . . 213 Adding Photos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .214 Replacing Photos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .216 Arranging Photos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .216 Resizing Photos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .218 Removing Photos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .220 Opening the Photo Gallery Properties Editor . . . . 221 Adding and Editing Photo Titles and Captions. . . 221 Adding and Editing Photo Titles and Captions on the Images Tab221 Adding and Editing Photo Titles on the Thumbnail Page . . . .223 Adding and Editing Photo Titles and Captions on the Photo Page224 Formatting Photo Titles and Captions . . . . . . . . . 224 Formatting Photo Titles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .224 Formatting Photo Captions . . . . . . . . . . . . . . . . . . . . . . . . . . .226 Formatting Photo Thumbnail Titles . . . . . . . . . . . . . . . . . . . . .227 Controlling Download Time . . . . . . . . . . . . . . . . . 228 Adding Alt Tags . . . . . . . . . . . . . . . . . . . . . . . . . . 231 Formatting the Thumbnail Page . . . . . . . . . . . . . . 232 Creating a Text Link to a Photo Gallery . . . . . . . . . . . . . . . . .232 Selecting a Thumbnail Template . . . . . . . . . . . . . . . . . . . . . . .233 Formatting the Photo Pages . . . . . . . . . . . . . . . . . 235 Displaying Photo Pages as Pop-Up Windows . . . . . . . . . . . . .235 Selecting a Photo Page Layout. . . . . . . . . . . . . . . . . . . . . . . . .235 Selecting a Photo Frame Template . . . . . . . . . . . . . . . . . . . . . 236 Navigating Between Photo Pages . . . . . . . . . . . . . 237 Setting Up Navigation for Site Visitors . . . . . . . . . 238 Saving a Photo Gallery Profile . . . . . . . . . . . . . . . 238 Removing a Photo Gallery. . . . . . . . . . . . . . . . . . . 239 1 5 Adding Tables Adding a Table. . . . . . . . . . . . . . . . . . . . . . . . . . . . 242 Setting Table Properties . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 243 Setting the Table Background . . . . . . . . . . . . . . . . . . . . . . . . 244 Adjusting the Table Structure . . . . . . . . . . . . . . . . 245 Resizing Table Rows and Columns . . . . . . . . . . . . . . . . . . . . Inserting a Row or Column . . . . . . . . . . . . . . . . . . . . . . . . . . Removing a Row or Column . . . . . . . . . . . . . . . . . . . . . . . . . Merging and Splitting Table Cells . . . . . . . . . . . . . . . . . . . . . Setting Row and Column Properties . . . . . . . . . . . . . . . . . . . 245 246 247 247 249 Working with Table Cells . . . . . . . . . . . . . . . . . . . 250 Selecting Table Cells . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Setting Cell Properties . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Sizing Cells. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Adding Text and Pictures to Cells . . . . . . . . . . . . . . . . . . . . . 250 250 252 252 Sorting Table Data . . . . . . . . . . . . . . . . . . . . . . . . . 253 Importing Table Data . . . . . . . . . . . . . . . . . . . . . . . 253 Exporting Table Data . . . . . . . . . . . . . . . . . . . . . . . 254 Setting Table Styles . . . . . . . . . . . . . . . . . . . . . . . . 255 Defining Table Regions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 255 Creating a Table Style . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .257 Adding a Table Style in Style View . . . . . . . . . . . . . . . . . . . . .260 1 6 Drawing Shapes and Lines Drawing Shapes . . . . . . . . . . . . . . . . . . . . . . . . . . 264 Adding HTML Horizontal Rules . . . . . . . . . . . . . 265 Adding a SiteStyle Line . . . . . . . . . . . . . . . . . . . . 266 Drawing Lines and Arrows. . . . . . . . . . . . . . . . . . 267 Editing Lines and Arrows . . . . . . . . . . . . . . . . . . . . . . . . . . . .269 1 7 Using SiteStyles What Is a SiteStyle? . . . . . . . . . . . . . . . . . . . . . . . 272 Exploring Style View . . . . . . . . . . . . . . . . . . . . . . 272 Applying SiteStyles . . . . . . . . . . . . . . . . . . . . . . . 276 Editing the Graphic Elements of SiteStyles . . . . . 276 Removing the Read Only Setting. . . . . . . . . . . . . . . . . . . . . . .277 Editing Banners and Buttons . . . . . . . . . . . . . . . . . . . . . . . . . .277 Adding Banners and Buttons . . . . . . . . . . . . . . . . . . . . . . . . . .279 Adding End Caps and Section Title Buttons . . . . . . . . . . . . . .281 Importing Flash Banners and Button Sets . . . . . . . . . . . . . . . .283 Editing a Navigation Bar . . . . . . . . . . . . . . . . . . . . . . . . . . . . .288 Editing a Table Style . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .289 Editing a Data List Icon . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .290 Editing a Style Background . . . . . . . . . . . . . . . . . . . . . . . . . . .291 Editing the SiteStyle Line . . . . . . . . . . . . . . . . . . . . . . . . . . . .292 Editing the Text Elements of SiteStyles . . . . . . . . 292 A Note about the Body and Normal (P) Text Styles . . . . . . . .294 Creating a SiteStyle . . . . . . . . . . . . . . . . . . . . . . . . 295 Managing SiteStyles . . . . . . . . . . . . . . . . . . . . . . . 297 Adding a SiteStyle . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 297 SiteStyles from Imported Sites . . . . . . . . . . . . . . . . . . . . . . . . 302 Removing SiteStyles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 302 Styles Folder Structure. . . . . . . . . . . . . . . . . . . . . . 303 1 8 Creating Navigation Bars and Banners Working with Banners and Navigation Bars . . . . . 306 Using Navigation Bars. . . . . . . . . . . . . . . . . . . . . . 306 Adding a Navigation Bar . . . . . . . . . . . . . . . . . . . . . . . . . . . . Setting Navigation Structure . . . . . . . . . . . . . . . . . . . . . . . . . Setting Navigation Bar Orientation . . . . . . . . . . . . . . . . . . . . Set Border Width and Button Spacing . . . . . . . . . . . . . . . . . . Setting Button Navigation Bar Properties . . . . . . . . . . . . . . . Setting Text Navigation Bar Properties . . . . . . . . . . . . . . . . . Changing a Flash Navigation Bar's Appearance . . . . . . . . . . Setting a Navigation Bar Target . . . . . . . . . . . . . . . . . . . . . . . 307 309 311 311 313 320 321 323 Using Banners . . . . . . . . . . . . . . . . . . . . . . . . . . . . 323 Adding a Banner. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Changing the Banner Text . . . . . . . . . . . . . . . . . . . . . . . . . . . Changing a Banner's Image . . . . . . . . . . . . . . . . . . . . . . . . . . Changing a Flash Banner's Appearance. . . . . . . . . . . . . . . . . Setting Banner Style and Orientation . . . . . . . . . . . . . . . . . . . 324 325 325 326 327 1 9 Creating Links and Anchors Creating Links . . . . . . . . . . . . . . . . . . . . . . . . . . . . 330 Types of Links . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 330 Link Indicators . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 330 Creating an Internal Link . . . . . . . . . . . . . . . . . . . . . . . . . . . . .331 Adding, Editing, and Deleting an Anchor . . . . . . . . . . . . . . . .333 Creating a Smart Link . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .334 Creating an External Link . . . . . . . . . . . . . . . . . . . . . . . . . . . .336 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Creating a File Link339 Setting Link Targets . . . . . . . . . . . . . . . . . . . . . . . 341 Setting Frame Targets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .341 Setting Pop-Up Window Targets . . . . . . . . . . . . . . . . . . . . . . .342 Following Links . . . . . . . . . . . . . . . . . . . . . . . . . . 345 Finding a Link. . . . . . . . . . . . . . . . . . . . . . . . . . . . 346 Editing or Removing a Link . . . . . . . . . . . . . . . . . 346 Adding HTML to a Link. . . . . . . . . . . . . . . . . . . . 346 Working with Imagemaps . . . . . . . . . . . . . . . . . . . 348 Creating an Imagemap . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .348 Editing an Imagemap . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .348 2 0 Creating E-Commerce Catalogs About Catalogs . . . . . . . . . . . . . . . . . . . . . . . . . . . 352 Adding a Catalog . . . . . . . . . . . . . . . . . . . . . . . . . 354 Creating a New Catalog . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .354 Inserting an Existing Catalog . . . . . . . . . . . . . . . . . . . . . . . . . .355 Working with Products . . . . . . . . . . . . . . . . . . . . . 356 Adding Products. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .356 Arranging Products . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .359 Removing Products . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .362 Duplicating Products . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .363 Filtering Products. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .363 Importing Products. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .364 Formatting the List Page . . . . . . . . . . . . . . . . . . . . 366 Selecting a Layout for Your Catalog . . . . . . . . . . . . . . . . . . . 366 Displaying Products . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 368 Formatting the Detail Page. . . . . . . . . . . . . . . . . . . . . . . . . . . 370 Configuring the Store. . . . . . . . . . . . . . . . . . . . . . . 371 Controlling Download Time . . . . . . . . . . . . . . . . . 373 Setting Up Navigation for Site Visitors . . . . . . . . . 376 Saving a Catalog Profile . . . . . . . . . . . . . . . . . . . . 376 Removing a Catalog. . . . . . . . . . . . . . . . . . . . . . . . 377 2 1 Placing Media Inserting a Flash File . . . . . . . . . . . . . . . . . . . . . . . 380 Inserting a Shockwave File . . . . . . . . . . . . . . . . . . 382 Inserting a QuickTime Movie . . . . . . . . . . . . . . . . 384 Inserting a Windows Media Player File. . . . . . . . . 387 Inserting a Sound File . . . . . . . . . . . . . . . . . . . . . . 388 Inserting a Real Player File . . . . . . . . . . . . . . . . . . 390 Inserting Other Types of Files . . . . . . . . . . . . . . . . 392 Replacing a Media File . . . . . . . . . . . . . . . . . . . . . 394 2 2 Adding Java and ActiveX Inserting a Java Applet or Servlet . . . . . . . . . . . . . 396 Inserting a Java Bean Component . . . . . . . . . . . . 398 Inserting an ActiveX Control . . . . . . . . . . . . . . . . 401 2 3 Referencing and Editing External HTML Using Referenced Files . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .404 Referencing HTML from Site View . . . . . . . . . . . 404 Referencing HTML from Page View . . . . . . . . . . 406 Referencing HTML as an Object . . . . . . . . . . . . . 408 Toggling Referenced Layouts and Objects . . . . . . 410 Managing Referenced Assets . . . . . . . . . . . . . . . . .411 Publishing Native HTML . . . . . . . . . . . . . . . . . . . 412 Publishing Unmanaged Assets . . . . . . . . . . . . . . . 414 2 4 Building Dynamic Pages How Actions Work . . . . . . . . . . . . . . . . . . . . . . . . 416 Adding Actions to Objects and Pages. . . . . . . . . . 417 Adding an Action to Linked Text . . . . . . . . . . . . . 422 Tailoring Actions with Custom Messages . . . . . . 424 Targeting Several Objects with One Action . . . . . 426 Modifying Actions . . . . . . . . . . . . . . . . . . . . . . . . 428 Scripting Your Own Actions . . . . . . . . . . . . . . . . . 429 Scripting Parameter Values . . . . . . . . . . . . . . . . . . 430 Examples . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 432 Creating a Button Rollover. . . . . . . . . . . . . . . . . . . . . . . . . . . Colliding One Object with Another . . . . . . . . . . . . . . . . . . . . Showing One Object While Hiding Others . . . . . . . . . . . . . . Sequencing Actions for a Slide Show . . . . . . . . . . . . . . . . . . 432 434 435 437 Customizing Default Actions. . . . . . . . . . . . . . . . . 441 2 5 Designing and Implementing Forms Creating a Form . . . . . . . . . . . . . . . . . . . . . . . . . . . 444 Adding Objects to a Form . . . . . . . . . . . . . . . . . . . 446 Naming Form Objects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Adding a Single- or Multiple-Line Text Field . . . . . . . . . . . . Adding Radio Buttons . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Adding Check Boxes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Adding a Combo Box. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Adding a File Selector Box . . . . . . . . . . . . . . . . . . . . . . . . . . Adding Form Labels. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Adding Submit, Reset, Custom, and AutoClose Buttons. . . . Setting Form Object Tab Order . . . . . . . . . . . . . . . . . . . . . . . Setting Validation Rules for Form Objects. . . . . . . . . . . . . . . Setting Form Error Properties . . . . . . . . . . . . . . . . . . . . . . . . 447 447 449 450 452 453 454 455 456 457 459 Processing Data . . . . . . . . . . . . . . . . . . . . . . . . . . . 461 Adding Hidden Fields . . . . . . . . . . . . . . . . . . . . . . 463 2 6 Using NetObjects Fusion Components Using the Component Manager . . . . . . . . . . . . . . 466 Adding Toolbars to the Component Manager . . . . . . . . . . . . .466 Displaying Toolbars in the Component Manager . . . . . . . . . .466 Using the Component Manager . . . . . . . . . . . . . . . . . . . . . . . .468 About Components . . . . . . . . . . . . . . . . . . . . . . . . 469 Adding a Rotating Ad Banner . . . . . . . . . . . . . . . 470 Adding DynaButtons . . . . . . . . . . . . . . . . . . . . . . 472 Adding Sub-Buttons. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .473 Adding a Go Menu . . . . . . . . . . . . . . . . . . . . . . . . 475 Adding a Google Search Component . . . . . . . . . . 477 Adding a News Ticker . . . . . . . . . . . . . . . . . . . . . 482 Loading Pictures onto Your Site . . . . . . . . . . . . . . 486 Adding Pictures That Roll Over . . . . . . . . . . . . . . 486 Adding Rotating Pictures . . . . . . . . . . . . . . . . . . . 488 Adding an RSS Feeds Component . . . . . . . . . . . . 490 Directing Visitors to a Browser-Specific Page . . . 493 Adding a Site Map Button . . . . . . . . . . . . . . . . . . 495 Adding Time Based Pictures. . . . . . . . . . . . . . . . . 496 Adding an Email Page Component. . . . . . . . . . . . 498 . . . . . . . . . Using the Forms Handler Component509