Difference between revisions of "Table of Contents"
From Documentation
(→Creating and Managing Sites) |
m (→Laying Out Pages) |
||
| Line 202: | Line 202: | ||
** [[Page_View_Toolbars|Page View Toolbars]] | ** [[Page_View_Toolbars|Page View Toolbars]] | ||
** [[Dragging_and_Dropping_Objects|Dragging and Dropping Objects]] | ** [[Dragging_and_Dropping_Objects|Dragging and Dropping Objects]] | ||
| − | |||
** [[Reusing_Assets|Reusing Assets]] | ** [[Reusing_Assets|Reusing Assets]] | ||
** [[Adding_and_Modifying_Alt_Tags|Adding and Modifying Alt Tags]] | ** [[Adding_and_Modifying_Alt_Tags|Adding and Modifying Alt Tags]] | ||
| Line 287: | Line 286: | ||
** [[Setting_Inline_Frame_Properties|Setting Inline Frame Properties]] | ** [[Setting_Inline_Frame_Properties|Setting Inline Frame Properties]] | ||
** [[Using_Inline_Frames_as_Targets_for_Links|Using Inline Frames as Targets for Links]] | ** [[Using_Inline_Frames_as_Targets_for_Links|Using Inline Frames as Targets for Links]] | ||
| + | |||
==Adding Content== | ==Adding Content== | ||
* [[Designing_with_Text|Designing with Text]] | * [[Designing_with_Text|Designing with Text]] | ||
Revision as of 22:32, 31 March 2014
Contents
Getting Started
- Welcome
- NetObjects Fusion Basics
- NetObjects Fusion Views
- NetObjects Fusion Window
- About the Workspace
- About Toolbars
- About Panels
- About the Properties Panel
- Using the Zoom Tools
- Navigating in NetObjects Fusion
- Using the Control Bar Buttons
- Using the Go Menu
- Using Shortcut Menus
- Choosing Colors
- Working with Color Panels
- Choosing a Color Panel
- Loading a Custom Color Panel
- Creating or Editing a Color Panel
- NetObjects Fusion Folder Structure
- Setting Application Options
- Upgrading Your Sites
- Working with Character Sets
Creating and Managing Sites
- Creating and Managing Sites
- Starting NetObjects Fusion
- Working with Site Files
- Creating and Opening Sites
- Starting with a Blank Site
- Starting with the Site Wizard
- Opening an Existing Site
- Working with the SiteStructure
- Selecting a Page
- Working with a Group of Pages
- Setting Properties
- Setting Page Properties
- Setting Site Management Properties
- Setting Properties for a Group of Pages
- Setting META Tag Properties
- Setting Page Protection Options
- Changing Versioning Settings
- Adding a Page
- Copying and Pasting Pages
- Deleting a Page
- Moving a Page
- Replacing the Home Page
- Renaming Pages
- Using Custom Button and Banner Names and File Extensions
- Setting Up the Site View Display
- Collapsing the SiteStructure Display
- Working in Site Outline View
- Printing the SiteStructure
- Saving Your Work
- Backing Up Your Site
- Deleting a Site
- Changing the User Sites Default Location
- Changing Site Settings
- Changing General Settings
- Changing Backup Settings
- Backup and Autosave Settings
- Setting Site Traffic Options
- Managing the Site Building Process
- Working with Templates
- Using SiteStyles
- What Is a SiteStyle
- Exploring Style View
- Applying SiteStyles
- Combining SiteStyles and SiteStyle Elements
- Editing the SiteStyles Elements
- Editing the Graphic Elements of SiteStyles
- Removing the Read Only Setting
- Editing Banners and Buttons
- Adding Banners and Buttons
- Adding End Caps and Section Title Buttons
- Adding End Caps to a Button Set
- Adding Section Titles to a Button Set
- Importing Flash Banners and Button Sets
- Importing Flash Banners
- Importing Flash Button Sets
- Configuring Flash Banner and Flash Button Properties
- Duplicating Banners and Buttons
- Editing a Navigation Bar
- Editing a Table Style
- Editing a Data List Icon
- Editing a Style Background
- Editing the SiteStyle Line
- Editing the Text Elements of SiteStyles
- A Note about the Body and Normal (P) Text Styles
- Creating a SiteStyle
- Managing SiteStyles
- Adding a SiteStyle
- Add a Local SiteStyle
- Add a SiteStyle from CD
- Add a SiteStyle from a Network
- SiteStyles from Imported Sites
- Removing SiteStyles
- Styles Folder Structure
- Working with CSS and SiteStyles
- CSS Basics
- Explaining CSS Syntax
- Working with the Class Selector
- Inserting a Style Sheet
- Understanding Inheritance in Cascading Style Sheets
- Using CSS in Style View
- Adding a CSS File
- Removing a CSS file
- Using the CSS Library
- Adding a CSS Rule
- CSS Importing Order
- Removing a CSS Rule
- Working in the Selectors View
- Using the CSS Panels in the Selectors View
- Editing the Text Elements of SiteStyles in the Selectors View
- Styling Forms in the Selectors View
- Working in the CSS Code View
- Using the CSS Code Context Menu
- Formatting code content
- Working with CSS Code View Sections
- Display Options
- Importing and Exporting a CSS File
- Printing the CSS File
- Working with the Styles Tree in Page View
- Creating a New SiteStyle
- Managing Assets
- Working in Assets View
- Managing File Assets
- File Asset Characteristics
- Adding a File Asset
- Editing Asset Names and Locations
- Opening a File Asset in an External Application
- Displaying a Page Containing a Specific File Asset
- Deleting a File Asset
- Deleting All Unused File Assets
- Verifying File Assets
- Managing Links and Link Targets
- Updating an External Link
- Displaying the Page Containing a Link
- Adding an External Link
- Deleting a Link
- Updating Link Targets
- Verifying Links
- Managing Data Objects and Photo Galleries
- Managing Variables
- Adding a Variable
- Editing a Variable
- Deleting a Variable
Laying Out Pages
- Page View Basics
- Exploring Page View
- MasterBorder and Layout Area
- Setting Up the Page Design View Display
- Setting Page Properties
- Displaying Pages in Page View
- Displaying a Page from Site View
- Using the Site Navigation Palette
- Setting Page Size
- Using Object Tools
- Page View Toolbars
- Dragging and Dropping Objects
- Reusing Assets
- Adding and Modifying Alt Tags
- Editing Objects and Assets
- Selecting an Object
- Using the Selection Tool
- Using the Object Tree
- Renaming an Object
- Resizing an Object
- Moving or Copying an Object
- Aligning and Distributing Objects
- Grouping Objects
- Locking Objects
- Adding, Moving, and Deleting Guides
- Aligning Objects Using Smart Guides
- Snapping Objects to Grids, Guides, and Each Other
- Layering Objects
- Rearranging Layered Objects
- Working with Layouts and Layout Regions
- Working with Layouts
- Creating a New Layout
- Selecting a Layout
- Renaming a Layout
- Deleting a Layout
- Changing Layout Size
- Adding an Object to the Layout
- Working with Layout Regions
- Creating a Layout Region
- Adding Objects to a Layout Region
- Displaying the Layout Region Grid
- Converting a Layout Region to a Table
- Setting the HTML Output Method for a Layout or Layout Region
- Setting Layout and Layout Region Background Properties
- Working with Ajax Components
- Understanding Multi Layout Regions
- Creating Multi Layout Regions
- Adding Layout Regions to Multi Layout Regions
- Renaming a Layout Region
- Adding Content to a Layout Region from a Multi Layout Region
- Removing Layout Regions from the Multi Layout Regions
- Setting the Active Layout Region of a Multi Layout Region
- Setting Transitions Effects between the Layout Regions of a Multi Layout Region
- Adding Multi Layout Regions to Existing Ones
- Choosing the Tab Control
- Customizing a Multi Layout Region
- Resizing the Multi Layout Region
- Setting Navigation Elements
- Creating Forms in the Layout Regions of a Multi Layout Region
- Editing the CSS Code of a Multi Layout Region
- Examples
- Setting the HTML Output Method for a Multi Layout Region
- Setting Multi Layout Region Background Properties
- Working with Text Boxes
- Working with Text Boxes
- Adding a Text Box
- Selecting a Text Box
- Embedding Objects in a Text Box
- Dragging and Dropping an Existing Object
- Creating a New Embedded Object
- Wrapping Text around Objects
- Sizing a Text Box
- Setting Text Box Background
- Creating Pages that Resize to the Browser Window
- Preserving Your Design Intentions
- Managing MasterBorders
- Working with AutoFrames
- Working with Inline Frames
Adding Content
- Designing with Text
- Adding Text to a Page
- Using the Text Tool
- Dragging and Dropping a Text File
- Pasting Text from the Clipboard
- Formatting Text
- Selecting HTML or Cascading Style Sheet Text Formatting
- Understanding the Automatic Setting
- Formatting Selected Text
- Formatting Paragraphs
- Formatting Text in a Paragraph
- Setting Paragraph Alignment, Spacing, and Margins
- Setting Borders and Padding
- Setting Background Options
- Using the CSS Editor
- Using the Text Format Toolbar
- Formatting Text Objects within Paragraphs
- Working with Text Styles
- Applying a Text Style to a Paragraph
- Applying a Style to a Text Span
- Using Custom Styles
- Setting a Style's Scope
- Creating a Text Style
- Creating a Custom Text Attribute
- Modifying a Text Style
- Deleting a Text Style
- Creating Bulleted and Numbered Lists
- Formatting a List
- Setting the List Start Value
- Setting the List Bullet or Numbering Type
- Inserting Symbols
- Adding Text to a Shape or Picture
- Creating and Editing Fields
- Inserting an Existing Field
- Creating a User-Defined Variable
- Using the CSS Panels
- Formatting Text Using the CSS Panels
- Formatting Text Using the CSS Common Panel
- Working Directly with CSS Properties
- Using the CSS Code Editor Panel
- Checking Spelling
- Finding Text
- Replacing Text
- Counting Words, Lines, Paragraphs, and Characters
- Placing Pictures
- Choosing an Image Format
- Adding a Picture
- Using the Image Inspector
- Using the Picture Properties panel
- Optimizing Images
- Advanced Optimization Settings
- Saving Optimization Settings
- Creating a Transparent GIF
- Resizing a Picture
- Tiling a Picture
- Rotating a Picture
- Flipping a Picture
- Cropping a Picture
- Adjusting a Picture's Color
- Creating a Border Around a Picture
- Adding Text to a Picture
- Removing Red Eye in a Picture
- Editing a Picture's Hotspots
- Setting up the Image Bank
- Image Handling
- Adding Tables
- Adding a Table
- Setting Table Properties
- Setting the Table Background
- 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
- Selecting Table Cells
- Setting Cell Properties
- Sizing Cells
- Adding Text and Pictures to Cells
- Sorting Table Data
- Importing Table Data
- Exporting Table Data
- Working with Table Styles
- Creating Table Styles
- Applying Table Styles
- Adding Photo Galleries
- Creating Photo Galleries
- About Photo Galleries
- Adding a Photo Gallery
- Creating a New Photo Gallery
- Inserting an Existing Photo Gallery
- Working with Photos
- Adding Photos
- Replacing Photos
- Arranging Photos
- Dragging Photos on the Thumbnail Page
- Moving Photos on the Images Tab
- Resizing Photos
- Removing Photos
- Opening the Photo Gallery Properties Editor
- Adding and Editing Photo Titles and Captions
- Adding and Editing Photo Titles and Captions on the Images Tab
- Adding and Editing Photo Titles on the Thumbnail Page
- Adding and Editing Photo Titles and Captions on the Photo Page
- Formatting Photo Titles
- Formatting All Photo Titles
- Formatting an Individual Photo Title
- Formatting Photo Captions
- Formatting All Photo Captions
- Formatting an Individual Photo Caption
- Formatting Photo Thumbnail Titles
- Formatting All Thumbnail Titles
- Formatting an Individual Thumbnail Title
- Controlling Download Time
- Saving Output Settings
- Adding Alt Tags
- Formatting the Thumbnail Page
- Creating a Text Link to a Photo Gallery
- Selecting a Thumbnail Template
- Formatting the Photo Pages
- Displaying Photo Pages as Pop-Up Windows
- Selecting a Photo Page Layout
- Selecting a Photo Frame Template
- Navigating Between Photo Pages
- Setting Up Navigation for Site Visitors
- Saving a Photo Gallery Profile
- Removing a Photo Gallery
- Adding E-Commerce
- Creating Catalogs
- Adding a Catalog
- Creating a New Catalog
- Inserting an Existing Catalog
- Adding Products
- Adding Options
- Arranging Products
- Removing Products
- Duplicating Products
- Filtering Products
- Importing Products
- Formatting the List Page
- Selecting a Layout for your Catalog
- Displaying Products
- Displaying Purchase Options
- Formatting the Detail Page
- Configuring the Store
- Control Download Time
- Saving Output Settings
- Removing Output Settings
- Setting Up Navigation for Site Visitors
- Saving a Catalog Profile
- Removing a Catalog
- Placing Media
- Creating Navigation Bars and Banners
- Working with Banners and Navigation Bars
- Using Navigation Bars
- Adding a Navigation Bar
- Setting Navigation Bar Orientation
- Setting Navigation Structure
- Creating Navigation Bars Based on the SiteStructure
- Creating a Custom Navigation Bar
- Setting Navigation Bar Button Style
- Setting Navigation Bar Button Background
- Setting Border Width and Button Spacing
- Changing a Navigation Bar Button Name
- Changing a Navigation Bar Button Image
- Setting Text Navigation Bar Properties
- Setting a Navigation Bar Target
- Creating a Custom Navigation Bar Style
- Using Banners
- Adding a Banner
- Changing the Banner Text
- Changing a Banner's Image
- Setting Banner Style and Orientation
- Creating a Custom Navigation Bar Style
- Changing a Flash Navigation Bar's Appearance
- Changing a Flash Banner's Appearance
- Creating Links and Anchors
- Creating Links
- Types of Links
- Link Indicators
- Creating an Internal Link
- Adding, Editing, and Deleting an Anchor
- Creating a Smart Link
- Creating an External Link
- Adding an Email Link
- Adding a Relative Link
- Creating a File Link
- Setting Existing Targets
- Setting Pop-Up Window Targets
- Editing the Pop-Up Window Script
- Following Links
- Finding a Link
- Editing or Removing a Link
- Adding HTML to a Link
- Working with Imagemaps
- Creating an Imagemap
- Editing an Imagemap
Adding Interactivity
- Adding Actions
- Building Dynamic Pages
- How Actions Work
- Adding Actions to Objects and Pages
- Adding an Action to Linked Text
- Tailoring Actions with Custom Messages
- Targeting Several Objects with One Action
- Modifying Actions
- Scripting Your Own Actions
- Scripting Parameter Values
- Adding Timeline Actions
- Creating a Button Rollover
- Colliding One Object with Another
- Showing One Object While Hiding Others
- Sequencing Actions for a Slide Show
- Customizing Default Actions
- Adding Java and ActiveX
- Designing and Implementing Forms
- Creating a Form
- Adding Objects to a Form
- 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 Reset, Submit, Custom, and AutoClose Buttons
- Setting Validation Rules for Form Objects
- Setting Form Error Properties
- Processing Data with a CGI Script
- Adding Hidden Fields
- Using NetObjects Fusion Components
- About the Component Manager
- About Components
- Adding a Rotating Ad Banner
- Adding DynaButtons
- Adding Sub-Buttons
- Adding a Go Menu
- Adding a Google Search Component
- Using the News Ticker
- Adding a News Ticker to a Page
- Configuring the News Ticker
- Using News Ticker Settings
- Loading Pictures onto Your Site
- Adding Pictures That Roll Over
- Adding Rotating Pictures
- Adding an RSS Feed
- Directing Visitors to a Browser-Specific Page
- Adding a Site Map Button
- Adding Time Based Pictures
- Adding Server Tags
- Displaying Toolboxes in the Component Manager
- Using the DB Creation Wizard
- Configuring the Captcha Options
- NetObjects Fusion Custom Components
- NOF Email Page Component
- Adding an E-mail Page Component
- Configuring the E-mail Form
- Customizing E-mail Form Labels
- Customizing Form Objects
- Specifying E-mail Form Error Events
- Choosing Formats by which Pages Can Be Sent
- Configuring the E-mail Page Server-Side Settings
- Adding the E-mail Stats Component
- Configuring the E-mail Stats Component's Settings
- NOF News Component
- Adding a NOF News Component
- Customizing the News Admin Component
- Adding a Form in the News Admin Component
- Configuring the News Admin Component's Settings
- Adding the Article List Component
- Customizing the Article List Component
- Configuring the Article List Component's Settings
- Adding the Full Article Component
- Customizing the Full Article Component
- Configuring the Full Article Component's Settings
- Configuring the NOF News Component Server-Side Settings
- NOF FAQ Component
- NOF Forms Handler Component
- Using the Forms Handler Component
- Adding the Forms Handler Component to a Page
- Configuring Form Labels and Objects
- Modifying Form Labels
- Adding Form Objects
- Configuring a Text Field
- Configuring a Text Box
- Configuring Radio Buttons
- Configuring Check Boxes
- Configuring Combo Boxes
- Customizing the Form Submit Button
- Setting Error Events for Form Objects
- Setting Error/Success Handling Options
- Configuring the General Form Settings
- Using the Forms Handler Manager Component
- NOF Guestbook Component
- NOF Testimonials Component
- NOF Secure Site Component
- Creating Password-Protected Pages
- Placing the Admin Component on a page
- Adding the Signup Component to a Page
- Configuring the Secure Site Form Labels and Objects
- Customizing Secure Site Form Labels
- Customizing Secure Site Form Objects
- Specifying Error Events for Signup Form Elements
- Adding the Secure Page Component
- Adding the Login Component
- Adding the Logout Component
- Adding the Secure Site Admin Component
- Adding the Change Password Component
- Adding the Get Password Component
- Using Style Sheets With Custom Components
- Troubleshooting Server-Side Errors
- Creating Timeline Animations
- About the Timeline Editor
- Entering the Timeline Mode
- Exiting the Timeline Mode
- Timeline Editor Panel
- Working with Frames and Keyframes
- Adding Labels to Timeline Layers
- Deleting Layers
- Locking Objects from the Timeline Editor Control
- Hiding Objects from the Timeline Editor Control
- Setting the Speed of the Animation
- How Animations Work
- Adding Multiple Objects to the Layout
- Create a New Animation
- Adding Objects to the Timeline Animation
- Setting Objects’ Properties
- Moving an Object
- Zooming in an Object
- Changing Text Properties
- Specifying Timeline Animation’s Trigger Event
- Adding Actions in Timeline Mode on Enter Frame Event
- The Animation Triggers Panel
- Renaming Timeline Animations
- Deleting Timeline Animations and Trigger Events
- Keep in Sync One or Several Keyframes with the Static Layout
- Examples of Timeline Animations
- Data Publishing
- Static and Dynamic Data Publishing
- Storing Data with NetObjects Fusion
- Publishing Data
- Creating a Data Object
- Creating a Data Object for Internal Data
- Changing an Internal Data Field Name
- Creating a Data Object for External Data
- Creating a Data List
- Creating Stacked Pages
- Designing the Stacked Page Layout
- Adding Navigation Buttons to Stacked Pages
- Adding a Stacked Page for Internal Data
- Deleting a Stacked Page
- Adding Text and Images to Stacked Pages
- Deleting a Data Object
- Adding Dynamic Content from a Database
- Database Basics
- Theoretical Background
- Understanding Data Source functionality
- Acknowledging the Data Source limitations
- Setting the Page Extension
- Connecting to a Database
- Establishing an OLEDB Connection String
- Setting Connection Configuration
- Defining a Database Structure
- Setting up Recordsets
- Using the Advanced Recordset Editor
- Defining Variables
- Using Data Source Actions
- Using the XML Data Source Feature
- Setting DataSource Contexts
- Establishing a Data Source Name
Optimizing Your Workspace
- Selecting a Workspace
- Selecting the Basic Workspace
- Selecting the Advanced Workspace
- Selecting the LastUsed Workspace
- Creating a Custom Workspace
- Displaying and Hiding All Panels
- Working with Panels
- Docking Panels
- Floating Panels
- Working with Panel Groups
- Using AutoHide
- Working with Toolbars
- Using Toolbars
- Managing Toolbars
- Working with Custom Toolbars
- Adding Commands to Toolbars
- Customizing Toolbar Buttons
- Working with the Options Tab
- Changing the Windows Theme
Working with HTML
- Referencing and Editing External HTML
- Working with HTML Directly
- Editing the Page's HTML
- Working in HTML Source View
- Exploring HTML Source View
- Adding and Editing HTML and Scripts in HTML Source View
- Moving Text Using Drag and Drop
- Finding Text
- Inserting a File
- Inserting a Field
- Using the Page HTML Dialog
- Accessing an AutoFrame's HTML
- Working in the Page HTML Dialog
- Working in the HTML Source Editor
- Examples of Page and AutoFrame HTML
- Indexing Pages for Search Engines
- Auto-Forwarding from a Transition Page
- Accommodating Browsers that Don't Support Frames
- Creating a Default Target Frame
- Accessing an Object's HTML
- Displaying a Message on Mouse Click
- Inserting HTML in a Text Box
- Coding Your Own Objects
- Coding Your Own Frames
- Working with the HTML attributes
- Working with script files
- Controlling Published Output
- Approaches to Page Design
- Selecting a Layout Method
- Selecting an HTML Output Method
- Setting the Site's HTML Output Method
- Publishing with HTML 4.01 with Tables Output Method
- Optimizing HTML 4.01 with Tables Output
- Optimizing AutoFrames
- Locking or Maximizing a Text Box
- Publishing with HTML 4.01
- Design Priorities and Method Choices
Publishing Your Site
- The Publishing Process
- Additional Publishing Notes
- Exploring Publish View
- Publishing Locally
- Setting Up to Publish Locally
- Setting HTML Options
- Setting Up to Transfer Files to Your Web Server
- The Server Setup Process
- Publish Profile Checklist
- Select the Directory Structure
- Define Server Profiles
- Creating a Site Map for Search Engines
- Creating a Global Publish Profile
- Publishing Components
- Viewing a Server's Contents
- Transferring Your Site to the Web
Advanced Publishing
- Customizing Your Site's Directory Structure
- Creating a Custom Folder
- Renaming Folders and Files
- Deleting Folders
- Rearranging the Directory Structure
- Viewing and Setting Publishing Properties
- Suppressing a Page or Asset from the Published Site
- Creating Aliased Folders and Setting the CGI-Bin Directory
- Setting the Server Port and Permissions
- Publishing with Firewalls or Proxy Servers
- Publishing Special Assets
- Managing Script Assets
Using the Content Management Features
- Protecting an Object
- Protecting a Layout
- Protecting a MasterBorder
- Protecting a Page
- Protecting a Site
- Editing Locked Objects
Using the Backup Manager
- Understanding Backups
- Setting Backup Options
- Creating a Backup while Publishing
- Creating a Backup without Publishing
- Restoring a Backup
- Removing a Backup
- Exporting Connection Credentials
- Setting Options for Site Autosaves
