Style View. 53 Assets View. 56 Publish View. 57 Where to Go from Here. 58
3 Designing Site Navigation
Creating a New MasterBorder. 60 Creating an ImageMap. 62
Adding Fly-out Submenus. 69 Adding a Custom Navigation Bar. 71 Where To Go From Here. 75
4 Placing Pictures in Text
Importing a Word File. 78 Adding a Picture Inside a Text Box. 80 Where To Go From Here. 86
5 Creating a Photo Gallery
Adding Pages for the Photo Gallery. 88 Adding Photos. 89 Formatting the Thumbnail Page. 91 Formatting the Photo Pages. 95 Where To Go From Here. 101

6 Creating Dynamic Pages

Adding Objects. 104 Using the Object Tree Palette. 110 Adding Actions to Objects. 111 Adding Sound to the Background. 118
Setting the HTML Output Option.118 Previewing the Next Tour Page.119 Where To Go From Here. 120
7 Working with HTML Files
Importing an HTML File. 122 Referencing External HTML. 126 Where To Go From Here. 133
8 Adding a Rotating Ad Banner
Placing a Rotating Ad Banner Component. 136 Setting Rotating Ad Banner Properties. 138 Publishing Your Site. 143 Where To Go From Here. 146

9 Creating a Table

Creating a Table. 148 Adding Text to the Table. 149 Adding Links to the Table Text. 153 Where To Go From Here. 155
Creating an E-Commerce Catalog
Adding Pages for the E-Commerce Catalog. 158 Adding Products. 159 Formatting the List Page. 163 Formatting the Detail Pages. 166 Where To Go From Here. 172

11 Layering Objects

Adding Overlapping Objects. 174 Setting the HTML Output Option. 177 Editing the Banner Text. 179 Previewing Your Site. 180 Where To Go From Here. 180
Supporting Target Browsers
Importing a Formatted Document. 182 Clearing Imported Formats. 184 Assigning a Standard Text Style. 185 Checking the Browser and HTML Output Settings186 Adding Cascading Style Sheet Features. 188
Adding a Paragraph Background. 191
About Custom Text Styles. 193 Where To Go From Here. 193

Upgrading Your Sites

Determining Site File Compatibility.195 Migrating Sites and Assets from Earlier Versions.195 Opening Site Files from Earlier Versions.196 Adding Your SiteStyles.197 Removing Previous Versions of NetObjects Fusion.198
Welcome to NetObjects Fusion
NetObjects Fusion 9 is the essential tool for building effective Web sites. Whether you are a professional Web site designer or designing a site for a small business or your family, you can use NetObjects Fusion to design your site quickly and easily. Map out your site structure by dragging and dropping page icons. NetObjects Fusion automatically creates and updates navigation and links. Lay out your pages quickly by dragging text, graphics, and multimedia into place. Select from dozens of SiteStyles, or customize or create your own to apply a consistent visual theme throughout your site. Give your site high-impact visual appeal by incorporating Flash navigation and banners onto your pages. Change colors, effects, and display attributes with a few simple clicks without leaving NetObjects Fusion, and watch the results of your Flash animation take effect in real time. NetObjects Fusion includes all the tools necessary to edit images without having to use third-party software. You can crop images, set borders, adjust size and orientation, reduce red-eye, and add text. In addition, apply custom optimization settings to pictures and auto-generated images that control format and download times. Use the Photo Gallery tool to put your images on the Web in minutes. Select the images you want to use, choose a display format, and NetObjects Fusion does the rest. Your photo gallery is published to the Web for your friends and family to view. Incorporate some of todays latest technologysuch as RSS feeds, secure log-in pages, and customer testimonial componentsusing simple drag-and-drop functionality. Add, remove, and manage these components from the centralized component toolbar. Simplify the process of building your online store with NetObjects Fusion and match your catalog with the look and feel of your Web site. With just a few clicks, you can easily create a catalog, add products and images, and arrange them so that

The text box appears with hollow handles and contains a blinking insertion point. The pointer changes to an I-beam when you move it over the text box, indicating that you can type text.
Use standard arrow, Backspace, and Delete keys to edit text.

3. Type:

Mountain Jacques
4. Press Shift+Enter to force a line break.
Shift+Enter inserts a single line space instead of the double line space inserted when you press Enter, and causes this text to break exactly where you want it to.
5. On the new line, type:
Experience the best nature has to offer.
While editing text, the Text Properties palette displays the Format tab, with options such as Font, Size, and Color that you can use to format selected text. The Font field shows the font is Arial. The Size field shows the size is 0, which is the default body text size expressed as an HTML relative size. 6. Click outside the text box. The height of the text box automatically adjusts to accommodate the text, and the hollow handles disappear.
Text object showing object outline.
If necessary, to turn on object outlines, select Object Outlines from the View menu.
An outline surrounds the text. 7. Click once anywhere on the text box to select it. Solid handles surround the text object to show it is selected. The Text Properties palette displays the Text Box tab.
When the text object has solid handles, you cannot edit the text, but you can move, resize, or delete the text box. 8. Double-click inside the text box so the hollow handles reappear. 9. Drag through all the text to select it. The Text Properties palette displays the Format tab. 10. Click the Bold button.

Bold button

11. In the Size field of the Format tab, select 2. If necessary, the text box enlarges to accommodate the text. You can also drag a hollow or solid handle to reshape a text box. 12. If necessary, drag a text box handle so the text box is wide and the text occupies two lines. 13. In the Paragraph section of the Format tab, click the Align Center button.

Align Center button

The text changes accordingly.
Align buttons in Paragraph section of Format tab.
14. Click outside the text box to deselect it.

Adding a Picture

The Mountain Jacques art department created a graphic for the Home page. 1. From the Standard toolbar, select the Picture tool.

Picture tool

2. Place the pointer below the left side of the text object in the Layout area and draw a box. The size of the box doesnt matter; NetObjects Fusion automatically adjusts the box to fit the picture after you place it. The Picture File Open dialog appears so you can locate the image you want to place in the picture box. 3. With the Folder tab selected, navigate to the Mountain Jacques artwork in the NetObjects Fusion 9\Tutorial folder, select ImageMap.jpg, then click Open.

Folder tab

Thumbnail image of selected file
The picture appears selected in the Layout area. When the picture is selected, the properties palette shows Picture Properties.

Setting the SiteStyle

NetObjects Fusion allows you to use an External Image Editor to manipulate images. To launch the external editor, right-click the image and select Open File in External Editor. List the external editor to use in the Program tab of the Application Options.

Image Properties Palette

You can select tabs on the Picture Properties palette to modify your image without using an image editor. Some common image editing tasks include:
Ctrl+drag copies the picture. If you accidentally drag the picture instead of the handle, select Undo Copy Object from the Edit menu, press Ctrl+Z to undo, or right-click the copy and select Delete Object from the shortcut menu.
Selecting image optimization settings on the General tab to control image download times. Clicking Maintain Aspect Ratio on the Geometry tab to maintain an images proportions while resizing. Performing advanced image manipulations such as cropping, changing orientation, adding text and borders, eliminating red-eye, and editing an images hotspots from the Picture Properties palette. Restoring a picture to its original size and shape by clicking Revert to Original on the Picture Properties palette General tab.
A SiteStyle is a set of graphic, text, and Flash elements used throughout your site to provide a consistent look. SiteStyle elements include the banner and buttons for navigation bars, as well as a type of bullet, a line, and colors for linked text. Each
SiteStyle also includes a set of text styles, such as a font and size for the body of the page, and various combinations of text attributes for different sized headings. The default SiteStyle doesnt reflect Mountain Jacques image. Fortunately, the Mountain SiteStyle is available.
1. Click the Style button on the control bar to go to Style view. Style view displays the elements of the currently selected SiteStyle.

Text tab

List of SiteStyles Elements of selected SiteStyle

Previewing Your Site

3. In the Options section, make sure Highlighted and Rollovers are selected.
Rollover buttons change to the rollover buttons shown in Style view as site visitors pass the pointer over them in a Web browser. Highlighted buttons show the highlighted button style for the page being viewed in a browser.
You accomplished a lot in a short time, and you want to see how your site looks in a Web browser. NetObjects Fusion helps you check your work by previewing it in a browser as you develop your site.

Preview Site

To preview your site, click the Preview Site button on the control bar. The Previewing Site dialog appears showing progress messages as NetObjects Fusion generates HTML for your pages. NetObjects Fusion launches your Web browser and displays the page from which you started the preview.
Browsers title bar shows the name you typed in the Page title field of the Site view Properties palette Banner, showing current page name Highlighted button indicates current page
To select a different browser for previewing, from the Tools menu, choose Options>Applicati on and display the Preview tab. You can also select whether to preview the current page or the entire site.
The other pages have no content yet, but you can click the navigation buttons to view the pages and their style elements. Notice that all the MasterBorder margins are the same as the Home page. This is because, as shown in the MasterBorder Properties palette, all pages are currently assigned the DefaultMasterBorder. When you are done previewing, you can minimize or close the browser, or simply make NetObjects Fusion the active window again.
Saving Your Site and Exiting
You might want to take a break and continue building your site later. NetObjects Fusion automatically saves your site every time you switch views or open a different page. To save your site manually at any time, select Save Site from the File menu. To switch from Auto save mode to manual save mode, clear the Auto save check box in the Application Options dialog. To exit NetObjects Fusion, select Exit from the File menu. The Program tab of the Application Options dialog contains an option to Compact database upon exit. When this option is selected, NetObjects Fusion compresses the site to occupy less disk space, and verifies the integrity of your site file. To continue, simply save your site and do not exit the program.

MasterBorder Properties

Click in the MasterBorder so the MasterBorder label is highlighted and the MasterBorder Properties appear.
The General tab contains the name of the MasterBorder assigned to the current page, and a button to add and edit MasterBorders. This tab also shows the size of the Left, Right, Top, and Bottom margins of the page, which you can change here, along with options to protect the MasterBorder area from editing or allow just text editing within this area. Changing these dimensions can change the overall page size, but does not change the Layout size. The AutoFrames tab is where you turn on frames for each MasterBorder margin, and the Actions tab is where you assign actions to the MasterBorder.
Rulers, Handles, and Guides
The rulers appear in the unit of measurement set on the Program tab of the Application Options dialog, accessed from the Tools menu. The default is pixels. The horizontal top ruler shows the page width, which is 730 pixels when set to the default. The vertical side ruler shows the page height, which is 555 pixels when set to the default. Each ruler contains two MasterBorder handles, one at either end, and one Layout handle between them. Drag these handles to change the MasterBorder margins and Layout size.
Horizontal ruler MasterBorder handle Guide handle Layout handle MasterBorder handle
You can create and drag guide handles if you want.
You use guides to align objects. Click the ruler where you want to create a new guide. Guides are color-coded:
When the MasterBorder is selected, guides you create are red and appear for all pages with the current MasterBorder. When you align an object in the MasterBorder area of a page, it is aligned to the exact position on all pages. When the Layout is selected, guides you create are blue and appear only on the current page.
Drag a guide handle to move it. To remove a guide, drag its handle off the ruler. Use the Undo command on the Edit menu to restore margin positions. Note: You cannot drag a margin handle if the MasterBorder or Layout will become too small to accommodate an object inside it, such as a banner, button navigation bar, text, image, or other object.

Publish View

Publish view is where you set up publishing parameters and select whether to publish locally to your computer for previewing how your site will look in a browser window or remotely to your host providers Web server for public viewing.

Publish

Click the Publish button to go to Publish view.
With NetObjects Fusion you can specify the directory structure you want to publish to your Web server. By default this structure is created in a special Publish directory in the NetObjects Fusion 9\User Sites folder.
The Publish view window shows the directory structure that will be uploaded to your server in the left pane, and the contents of your remote server directory in the right. Note: You must connect to your remote server to view the remote server directory contents.
Use the Arrange Files command on the Publish menu to select how local files appear in Publish view and are sent to the Web server. This view shows publishing by Asset Type, where assets are in one directory and HTML files are in another. You can publish with a flat directory structure, where all assets and files are in one directory, or by site structure, where all the HTML and asset files for a given page are in a folder of the same name, and the index.html file, and all banners, buttons, and other NetObjects Fusion files are in the root. Finally, you can create your own custom directory structure. The columns show the file name of the asset or.html file, its type, attributes, and whether it was remotely or locally published, or modified. The Publish view control bar contains the Publish Settings and Publish Site buttons.
Use Publish Settings to set up local and remote publish profiles. Use Publish Site to publish the site. In the Publish Site dialog you can select the current page, several pages or sections, or entire site, and publish all or changed assets only.
This completes your tour of NetObjects Fusion 9. Now you understand how site development flows from view to view, and generally what you do in each view. You also understand how to set options for the program and for the site. If you would like to continue working through this hands-on guide, launch the Getting Started manual available from the Online view and proceed beginning at the section Designing Site Navigation. All the concepts in this chapter are explained in detail in the NetObjects Fusion 9 User Guide, and in the online Help system.
Designing Site Navigation3

Child pages of current page displayed in secondary button style

Adding Fly-out Submenus

By default, a navigation bar includes the Home page, pages on the first level of the site, and the child pages of the current page. Instead of showing child page buttons on the navigation bar, you decide to use fly-out submenus. When a site visitor moves the mouse pointer over a navigation bar button, the child pages will pop out. 1. Display the Events page in Page view and click the button navigation bar.
The Navigation Bar Properties palette appears.
In the Navigation Structure section of the General tab, note that First Level is selected. This means that all pages on the level under the Home page in the SiteStructure are included in the navigation bar. 2. In the Include section: a. Leave Home page selected. b. Clear Child pages to remove the child page buttons from the navigation bar. 3. Click the Style tab. Select Fly-out submenus to display the child pages as pop-outs when a site visitor moves the mouse pointer over the parent page button. You can customize the Fly-out submenu button type or SiteStyle on this tab. For now, you use the default settings. 4. Click the Preview Site button on the control bar to preview the site and test the Fly-out submenus.
Current page with child pages displayed on JavaScript submenu
Adding a Custom Navigation Bar
The Highlights page of the site will feature photos of last years annual mountain bike tour. To make it easy for site visitors to get additional information about mountain biking, you can add a navigation bar button that links to the Specialized Bicycle Web site. 1. Display the Highlights page in Page view. 2. Click in the MasterBorder. 3. On the General tab of the MasterBorder Properties palette, click the Add/ Edit button. Because you want this link to appear only on the Highlights page, you create a new MasterBorder. 4. In the Edit MasterBorder List dialog, click the Add button. 5. In the Name field of the New MasterBorder dialog, type BikeBorder.

Adding a Rotating Ad Banner
In this chapter you use the NetObjects Fusion rotating Ad Banner component to place advertisement banners on the Contest page and link the banners to other pages in your site. A component is a pre-built mini-application that adds interactivity to your site without custom programming or scripting. With the Ad Banner component you can assign links and transition effects to images. To follow the steps in this lesson you must have built the Mountain Jacques site in Chapter 1, Creating Your First Web Site. For illustration purposes this chapter uses the Contest page developed in Chapter 7, Working with HTML Files, where you imported the HTML contest flyer onto the page. You can follow the steps in this chapter even if you did not import the HTML file onto the Contest page. This chapter shows you how to:
Place an Ad Banner component Set properties for the component Publish your site
Placing a Rotating Ad Banner Component
You are going to use the NetObjects Fusion rotating Ad Banner component to place a series of advertisement banners on the Contest page. Each banner links to another page when the site visitor clicks it. 1. Open the Mountain Jacques.nod site in the NetObjects Fusion 9\User Sites\Mountain Jacques folder. 2. Display the Contest page in Page view.
You are going to replace the page banner with the rotating ad banner, so you must create a new MasterBorder for this page. 3. Click in the MasterBorder. 4. Click Add/Edit on the MasterBorder Properties palette and click Add in the Edit MasterBorder List dialog. 5. Name the new MasterBorder ContestBorder and base it on the DefaultMasterBorder.

Chapter 8

6. Click OK.
Because you created a new MasterBorder for this page, changing it does not affect other pages.
7. Right-click the Mountain Jacques banner, then select Delete Banner from the shortcut menu.
8. Click on NOF Standard Components in the Component Manager. If this toolbar is not available, choose Toolbars>NOF Standard Components from the View menu. The NOF Standard Components toolbar appears.

Ad Banner tool

Setting Rotating Ad Banner Properties
9. Click the Ad Banner tool.
10. Starting in the upper left of the top MasterBorder where the banner was, draw a thin horizontal rectangle. The size doesnt matter. NetObjects Fusion sizes the box to the image. NetObjects Fusion places a picture placeholder where you drag, and selects it.
If you misplace the Ad Banner, you can select Undo from the Edit menu and start over.

Create a catalog Add products Add options Format the list page Format the detail pages
Adding Pages for the E-Commerce Catalog
Each catalog includes two types of pages: a list page, which displays all catalog items with a thumbnail image and summary of each product, and detail pages, which display one product to a page. You add the list page and NetObjects Fusion automatically adds the detail pages for you. 1. Open the Mountain Jacques.nod site in the NetObjects Fusion 9\User Sites\Mountain Jacques folder. 2. Go to Site view. 3. Select the Home page and add a new page. 4. Name the new page Hiking Products. 5. Change the MasterBorder to DefaultMasterBorder. 6. Display the Hiking Products page in Page view.
7. Select the Catalog tool from the Advanced toolbar and click in the upper left corner of the Layout area.

Catalog tool

Its a good idea to start in the upper left corner of the Layout to allow as much room as possible for the products. You can adjust the position later, if necessary.

Chapter 10

If catalogs are already associated with the site, you may see a larger dialog. If this happens, use the Create a new ECommerce Catalog option.
8. In the Add E-Commerce Catalog dialog, type Products as the name of the catalog and choose Use catalog without a store engine as your store.

9. Click OK.

Adding Products
Before you begin to add products, its a good idea to organize the pictures you want to include into a single folder so you can find them easily.
After you add the catalog component, the next step is to add products. You should be looking at the Products tab of the E-commerce Catalog Properties Editor.
1. Click on the Attributes tab if necessary.
In the Name field, type in Fleece Jacket.
In the SKU/Part Number field, type in MJ_01 In the Price field, type in 59.99.
You can add product attributes such as size and color. 2. Click Add Option. 3. In the Group Name field, type Color.
4. Click OK. The Edit Product Options dialog will appear. This is where you add specific attributes.
5. Click on New Option and type in Green. 6. Click Add Another and type in Blue. 7. Click OK to close the Add Option dialog. 8. Click OK to close the Edit Product Options dialog. You can enter product descriptions to give your customers complete product information. 9. Click on the Description tab. 10. Enter the following text: a. For Brief Description, type Take the bite out of wind! b. For Extended Description, type Wear Mountain Jacques Designs Fleece Jacket alone or as a mid-layer to stay warm and cozy.

9. Press Shift and click the catalog and each navigation button to select all of these objects.
10. Press the right arrow key to move the selected objects so they are centered under the banner.
This centers the objects on all photo pages. 11. Click the Next button on the control bar to move to the Compass detail page.

12. Preview the site.

13. Click the up arrow to return to the List page and then click an image to go to the detail page. Use the left and right arrows to move between detail pages. Your catalog is complete.
You just learned how to put your products on the Web using the NetObjects Fusion Catalog tool. For more information about catalogs, see Chapter 20, Creating Catalogs in the NetObjects Fusion 9 User Guide and in the NetObjects Fusion online Help system. The next lesson, Chapter 11, Layering Objects, shows you how to use the Fixed Page Layout publishing option to lay out and publish a page containing overlapping objects.

Layering Objects

You want to show highlights of the last mountain bike tour on the Highlights page. You can take advantage of NetObjects Fusions support of layered or overlapping objects to arrange images on the page. To view overlapping objects properly, your site visitors must use Microsoft Internet Explorer 4.0 and above or Netscape Navigator 4.x. In NetObjects Fusion you can choose from three HTML output options to support various browsers. You can assign one publishing method to the whole site, and then select a different method for individual pages, or regions of pages. For pages or regions that contain overlapping objects, you must use the Fixed Page Layout HTML output option, so browsers that support this feature can properly display your page. To follow the steps in this lesson you must have built the Mountain Jacques site in Chapter 1, Creating Your First Web Site. This chapter shows you how to:
Add and manage overlapping objects Set the HTML output option Edit text on the banner Previewing your site
Adding Overlapping Objects
1. Open the Mountain Jacques site and display the Highlights page in Page view.

As you type, the text on the banner changes.
For portions of sites that use the Fixed Page Layout HTML output option for layered objects, you must preview the site using Microsoft Internet Explorer 4.0 or greater or Netscape Navigator 4.x, because other versions of browsers do not support this feature.
You can select the browser for previewing on the Preview tab of the Application Options dialog in the Tools menu.

Preview your site.

Youve seen how to use NetObjects Fusions HTML output options to successfully satisfy site visitors with different browser versions. Chapter 12, Supporting Target Browsers shows you how to use cascading style sheet text formatting to enhance your site.
HTML code displays many types of text formatting and is compatible with all browsers. CSS is a method of coding more complex formatting such as paragraph borders, backgrounds, indents, and margins, but not all browsers can display these formats. With NetObjects Fusion you can take advantage of some of the text formatting features in the cascading style sheets (CSS) standard supported by browser versions 4.0 and above. Because some site visitors use browsers that support CSS and others do not, its a good idea to experiment to discover how to best use cascading style sheets without creating problems when older browsers display the pages. Even the 4.0 and above browsers support CSS differently, so you must test each CSS feature you intend to use with each target browser you want to support. Then you can decide whether the site should use HTML formatting and support the broadest range of browsers including the oldest versions, or implement the more powerful cascading style sheet formatting and support only the newer browser versions. To follow the steps in this lesson you must have built the Mountain Jacques site in Chapter 1, Creating Your First Web Site. This chapter shows you how to:
Import a formatted document Clear the imported formats Assign SiteStyle text styles to the document text Add CSS text formatting to the page Set the target browser, HTML generation, and text format options
Importing a Formatted Document
1. Open the Mountain Jacques site and display the Activities page in Page view.
2. From the File menu, choose Import>Document.

You navigate to all the pages in the Mountain Jacques site to confirm that you satisfied the goals you set at the beginning of this guide. You created a site where:
Customers can learn about Mountain Jacques and its activities Site visitors can easily contact the company The site generates excitement for upcoming events
In addition, you created a contest that encourages potential clients to send email, and related businesses are advertising on the site! For information about other NetObjects Fusion features, check the online help and NetObjects Fusion 9 User Guide.

Upgrading Your Sites 13

If you created sites with a previous version of NetObjects Fusion, you can upgrade them to NetObjects Fusion 9 by saving the sites as templates and basing new NetObjects Fusion 9 sites on the templates, or by simply opening the site files. For the latest information on compatibility, refer to the Readme.htm file in your NetObjects Fusion 9 folder.
Determining Site File Compatibility
Site (.nod) and template (.nft) files created in the versions listed below are compatible with NetObjects Fusion 9. If some component or data object information does not appear, you must place the components or the data objects again. Versions supported:
Windows 7.0, 7.5, 8.0 site files and templates
Migrating Sites and Assets from Earlier Versions
From NetObjects Fusion 9, you can access an older site by creating a new site based on a template or by opening the site file. The best method is to convert the old site to a template in the earlier version of NetObjects Fusion and create a new site based on this template in NetObjects Fusion 9. To learn how to create a new site from a template, see Chapter 4, Working with Templates in the NetObjects Fusion 9 User Guide.
If you cannot create a template, and the older site file is on the same computer as NetObjects Fusion 9, copy its folder from your old \User Sites folder to your new \User Sites folder, and then open the file directly, as described in Opening Site Files from Earlier Versions on page 196. NetObjects Fusion prompts you to open a copy because once you open a file in NetObjects Fusion 9, you cannot open it in an earlier version. If your site contains blank banners or navigation bars, follow the steps in Adding Your SiteStyles on page 197.

Adding Your SiteStyles

When you create a new site, NetObjects Fusion always tries to read the styles images from the current \Styles folder. In NetObjects Fusion 9, if you open an older site file or create a site based on an older template, you might see blank banners, buttons or other style elements. If this happens you must add the SiteStyle to your new site.
If you want to add a style, you must add the location, or source, where the SiteStyle is stored. The style will appear in the Style view list and you can then make the style Active so that it is associated with your current.nod. In addition, any new SiteStyles add to this location will appear in your Style view. See Chapter 17, Using SiteStyles in the NetObjects Fusion 9 User Guide. Use the following instructions to add a SiteStyle stored on your computer to the Style view. This style will be available for all new sites you create. To add a SiteStyle from your computer: 1. In NetObjects Fusion 9, open the site in which you want to use the new SiteStyle. 2. In Style view, from the Style menu, choose Add SiteStyle Source. 3. Select Local SiteStyles as the source type and click OK. 4. Enter a name for the new source. This is the name that will appear in the Style view. 5. Type in the path or navigate to the style folder containing the style you want to add, then click Test to verify the path entered is valid. The path entered must include the folder where the SiteStyle is stored. 6. Click Finish. The SiteStyle source appears in the style list.
Removing Previous Versions of NetObjects Fusion
Use the Add/Remove Programs control panel to uninstall older versions of NetObjects Fusion. Remove older versions only after you verify that all site files, SiteStyles, templates, and other assets that you brought into NetObjects Fusion 9 are functioning as you expect. Also, do not remove older versions if you need to share files with colleagues who still use older versions of NetObjects Fusion. Earlier versions cannot read templates created by NetObjects Fusion 9.
Symbols.nod file name extension 8 A actions adding 114, 117 browser support 103 Ad Banner component 136 properties 138 Assets view 56 B banners editing text 179 name 32 blank sites 8 browsers compatibility 39, 186 CSS support 181 layered object support 173 supporting actions 103 C cascading style sheets, see CSS child page buttons 69 components 135 Ad Banner 136 control bar 31 CSS 181, 188 Custom Names 32 D DHTML, see actions documents importing 78, 182 Dynamic HTML, see actions F files, importing 78 G guides 47 H help, online 3 hotspots creating 62

On the left, the objects are aligned horizontally to the left; on the right, the objects are aligned the same way relative to the Layout
Select an option from the Vertically section to align objects top or bottom sides, or to center them. If you select Relative to Layout, the objects align to the top or bottom of the Layout, or are centered in the Layout side-by-side. Select Horizontally or Vertically from the Distribute section to make selected objects equidistant.
Note: Object alignment can have an impact on preserving your design and optimizing your code. See Optimizing Dynamic Page Layout Output on page 105.

Grouping Objects

In a Layout or Layout Region, you can group two or more objects to each other. Grouped items are treated as a single object and can easily be copied, as well as aligned, to create consistent design. To group multiple objects: 1. In Page view, select the objects by Shift+Clicking each one or by drawing a marquee around them. 2. From the Object menu, choose Group Objects>Group.
You will see the Group in the Object Tree.
Adding, Moving, and Deleting Guides
Use the page guides to align objects vertically and horizontally. You can add as many guides as you want to either the MasterBorder or the Layout area. MasterBorder guides are red and Layout area guides are blue. Guides associated with a MasterBorder appear on all pages that use that MasterBorder. Guides you create are saved with the site. To:
Add a guide, select the Layout or MasterBorder, and click in the ruler or hold down the Ctrl key while you drag an existing guide. Move a guide, click its arrow on the ruler and drag it. Delete a guide, click its arrow and drag it off the ruler. Show or hide a guide, select Rulers & Guides from the View menu.
Aligning Objects Using Smart Guides
Use the smart guides to position an object vertically and horizontally without using page guides. Smart guides are convenient when you want to align one image or object with another that is already set.
To show smart guides, select Smart Guides from the View menu.

Layering Objects

To use smart guides, select and move an object in Page view.

Object

Smart Guides
Snapping Objects to Grids, Guides, and Each Other
Use the Snap feature to align objects exactly. When you select a Snap to command, NetObjects Fusion creates a magnetic attraction between the selected object and the grid, guide, or other objects. Forcing objects to snap to grids, guides, and each other makes your HTML code more efficient. To force objects to snap to: Guides, select Snap to Guides from the View menu. Grids, select Snap to Grid from the View menu. Other objects, select Snap to Object Outlines from the View menu. Make sure the item you are snapping to is visible in Page view. See Setting Up the Page Design View Display on page 77.

The most common download time is 56.6. 8. To apply these settings to all the photos in the gallery, click Apply to All. This affects all thumbnail images or all photo images, depending on the selected tab. 9. Set image rotation. This setting affects only the selected image. To display images in their original form 1. In Page view, display the thumbnail page or a photo page of the gallery you want to work with. 2. Open the Photo Galleries Property Editor. 3. Display the Images tab. 4. Click the Photo Images tab at the bottom of the Images tab. This option is not available for thumbnail images. 5. Choose Use Original Image from the Output Settings menu. Note: You may not edit output settings if Original Image Settings are chosen. If you select Original Image on the photos tab, frames that have fixed width cannot be used. You may change the Photo Frame to one that does not have a fixed width (ex. Simple Border) or choose to revert to the previous image setting. To control the image sizes: 1. In Page view, display the thumbnail page or a photo page of the gallery you want to work with. 2. Select a thumbnail or photo image. Notice the image size on the properties palette. If you selected a thumbnail image, you can choose to see the size of the current image or of all thumbnail images. 3. Resize the image. See Resizing Photos on page 218. As you resize, the Properties palette shows the effect on the file size.

Saving Output Settings

To save your output settings: 1. In Page view, display the thumbnail page or a photo page of the gallery you want to work with. 2. Open the Photo Gallery Properties Editor. 3. Display the Images tab. The output settings for the thumbnail images and the photo images are separate. 4. Click the thumbnail Image tab or Photo Image tab at the bottom of the Images tab. 5. Click on the Output Settings menu and choose Save Setting. Note that a change must be made to the default settings in order to create a new setting. 6. Type a name for the new output setting. 7. Edit File Type, Quality and Percent, if necessary. 8. Click OK.

To display the designated content in a new named window, you can create a new link target. To set a link target: 1. In Page view, select the object or text that you want to link. 2. Click the Link tool on the Standard toolbar. The Link dialog appears. 3. Select the type of link you are targeting: Internal Link, Smart Link, External Link, or File Link and set up the link. See Creating Links on page 330. 4. In the Target area, choose Existing target from the drop-down list.
5. In the Name area, choose a default target from the drop-down list.
To display the designated content in a new named window, click Add and type a name for the window in the Custom Target dialog box. If a window with that name already exists, the content is displayed in the existing window. You may not need to assign a target. NetObjects Fusion automatically targets most internal links for you. 6. Click Link to close the dialog and create the link. 7. Preview the page to test your targeted links.
Setting Pop-Up Window Targets
To display the designated content in a new pop-up window, you can create a new link target. To create pop-up windows: 1. In Page view, select the object or text that you want to link. 2. Click the Link tool on the Standard toolbar. The Link dialog appears. 3. Select the type of link you are targeting: Internal Link, Smart Link, External Link, or File Link, and set up the link. See Creating Links on page 330. 4. In the Target area, choose Pop-Up Window from the drop-down list.
To display the designated content in a new pop-up window, click Add. The Pop-Up Windows Properties Editor will appear. 5. In the Name field, type in a name for the new pop-up window.
If a pop-up window with that name already exists, the content is displayed in the existing pop-up window. 6. To set the size of the pop-up window on the screen, enter values for the height and width, in pixels. Select Full Screen to have the pop-up window fill the entire screen.
7. To set the position of the pop-up window on the screen, enter values for the left and top positions, in pixels. Placement will be offset from the upper left corner of the screen. Select Auto Center to automatically center the pop-up window in the middle of the screen. 8. Customize your pop-up window by selecting from the following options:
Show Toolbar to add a navigation toolbar to the browser. Show Scroll Bar to scroll left-right and up-down in the browser. Show Menu Bar to add the browsers menu bar. Show Status Bar to display the page status in the browser. Resizable to provide the ability to resize the pop-up window.

Importing Products

If you have an existing product list or prefer to work with a.txt,.csv, or.xml file, you can import your products into the E-Commerce Properties Editor. When setting up your.txt,.csv, or.xml file, remember:
The first row must contain the row headers. The row headers will be used to match the row to the appropriate field in the E-Commerce Properties Editor. The image path is relative to the folder which contains it. Up to 16 fields can be imported and matched to the fields listed in the ECommerce Properties Editor.
Note: Sample product files are located in the \NetObjects Fusion 9\Tutorial\Catalog folder. To import products into the E-Commerce Catalog Properties editor: 1. In Page view, display the List page or Detail page of the catalog you want to work with. 2. Open the E-Commerce Catalog Properties Editor.
3. Display the Products tab. 4. Click on Import. The Open file dialog appears. 5. Browse to the file you want to import. You can import:
Tab Delimited Files (.txt). These are plain text files using tabs to separate each text string in a row. Comma Delimited Files (.csv). These are plain text files using commas to separate each text string in a row. Extensible Markup Language Files (.xml). These are plain text files using tags to separate each text string in a row. Excel Files (.xls). These are Microsoft Excel spreadsheet files.
6. Click OK. The Map Columns dialog will appear.
E-Commerce Catalog Properties editor key fields

Imported file headers

Formatting the List Page
7. In the Map Columns dialog, match a Key field from the E-Commerce Properties Editor by choosing a corresponding field from the imported file in the drop-down list. The drop-down list will display the column headers, which is the first row in your imported file. If you matched the file headers in the imported file with the Key headers from the E-Commerce Properties Editor, you can click Match and have NetObjects Fusion automatically match the fields. 8. Click OK to close the Map Columns dialog. In the E-commerce Catalog Properties Editor, you will see the imported products listed on the Products tab.
On the List page, you determine how your site visitors will view your products. You can:
Choose a layout with text and images displayed in rows and columns. Determine which attributes will be displayed for selected products. Choose purchase button options.
Selecting a Layout for Your Catalog
You can select a layout that showcases your products in an attractive way. Text can be placed above, below or beside images in columns and rows. 1. In Page view, display the List page or a detail page of the product you want to work with. 2. Open the E-Commerce Catalog Properties Editor. 3. Display the List Page tab. 4. Click the Layout tab under the product list. 5. Select a layout. 6. Select the number of columns to be used. You can place up to 3 columns on a page. 7. Select Thumbnail image links to Detail Page to automatically open the product detail page when a user clicks on the thumbnail image.

8. Continue formatting or click Done to close the editor.

Displaying Products

You choose which product items you want displayed on the List page. Labels can be placed by each item so that site visitors are informed of what each field represents. 1. In Page view, display the List page or a detail page of the catalog you want to work with. 2. Open the E-Commerce Catalog Properties Editor. 3. Display the List Page tab. Click the Display Items tab under the products list.
4. In the Product Item field, highlight an item you want to display with the product listing. To display all attributes, click Add All. 5. Highlight the item in the Product Items to Display field and click Format to:
Link the item label to the Detail page and format the text Edit the item label and format the text Remove the item label so it is not displayed on the List page.
6. To change the order in which the items are displayed, highlight the item in the Product Items to Display field, then click Move Up or Move Down. To remove an item from the Product Items to Display field, highlight the item and click Remove. To remove all items, click Remove All. 7. Continue formatting or click Done to close the editor.
If you have configured a store engine, you can choose to display text or graphical links that will place products in a shopping cart. Note: The Purchase Options tab will only be available if you have configured a store engine. If you are using the catalog without a store engine, you will not have the option to add purchase items. 1. In Page view, display the List page or a detail page of the catalog you want to work with. 2. Open the E-Commerce Catalog Properties Editor. 3. Display the List Page tab. 4. Click on the Purchase Options tab:
Select Display Buy to provide site visitors a link that will take them to your store and begin the purchase process.
To display the link as text, choose Text Link and enter in the text you want to link To display the link as an image, choose Button Image and browse to the folder containing the image you want to add.
Select Display Add to Cart to provide site visitors a link that will allow them to add products to their cart while continuing to shop.
5. Continue formatting or click Done to close the editor.
Formatting the Detail Page
NetObjects Fusion makes it easy for you to present the catalog in a professional and pleasing way. You can choose a layout displaying the product image, include product item labels and descriptive text, and add images that link to your store. The format options you select apply to all detail pages. 1. In Page view, display the List page or a detail page of the catalog you want to work with. 2. Open the E-Commerce Catalog Properties Editor. 3. Display the Detail Page tab. 4. In the Detail Page Layout section of the tab, select a layout.

2. On the General tab of the External HTML Properties palette:
Select Size to layout to remove resize handles from an object, which fills the Layout. You can then use the Convert to Fusion button to import the referenced object into NetObjects Fusion.
Note: Avoid sizing a referenced object to a Layout if there are other objects in the Layout area. You might get unexpected results in some browsers.
Clear Size to layout to add resize handles to a referenced Layout area, so you can resize it, move it, and add other objects. Click Edit HTML File to edit the referenced file on the HTML Source tab.
Managing Referenced Assets
When you reference an external HTML file, NetObjects Fusion lists the HTML file in Assets view. Unless you choose otherwise, it imports into Assets view pictures, applets, media, and most other external assets the file references. You can move external assets in your directory structure in Publish view while maintaining paths. When you publish, NetObjects Fusion edits paths to the assets so they can be found. For example, depending on your original and published directory structures, NetObjects Fusion might change the original HTMLs <IMG SRC="Images/Logo.gif"> to <IMG SRC="./Index/Logo.gif"> in the published HTML. However, NetObjects Fusion doesnt edit paths to other HTML files, or to target anchors within <A HREF> tags. For these links to be maintained, the path names in the original files must work as-is when you publish. The original <A HREF> tags should use relative rather than absolute path names, for example, use <A HREF="Index.html"> rather than <A HREF="HTTP://www.your_original_domain.com/ Index.html">. You must position external HTML files in your NetObjects Fusion directory structure so the original paths work. See Customizing Your Sites Directory Structure on page 738. NetObjects Fusion manages external assets referenced by these tags:
<IMG SRC=> <A HREF=> to non-HTML assets, such as sound files <BODY BACKGROUND=> <EMBED SRC=>

Publishing Native HTML

<BGSOUND SRC=> <SCRIPT SRC=> <INPUT SRC=> <APPLET CODE=>
Although NetObjects Fusion manages external applets that are assets of referenced HTML, it might not manage certain classes referenced by the applets. Look in Assets view to see if any classes you reference arent listed. Then see Publishing Unmanaged Assets on page 414 for information on getting these classes and other unmanaged assets to the \Preview folder or Web server. Once an external asset is imported into Assets view, you can use it anywhere throughout your site. Deleting referenced HTML from your site removes its assets from Assets view unless theyre in use elsewhere.
When you preview or publish referenced HTML, NetObjects Fusion copies the HTML from the original files to a location in the publish folder. Note that some links may not work in Preview. If managing external assets or including MasterBorders, NetObjects Fusion also adds its own code to the published HTML. Of course it never modifies your original files.

Rotating Picture tool

2. Draw a box on the page to indicate where you want to place the picture.
The Rotating Picture dialog appears.
3. To add pictures and create a series of rotating images, click the add (+) button. 4. Click the browse button and locate the image you want to add. 5. To display descriptive text that appears when a visitor hovers the mouse pointer over the image, add your desired text in the Alt Tag field 6. To make the image a link, click the Link button. In the Link Target dialog, choose either an internal link to one of your site pages or enter the URL of an external site. 7. Select the script type (DHTML or Applet) for the rotating image. 8. To set the number of seconds each picture is displayed before moving to the next one, click the first check box in the dialog and specify the number of seconds to display each picture. 9. Click the Randomize picture order check box to display the series of rotating images in a random sequence. 10. To automatically resize the image to fit each visitors browser, click the Scale picture to fit check box. 11. Change an images position in sequence of the rotating picture by moving its position in the list using the up or down arrows. 12. Click the (-) remove button to delete images from the series of rotating images.
Adding an RSS Feeds Component
13. Repeat steps 3 and 4 for each additional image. 14. Click OK to close the Rotating Picture dialog. 15. You can add an action to an object using the Actions tab. See Chapter 24, Building Dynamic Pages.
With the RSS Feeds component, you can place news aggregators on your pages and display various RSS news feeds on your site. RSS (Real Simple Syndication) is a format for delivering up-to-date news and content. RSS feeds are available on Web sites of major news organizations and other types of Web sites, and instructions on how to use the RSS feeds are typically provided on sites that make them available. By adding an RSS feed to your site pages, you can provide visitors with information geared to their particular interests. For example, a Web site for a sporting goods store could display an RSS feed to provide the latest sports-related news and information for its customers. Before adding the RSS Feeds component, you should obtain the RSS feed information, which is typically a URL with an.xml or.rss extension, from the provider of the RSS feed.
Adding an RSS Feed to a Page
1. In Page view, select RSS Feeds from the NOF Standard Components toolbar. 2. Draw a box on the layout to indicate where you want to position the RSS Feeds component.

RSS Feed tool

The RSS Feed dialog box appears.

3. Enter the necessary information for subscribing to an RSS feed:
RSS feed. Enter the address (URL) of the RSS feed in the RSS Feed field. (This information can be found on the site that makes the feed available.) Refresh rate. Select the check box if you want the RSS Feeds component to check for new items in the feed to which you are subscribing. You can choose to have the RSS Feed check for new items at 15-, 30-, or 60-minute intervals. Proxy URL. The RSS Feeds component provides proxy scripts in PHP (xmlfetch.php) and ASP (xmlfetch.asp). These proxy scripts act as a gateway between the location on your Web site the news information will be displayed and the news aggregators that offers the RSS feed. You do not have to make any modifications directly to these scripts but you will need to know their location. The default location is /scripts/xmlfetch.php or if you are using ASP, /scripts/xmlfetch.asp. For example, if you publish your Web site on a hosting platform that supports PHP without creating a separate site folder, the path to type in the text box would be: http://www.yourdomain.com/scripts/xmlfetch.php. Substitute yourdomain.com for your actual live domain name.
Server Script. Select either ASP or PHP, depending on what your Web server uses. The default xml fetch script for the language type that you have selected will be uploaded to your Web server. The script will parse the.xml data to your Web site.
4. Customize the appearance of the news feeds on your site by setting the following options in the Layout fieldset:
Template. In the drop-down list, select the manner in which the feed information will be displayed:
RSS List presents the information in a list-like manner. RSS Tree presents the information in a tree-like manner, which allows you expand the items and follow the links.
Style. To apply a custom CSS style to the RSS feed, type the name of the CSS style in the text box or select the style from the drop-down list.
Note: To create a custom CSS style that will be available for the component form object, see Using Style Sheets with Custom Components on page 600.
Loading message. Type the message to be displayed while the component retrieves the requested feed. The default message is Loading. Show all items. Check this option if you want all the items in the feed to be displayed by the RSS Feeds component. Show only. If you leave the Show all items option unchecked, type in the number of items in the feed that you want to be displayed on the page. Expand items. Check this option if you want all the items in the feed to be expanded. Show logo for expanded items. Check this option to display the logo of the organization from which the RSS feed originates. For example, if you are using an RSS feed from a major news organization, the organizations corporate logo will display in the expanded items list.

The View Testimonials dialog appears.
6. In the Testimonials dialog box, click the Design tab to modify appearance of the View Testimonials page. 7. Modify the color text or background elements by clicking each elements color box and selecting a color in the Color Chooser. 8. Click Load Style to open the Load Style dialog and select a style template from the Style drop-down list. Applying a style will override any color settings you have chosen in the View Testimonials dialog. Click OK to close the Load Style dialog. 9. Click the Settings tab to configure the View Testimonial page settings.
Link text. Enter the text that will be displayed as a link to the Add Testimonials component. The default text is Add Testimonial. Select add testimonial page. Select the page on which the Add Testimonials component is placed so that visitors will be directed to the correct page when they click the Add Testimonial link. Number of testimonials on page. Type in the number of testimonials that you want to appear on one page.
10. Click the General tab to configure the general settings for the View Testimonials page.
11. To save the View Testimonials component settings as a profile that you can apply to additional NOF Testimonials that you add to your site, click Save Profile. See Creating Component Profiles on page 599. 12. Click OK to close the View Testimonials dialog
The Admin Testimonials Component
The Admin Testimonials component allows you to edit, delete, and manage submitted testimonials. You can also review the testimonials before publishing them to the site. The Admin Testimonials component is password-protected to restrict access by unauthorized users. If you prefer, you can also place the Admin Testimonials component on a separate page of your site and exclude it from navigation so that it will not be seen by site visitors.
Adding the Admin Testimonials Component on a Page

Admin Testimonials tool

1. In Page view, from the Custom Components toolbar, select the NOF Testimonials>Admin Testimonials. 2. Draw a box on the Layout to indicate where you want to position the Testimonials component. The NOF Testimonials dialog appears. 3. If you have not created a Component Suite, create a new one by typing a name for the suite in the New name field. To include the component as part of an existing suite, click the Existing radio button and select the Component Suite that you want to add the add the component to. See Using Component Suites on page 598. 4. From the Profile drop-down list, select the settings profile that you want to use for the component. If you have not created a settings profile, the default profile will be used. See Creating Component Profiles on page 599. 5. Click OK to close the NOF Testimonials dialog. The NetObjects Admin Testimonials dialog appears. 6. Configure the Admin settings in the Admin Testimonials dialog. 7. On the General Settings tab, type the password that you want to use to log in to the Admin area and manage your testimonials. 8. Click the General tab to configure the general settings for the Admin Testimonials page.

Automatic database structure definition Manual database structure definition
Information about the structure of the database is used to create a Recordset. A Recordset is used to define what specific data to display. A Recordset can be thought of as a filter that is applied to the data in the database to ensure that only what is necessary is displayed.
Example of a database structure
Automatic Database Structure Definition
The most common method of informing NetObjects Fusion about the structure of your database is to let NetObjects Fusion import the structure information from the connection. NetObjects Fusion retrieves the names of all of the tables and columns in the database. For more information on database basics, see Database Basics on page 626.
Select to automatically import the database schema
If you have correctly configured a connection in the Connection tab of the Connector dialog, NetObjects Fusion can import the structure of your database. Allowing NetObjects Fusion to import your database structure has the following advantages:
It saves considerable manual work. It ensures that the content of your pages matches exactly what is in the database. To view the data contained in an individual table in the database, select the table in the Schema window and click View Data. The first 25 records will be displayed.
Note: The Import from Connection check box is selected by default. You may notice a delay when switching tabs while the schema editor is retrieving the schema information.
Manual Database Structure Definition
If you are unable to connect to your database or want to add specific tables and fields, you can modify the database structure manually. This can be useful, for example, if the database is being developed by a different person, and you know what the structure will be, but it is not in the database yet. You can manually define the structure of the tables and columns so that you can continue to work in NetObjects Fusion while the database is completed. When the database is completed, the site will work over the structure that has been created in the database. Ensure that the structure entered in NetObjects Fusion is exactly the same structure that is being created in the database.
To manually modify the database structure: 1. In Page view, select the Connector object from the NOF DB Component toolbar.
2. Click on the page to indicate the connectors location. The Connector dialog appears. 3. Complete the settings on the Connection tab. The Database tab will become active. 4. Click the Database tab and uncheck the Import from Connection check box. 5. To add a table to the database, click Add Table. The Table dialog will appear.

The Local view presents a representation of the file structure that will be created when you publish your site. It does not represent the existing structure for your site on your hard disk or server. Therefore, changing the directory structure in Publish
view does not affect the page relationships in Site view and, likewise, changing the page relationships in Site view does not affect the representation in Publish view. Changes that you make to the directory structure in Publish view only affect your sites current directory structure when you publish your site. The drop-down list in the Local view displays the directory structure of your site as it will be published on your server. Click a directorys plus sign to expand the display to show the subdirectories beneath it. Click a directorys minus sign to collapse the display and hide the subdirectories beneath it. Or click the folder next to the drop-down box to navigate up one level. The Remote view on the right displays the contents of the remote directory you are currently connected to. (If you are not connected to a remote server, you will see drop-down list of available remote profiles.) You can delete, rearrange, or rename the directories shown in the Local and Remote panes, and you can create new subdirectories at any level below the root. Locked components and their related assets, signified by a black lock image on their icons, cannot be renamed or rearranged. For each local and remote directory, page, or asset displayed, the Local and Remote pane displays its name, type, attributes, and the date and time of the last local and remote publish or modification. You can sort the content files and folders by clicking a column heading, and you can resize the columns by dragging the column heading border. The icons associated with different file types are set in the Windows File Types Registry.

Publishing Locally

While developing a site, you should publish it at least once to your local hard disk to check that the site works as intended. After the site is published to your hard disk, NetObjects Fusion launches your browser so you can view the site and see how it will appear to site visitors on the Web. If, after publishing the site to your hard disk, you make changes to the site in NetObjects Fusion, republish the site. Depending on the complexity of the site, you may publish several times to get the site working as desired. Then, when the site works perfectly, publish it to your Web server or ISP server so everyone in the world can appreciate your handiwork.

importing 67, 68 inserting templates 61 modification history 57, 760 moving 64 naming 30, 60 opening 31 opening last automatically 20 referencing external HTML 404 saved 28 saving 20 searching 13 selecting sections 34 setting browser compatibility 55 setting options 54 setting publishing method 103 sharing 64 structure 33 wizards 31 sites, protecting 756 SiteStructure 33 expanding and collapsing 50 printing 51 SiteStyles adding 297 adding SiteStyle lines 266 applying 276 creating 295 defined 272 editing 276, 292, 303 folder structure 303 importing 297 managing 297 removing 302 text in banners and buttons 278 updating list 302 sizing columns in tables 245 Layouts 114 Layouts to objects 410 MasterBorders 134 multiple objects 89 objects 89 pages 79 pictures 199 rows in tables 245 text 157 text boxes 126 smart links 330 creating 334
defined 334 stacked pages 622 types 335 sort order 25 sounds file display options 397, 399 file formats 119 inserting 396 page 119 spans creating 168 spelling checker 184 spelling dictionary 25 spl files 388 Splash files 388 SQL 627 queries 626 stacked pages 619 adding for internal data 623 adding navigation buttons 618, 622 adding pictures 623 adding text 623 defined 609 deleting 623 designing 620 image files and Assets view 700 moving through pages 622 using smart links 622 see also pages Standard toolbar 82 starting NetObjects Fusion 28 structural links, see smart links 330 Style Sheets using with custom components 600 Style view 8, 272, 274 styles automatic 155 Styles folder 18 sub-buttons 473 Submit button in forms 455 swa files 390 swf files 388 symbols inserting 179 T tab order setting 456 tab, typing in HTML 681
tables adding 242, 254, 258, 261 background 244 border thickness 244 cell padding 242 cell spacing 242 column width 249 container 98 converting Layout Regions 116 deleting rows and columns 247 forms 444 identifying objects 243 inserting rows and columns 246 merging cells 247 row height 249 selecting cells 252 selecting rows and columns 249 setting cell properties 250, 253, 255 setting row and column properties 249 setting table properties 243 sizing cells 252 sizing columns and rows 245 splitting cells 247 working with cells 250 targets creating default frames 687 in actions 416, 419 managing 705 navigation bar 323 updating link 707 templates appending 61 Blank Site 29 creating 62 creating sites 60 customizing 63 defined 29, 59 expanding an existing site 61 exporting sites 62 including publish profiles 63 inserting 61 using 59 Templates folder 18 Testimonials managing 570 Testimonials Component 562 testing your site 12 text adding 152

adding actions 422 adding to photo gallery 221 adding to picture 180 adding to shape 180 adding to stacked pages 623 applying styles 168 assigning font styles 157 bulleted lists 176 checking spelling 184 copying and pasting 153 creating styles 171 creating user-defined variables 183 deleting styles 174 dragging and dropping 153 finding 186 formatting 156 formatting photo gallery 224 inserting symbols 179 inserting variables 182 modifying styles 174 numbered lists 176 Paste Special 153 rotating 182 searching 186 selecting 156 setting color 157 setting size 157 SiteStyle banners and buttons 277 spans 168 typing 152 word count 187 wrapping around objects 125 text areas displaying 658 text boxes adding 122 container 98, 121 embedding objects 123 inserting HTML/scripts 691 scaling contents 128 selecting 122 setting background color 127 setting minimum height 126 sizing 126 text fields formatted 613 simple 613 text navigation bars 306 default location 306
see also navigation bars text styles applying 168 applying custom style 169 creating 171 editing 292 importing 174 modifying 168 scope 170 text-based Layouts 98 text-based forms 444 third-party components 470 thumbnail image 191 thumbnail page formatting 232 selecting template 233 Time Based Picture component 520 time format 25 toolbars 11, 81 flyouts 11 hiding/showing 11 showing/hiding 77 tools Data Field 620 Selection tool 81, 88 sticky tools 81 toolbars 11, 81 using to add objects 81 Zoom 11 transfer site files 712, 722 transition page, creating 685 transparent.gif files 197 transparent GIF 719 trigger events, actions 416, 418 tutorial 3 Tutorial folder 18 U understanding versioning 760 Universal Resource Locators, see URLs unprotected code 674 URLs external links 336 protocol 336 User Sites folder 18, 28 user-defined variables 183
V validate form dialog 457 validation options adding 457 removing 458 validation rules 457 setting 457 variables adding 709 deleting 710 editing 710 inserting in text 182 managing 709 user-defined 183 versioning 760 setting options 760 understanding 760 versions 760, 764 creating 762 exporting for nPower users 765 removing from Versions Manager 765 restoring 764 storing 760 used with Publish Profiles 760 Versions Manager 759, 762 versions repository 764 versions, setting number stored 761 video files display options 396 View Testimonials Component 566 views 8 Assets view 698 Page Design view 76 Page Preview 76 Page view 75 Publish view 714 Style view 272 virtual folders,see aliased folders VRML files 400 W Warning icon 78 wav files 396 Web transfer your site 734 Web server, transfer site files 722 Web sites importing 67 Whats This? popup 13