Table of Contents

To get to CorelWEB.SiteBuilder from these introductory pages, exit this browser (i.e., Netscape Navigator, MS Internet Explorer).

CorelWEB.SiteBuilder - Product Highlights

CorelWEB.SiteBuilder is Easy to Use!
CorelWEB.SiteBuilder makes building and publishing professional-looking Web Sites easy for anyone! You donÆt need to be an expert in HTML coding to make your site look great! You can create pages, banners, lists, and more, (and the coolest part!) even entire web sites using CorelWEB.SiteBuilderÆs easy to use Drag and Drop interface.

CorelWEB.SiteBuilder Makes it Easy to Update the Look of Your Entire Site!
Once youÆve got a site made CorelWEB.SiteBuilder gives you the ability to change the Visual Style of banners, buttons, bars and backgrounds for an entire web, making it easy to keep your site looking fresh and alive!

CorelWEB.SiteBuilder Gives You All the Pieces!
CorelWEB.SiteBuilder provides you with a ton of flexible templates, components, graphics and html elements. Most everything you need to accomplish can be done easily with SiteBuilder.

CorelWEB.SiteBuilder Lets You Retrieve Entire Sites from the Web!
CorelWeb.SiteBuilder can retrieve a web site from the Internet (or from anywhere your browser can view html files) allowing you to get your old site from the web and edit it or, copy in files and sites from the World Wide Web and customize them for yourself.

CorelWEB.SiteBuilder Makes Publishing a Breeze!
With CorelWEB.SiteBuilder, not only is making and changing your web site easy, but publishing is easy too. You can publish you new site to the Internet, an Intranet, your local area network or even your own hard drive. Corel Intranet Server lets you make your own machine into a server on an intranet and publish your sites right from CorelWEB.SiteBuilder!

CorelWEB.SiteBuilder Interface

Here's a quick overview of CorelWEB.SiteBuilder's main window. Click on the graphic to see more information about specific parts of CorelWEB.SiteBuilder's main window.

Layout Window

The layout window displays the hierarchical structure of your web site.

The pieces of your web include pages, HTML elements and CorelWEB.SiteBuilder components. Each of these can contain pages, HTML elements and CorelWEB.SiteBuilder components under them in the heirarchy as a "child." Be sure to read the section below discussing the Componenet Gallery for a description for how to manipulate the various pieces of your web.

CorelWEB.SiteBuilder allows you to customize the view in the Layout Window to display the structure of HTML pages, HTML pages plus any components you have added, or HTML pages and basic HTML tags. You can also choose to display page titles or page filenames. Right-click in the white space of the layout window to select the view you want, or use the View menu. You can also Right-click in the white space to publish your web site, open the Web Properties dialog box, or view the web in your selected browser.

Right-clicking on a page, component, or HTML tag in this window will display a QuickMenu with specific features. For example, when you right-click on a basic HTML tag (e.g., header or paragraph), you can select Properties from the QuickMenu to edit the text or raw HTML tags.

You can drag the vertical bar between the layout window and the viewer window to change the display area. Also, try dragging the horizontal bar between the Component Gallery and the Layout and Viewer windows to customize the display area.

Viewer Window

The viewer window can display a selected HTML page as it will appear in a browser, or it can display the raw HTML tags used in the page.

Right-click anywhere in this window to display the QuickMenu and select the view you want, edit the page in the HTML editor you specified (such as Corel WordPerfect 7), view the page in a browser, open the page in another application, print the HTML page, or open the Page Properties dialog box.

You can drag the vertical bar that separates the viewer window from the layout window to increase or decrease the display area. Also, try dragging the horizontal bar that separates the component gallery from the layout and viewer windows to increase or decrease the display area.

Component Gallery

The Component Gallery has three parts, the Tabs, the Category List, and the Component Gallery. Each Tab will display a different list of Categories. Each Category displays a specific set of icons in the Component Gallery.

Drag an icon from the component gallery into position in the layout window. As you drag a template or HTML component into the layout window, a line appears to indicate where that item will be added into your site's hiearchy. A line below an item means your selection will appear below the selected item, and at the same level. A line above an item means the component will appear above the selected item, and at the same level. A box around an item means the component will appear as a child of that item, one level below it.

Drag the vertical separator bar to the left of the icons to increase or decrease the display area.

Category List

Select a category based on the tab you selected. Drag the vertical separator bar to the right of the category names to increase or decrease the display area.

HTML Basics Tab

Click the HTML Basics tab to customize your web site with frequently used HTML items such as images (horizontal rule, image, or thumbnail image), links (bookmark, ftp, mail to, and http navigation), lists (bullet, definition, fancy, or numbered), multimedia (audio or video), or text (six header styles, paragraph, pre-formatted, or block quote).

Visual Style Tab

Click the Visual Style tab for custom banners, buttons, bullets, bars, backgrounds, and photos used in your web site. Select the category you want from the category list, then drag and drop the icon from the component gallery into your web site.

Web/Page Templates Tab

Click the Web/Page Templates tab to display a list of primary web site templates, such as a comments page, an employee directory, a company web site, a calendar of events, a product catalog, and many others. Just select the category you want from the category list, then drag and drop the template from the component gallery into your web site as represented in the layout window. Most of the templates in this area are in the form of a QuickTask. These QuickTasks guide you step-by-step through the entire process of adding information and files to the web site, including some formatting.

Content Tab

Click the Contents tab to display a list of the different types of web components, such as copyright information, a mission statement, a revision date, personal information, a gallery of images, and many others. Just select the category you want from the category list, then drag and drop the item from the component gallery into your web site as represented in the layout window.

Many of the components in this area are in the form of a QuickTask. These QuickTasks guide you step-by-step through the entire process of adding information and files to your web site.

Toolbar

Use the Toolbar to access features you use frequently. To see a description of a Toolbar button, you can display a QuickTip by moving the mouse pointer over the button in the program itself. A detailed version of a QuickTip is also displayed in the status bar.

Status Bar

Use the status bar to display a detailed version of a QuickTip for a button on the Toolbar. Also, when the Num Lock key is active or "turned on" on your keyboard, the abbreviation "NUM" will appear on the right side of the status bar.

Changing the Display

Before you get started, it's helpful to know how to change your view of the screen and your document. Try these steps and decide how you'd like CorelWEB.SiteBuilder to appear:

  1. Click View Toolbar and Status Bar to display the Toolbar and status bar.

  2. Click View HTML Tags in Viewer, or HTML Page in Viewer to view the HTML codes or the actual page in the viewer.

  3. Click View Pages, or Pages and Components, or Pages and HTML Elements to hide or display hierarchies of your web site in the layout window.

    Select Pages to view just the pages (.HTM) that make up your web site. From this view you can quickly rearrange your web site by dragging pages to another location in the hierarchy.

    Select Pages and Components to view all the components (such as templates, content items, and HTML elements) associated with a particular page. From this view you can easily edit, delete, move, or add components in a page.

    Select Pages and HTML Elements to view the hierarchy of HTML paragraph, image, header, hypertext link, and line break tags within components and pages. From this view you can delete, move, and edit tags as well as components.

  4. Click View Page Titles to view all the page titles you've used in your web site. The page titles will appear in the title bar area of your reader's browser.

    To edit a page title, right-click on the page or filename in the layout window, click Properties, then type a new title in the HTML page title text box. Edit Page from the QuickMenu.

  5. Click View Page Filenames to view the filenames instead of page titles in your web site.

    To edit an .HTM file, right-click on the page or filename in the layout window, then click Edit Page from the QuickMenu.

Exiting CorelWEB.SiteBuilder

To exit CorelWEB.SiteBuilder,

  1. Click Web Exit.

Table of Contents

Last Revised: 31-Oct-96
Copyright © 1996 Corel Corporation Limited. All rights reserved.
Send comments to: CorelWEB.SiteBuilder Customer Support