Chapter 3

If You Mean Business


CONTENTS

Business is a growing part of the Web, and it is bound to get even bigger. Exciting developments down the road will make the Internet boom with activity. Now that the Internet is open to everyone and is coming alive with graphics and multimedia, more and more companies are jumping on the bandwagon-and doing it with style and purpose.

Think back to the days when a growing company had to design product brochures and pay for the expense of printing thousands of copies to distribute to potential customers. On top of the printing costs, the postage ate away at the budget. The Internet has changed all that. Now you can economically let everyone know that you are out there. You are telling not just your local community about yourself, but the world. There is beauty in that.

Unfortunately, the beauty is also a beast. Because of this vast accessibility, there is much competition. Therefore, you need to make the best impression that you can. With FrontPage's Corporate Presence Wizard, you get off to a rapid running start. If you choose all the options in the wizard, you can generate fifteen pages, including links, in five minutes. Then all you have to do is edit the content and fill in the blanks.

Preparing Your Information

The Corporate Presence Wizard does not do all the work for you. You might want to get the following information ready before you start the wizard. You can edit it afterward, but it is much easier to do everything in one step. Take advantage of what the wizard does for you automatically. The following information is inserted into several Corporate Presence Web pages through the use of Substitution bots. They take information variables that you enter as you design your web and place them on your page in designated fields.

Think about the contact information that you place on your pages, especially the telephone and fax numbers. Start with only e-mail addresses, and add more contact information as necessary. Your assistant will thank you.

Creating a Web with a Wizard

If you look up the word wizard in the dictionary, you see that it means a magician or a conjurer. The wizards in FrontPage perform magic, and they conjure up pages that might have otherwise taken you hours to produce. Though the pages are basic, you can customize your pages afterward. When you are pressed for time, though, wizards are the way to go.

You are probably already familiar with wizards. Many software programs use them. They make a tedious task simple by asking you questions. Based on your answers, different option screens appear, and you choose what you want.

Creating a Corporate Presence Web

To develop a web with the Corporate Presence Wizard, first open the FrontPage Explorer. Then follow these steps:

  1. From the FrontPage Explorer, choose File | New | FrontPage Web (Ctrl+N) or click the New FrontPage Web button on the toolbar. The New FrontPage Web dialog box appears.
  2. In the Template or Wizard field, highlight Corporate Presence Wizard.
  3. Check the Add to the current Web checkbox if you want to add the Corporate Presence Web to the web you currently have opened in the FrontPage Explorer.
  4. Choose OK to continue. The Corporate Presence Wizard dialog box appears.
  5. From the Web Server or File Location drop-down menu, select the server in which you want to create a new web, or enter the name of an existing server or directory on your local hard drive.
  6. Check the Connect Using SSL checkbox if you want to connect to a server that supports Secure Socket Layer (SSL) communications.
  7. In the Name of New FrontPage Web field, enter a name for the new web. Web names must use the character restrictions on your server. Typically, no spaces are allowed.
  8. Choose OK or press Enter. Enter your administrator name and password, if prompted, using the name and password you entered in the FrontPage Server Administrator when you installed FrontPage. The first screen of the Corporate Presence Web Wizard appears.

Beginning with the Corporate Presence Wizard

The first screen of the Corporate Presence Wizard contains some brief introductory text. It tells you that the wizard will ask you a series of questions. Wizards are good at that; it is their job.

Beneath the picture of the open door at the left of the screen, there is a status bar. The tick marks in the bar let you know how far along you are.

There are buttons on the bottom of the wizard screen. Here is how you use them:

Click Next to continue to the next screen.

Adding Your Pages

In the second screen of the Corporate Presence Wizard, you choose the types of pages to include in your Web site. To choose your pages, do the following:

  1. Select the main pages to include in your web. The options are
    Home (required). This is the Home page in your web and is named index.htm by default. If you are adding the Corporate Presence Web to your current web, the wizard overwrites any existing page with the same name.
    What's New. If you choose this option, a What's New page is generated, on which you notify your customers of new items on the site and recent news of your company.
    Products/Services. If you choose this option, product data sheets, service description pages, or both can be generated for your web.
    Table of Contents. If you choose this option, a table of contents page tracks the pages on your site automatically.
    Feedback Form. If you are developing your Corporate Presence Web for a server that does not have the FrontPage Server Extensions installed, you should uncheck this option, unless you are able to write your own form handler using another scripting language.
    Search Form. If you select a search form, a text search page named search.htm is created at your site. Figure 3.1 shows an example. It enables visitors to your site to search through it for words or phrases. If you are developing your Corporate Presence Web without the Web Server, you should uncheck this option, unless you are able to write your own form handler using another scripting language.
    Figure 3.1 : The text search page allows visitors to search for words or phrases in your web pages.

  2. Click Next to continue to the next screen.

NOTE
The Search bot is a form handler. To use any of the forms that FrontPage generates, you need the FrontPage Server Extensions installed on your target server. If this is not possible, you can process the form with a custom CGI script or another scripting language. Refer to Chapter 24, "ActiveX and VBScript," for additional information and references.

Building Your Home Page

The third screen of the Corporate Presence Wizard asks what topics you want to include on your Home page. The Home page is, appropriately, the first page in your web. This is a page that should get people's attention. Tell them who you are and what you do.

Look at the example in Figures 3.2. It shows how a Home page appears for a large interior decorating company and displays all the options that you can choose.

Figure 3.2 : The Home page contains an introduction, mission statement, company profile and contact information.

To choose the content for your Home page, do the following steps:

  1. Select the topics you want to appear on your home page:
    Introduction. The Introduction section appears immediately beneath the navigation bar. Comments appear on the page to suggest content for this section.
    Mission Statement. The Our Mission section appears beneath the introduction. Comments suggest content for this section.
    Company Profile. The Company Profile section provides an area where you can tell a bit about your company and what you do. Comment suggests content for this section.
    Contact Information. The Contact Information section is placed on the page with Substitution bots. Comments suggest content for this section.
  2. Click Next to proceed to the next screen.

Choosing Your What's New Page Options

If you elect to include a What's New page in your Web site, you select options for it in the fourth screen. Figure 3.3 shows the completed What's New page for the interior decorating company.

Figure 3.3 : The What's New page includes web changes, links to press releases, and recent media coverage for the company.

The following steps show you how to choose your options for the What's New page:

  1. Select the topics you want to appear on your What's New page:
    Web Changes. When you choose the Web Changes option, comments guide you through the information you should include. Links to a press release and a product data sheet are placed in this section for you.
    Press Releases. When you choose the Press Releases option, three press release pages are generated. Links to them appear on the What's New page. Figure 3.4 shows a typical Press Release page. It provides announcements of important news about the company, as well as contact information.
    Figure 3.4 : The Press Release pages display recent news about your company.


    Articles and Reviews. When you choose the Articles and Reviews option, a section titled Recent Media Coverage of Company Name appears on the What's New page. This section features a list of articles in which the interior decorating company is publicized. Comments give instructions on what to change.

  2. Click Next to proceed to the next screen.

Creating Products and Services Pages

If you elect to include Products and Services pages in your site, you choose options for them on two screens. The first screen asks how many of each type of page you want to create.

Figure 3.5 shows an example of a completed Products and Services page. Brief descriptions of the products and services that the interior design company offers are presented, along with links to all the Products pages and Service pages.

Figure 3.5 : The Products and Services Page contains links to the Product pages and Service pages.

To designate how many Products and Services pages you need, do the following:

  1. Designate how many Products and Service pages you want to create.
    Products. Enter the number of product data sheets that you want. If you enter 0, no product pages are created, and the Products and Services page is instead titled Company Name Services page. Five product data sheets are created for the interior design company. (See Figure 3.5.)
    Services. Enter the number of service description pages that you want. If you enter 0, no service pages are created, and the Products and Services page is instead titled Company Name Products page. Three service description pages are created for the interior design company. (See Figure 3.5.)
  2. Click Next to continue to the next screen.

TIP
If you need to customize your Product and Service pages beyond what the templates offer, create one page. Make your general changes, and then save the page as a template. This saves you the bother of making all the changes on each product page.

Choosing More Options for Products and Services

Based on your selections from the previous screen, you select the information that you want to include on your Products pages and Services pages in this screen. Different options appear for each.

Products pages tell visitors to your site about the various products that your company offers. In Figures 3.6 and 3.7, the interior design company advertises one of its furnishings. A section is provided on the page to describe the key benefits of the product.

Figure 3.6 : The upper portion of the Products page contains a photo, a description, and the key benefits of the product.

Figure 3.8 : When users submit an information request form, they receive a confirmation page.

When users submit an information request form to your site, they receive a confirmation page. This confirmation page, shown in Figure 3.8, acknowledges that their request was received at your site. This information is stored in Web page format (inforeq.htm) in the private subdirectory of your web.

Figure 3.7 : The lower portion of the Product page contains the pricing information and an Information Request Form.

The following steps show you how to choose the options for your Product pages:

  1. Select additional items to display for each product:
    Product image. A product image and a caption is included on the page. A temporary graphic is initially included on the page; a comment reminds you to replace it. The key benefits of the product are highlighted in a bulleted list.
    Pricing information. A table that displays product description, SKU number, and pricing information appears on the page.
    Information request form. A form enables visitors to your site to request information about the product or service directly from the Web page. If you are developing your Corporate Presence Web site without the Web server, uncheck this option, unless you can write your own form-handling script for the form.
  2. Complete the Service page options (described next).

Service pages tell visitors to your site about the various services and capabilities of your company. A section is provided on the page to describe the key benefits of the company's products. Figures 3.9 and 3.10 show a service page at the interior decorating company's site.

Figure 3.9 : The upper portion of the Service page describes the service that the company offers, lists its benefits, and shows a capabilities list.

Figure 3.10 : The lower portion of the page lists reference accounts and includes an information request form.

To choose the options for your Service pages, do the following:

  1. Select additional items to display for each service:
    Capabilities list. Capabilities are displayed in a definition list.
    Reference accounts. References are displayed in a definition list.
    Information request form. The information request form contains the same features as product data sheets. If you are developing your Corporate Presence Web site without the Web server, uncheck this option, unless you can write your own form-handling script for the form. A confirmation form, shown in Figure 3.11, is returned after the form is submitted by the user.
  2. Click Next to continue to the next screen.

    Figure 3.11 : The confirmation page for the Service page's information request form.

Collecting Feedback Information

If you elect to include a feedback form on your page, you are asked what you want to collect from visitors when they submit feedback to your site. Figure 3.12 shows the feedback form for the interior design company. This form enables visitors to your site to send comments to you about your site, company, products, or services. Comments show you where changes are necessary on the page.

Figure 3.12 : The feedback form enables users to submit feedback about your Web site, company, products, and services.

When users submit information to your site with the feedback form, a confirmation page is generated. Figure 3.13 shows the confirmation page for the interior design company's feedback form.

Figure 3.13 : The confirmation page for the feedback form.

To choose your options for the feedback form, do the following:

  1. Choose the information you want to collect from readers when they submit comments:
    Full Name
    Job Title
    Company Affiliation
    Mailing Address
    Telephone Number
    FAX number
    E-mail Address
  2. Click Next to continue to the next screen.

Storing Feedback Information

If you elect to include information request forms on your product data sheets and service description pages, you are asked how to store the information retrieved from the feedback form.

To choose how you want to store request information, do the following:

  1. Choose if you want your feedback file to be compatible with database and spreadsheet formats:
    Yes, use tab-delimited format. Choose this option if you plan to use a spreadsheet or database program to store the retrieved information. The results are saved in a file named inforeq.txt.
    No, use web-page format. If you choose this option, the information is stored in HTML definition lists on the page. The results are saved in a file named inforeq.htm.
  2. Click Next to continue to the next screen.

Choosing Table of Contents Page Options

If you elect to have a Table of Contents page in your web, a screen asks what options to include in it. Figure 3.14 shows the table of contents that is automatically generated by FrontPage for the interior design company's site.

Figure 3.14 : The Table of Contents page displays a list of pages in your site.

The following steps show you how to choose the options for your Table of Contents page:

  1. Choose from the following presentation options:
    Keep page list up-to-date automatically. If you choose this option, the Table of Contents bot updates the list of pages when you make changes to your web.
    Show pages not linked into web. With this option, you can provide links to any unlinked pages in your site in the table of contents.
    Use bullets for top-level pages. The Table of Contents bot inserts a bullet to identify the top-level pages in your web.
  2. Click Next to continue to the next screen.

NOTE
Be sure to use the File | Page Properties command to change the title of each page. The Table of Contents bot uses the page titles when it generates the contents.

Including Page Header and Footer Options

Next, you select what should appear at the top and bottom of all your Web pages. To make your selections, do the following:

  1. Choose what should appear at the top of each page:
    Your company's logo. A file named logo.htm is placed in the web's _private subdirectory. The company logo appears on several pages and contains a graphic named logo.gif. Replace this graphic with your own.
    Page title. If you choose to include page titles, they appear at the top of the page.
    Links to your main web pages. Text links or a navigation bar can appear at the top of the page. These links appear on a page named navbar.htm in the _private directory of your web. If you prefer to have the links appear at the bottom of the page, uncheck this option.
  2. Choose what should appear at the bottom of each page:
    Links to your main web pages. Text links or a navigation bar appear at the bottom of the page. This option is handy to use if your pages are long, as the user does not have to scroll back to the top of the page to navigate elsewhere in your web. If you prefer to have the links appear at the top of the page, uncheck this option. These links appear on a page named navbar.htm in the _private directory of your web.
    E-mail address of your webmaster. This information is included in the footer by using a Substitution bot.
    Copyright notice. If you choose this option, a copyright statement appears in the footer. The company name is included by using a Substitution bot.
    Date page was last modified. If you choose this option, a Timestamp bot displays the date the page was last modified.
  3. Click Next to continue to the next screen.

Choosing Your Graphics Style

You are asked what type of graphics should appear on your page. A preview of each style appears in the wizard screen when you press its radio button. Figure 3.15 shows examples of the four styles from which you can choose.

Figure 3.15 : You can choose one of four presentation styles for your web.

To choose your graphics style, do the following:

  1. Choose a presentation style for your web:
    Plain
    Conservative
    Flashy
    Cool
  2. Click Next to continue to the next screen.

Choosing Style Sheet Options

You can customize the colors for the background and text. The choices that you make here are saved to your web in a file titled Web Colors (filename _private/style.htm). You can base the style of other pages on this one.

The following are the steps for customizing the colors for your background and text:

  1. To use the standard World Wide Web background text and link colors, choose the Default radio button. Click Next to skip the remaining steps and return to the wizard.
  2. To assign custom colors, choose the Custom radio button.
  3. To change the background texture, click the arrow in the Pattern drop-down menu box. A list of several choices appears. A preview of the texture appears in the preview window as you highlight each selection.
  4. If you want a solid background, choose None from the Pattern drop-down menu. To change the background color, click the Solid color square. The Color dialog box appears. After you select the background color, click OK to return to the wizard.
  5. To change the Normal, Visited Link, Link, and Active Link text colors, follow the same procedure as you did for choosing the background color. As you select your colors, they update in the preview screen. To view the active link color in the preview window, click and hold either link in the preview window. Release the mouse button when you are done.
  6. Click Next to continue to the next screen.

Choosing the Under Construction Graphic

The wizard asks if you want to tell visitors to your site that it is under construction. The following steps show you how to make your choice:

  1. Choose whether or not you want to include an under construction graphic on your pages:
  2. Yes. Choose this if you want an under construction icon included on all your pages. The only catch is that you must remember to remove it when you are done building the page.
  3. No. A lot of people realize that Web sites are always under construction, and feel under construction icons are redundant. If you choose this option, the icon won't appear on your pages.
  4. After you make your selection, click Next to continue.

Entering Your Company Location

Now you enter the location information that you gathered at the beginning of this chapter. This information is included in various locations on your pages through the use of Substitution bots.

To enter the company location information on your pages, respond to the following questions:

  1. What is the full name of your company? Enter the name of your company in the space provided.
    ACME Interiors, Inc.
  2. What is the one-word version of this name? This one-word version of your company name appears in all the page titles. You can change the titles after the web is created.
    ACME
  3. What is your company's street address? Enter the street address in the space provided.
    123 Busy Street, Anycity, NY 00000
  4. Click Next to continue to the next screen.

Adding Your Company Contact Information

Next, you enter the contact information. This information is included in various locations on your pages through the use of Substitution bots.

To enter the company contact information on your pages, respond to the following questions:

  1. What is your company's telephone number? Enter the phone number in the space provided.
    313-555-1212
  2. What is your company's FAX number? Enter the fax number in the space provided.
    313-555-1212
  3. What is the e-mail address of your webmaster? Enter his or her e-mail address in the space provided.
    webmaster@www.provider.com
  4. What is the e-mail address for general info? Enter the e-mail address in the space provided.
    sales@acmecorp.com
  5. Click Next to continue to the next screen.

Displaying Your To Do List

The final screen of the Corporate Presence Wizard asks if you want to view the To Do list after the Web is created.

To complete this screen, do the following:

  1. Choose whether or not you want to display the To Do List after the web is created.
    To display the To Do List, check the "Show To Do List after web is uploaded" check box. The web is created, after which the To Do List displays on your screen as shown in Figure 3.16.
    To open the web immediately after it is generated, uncheck the "Show To Do List after web is uploaded" check box. The web is created and immediately displays in the FrontPage Explorer window.
  2. Click Finish to create your Corporate Presence Web.

    Figure 3.16 : The Corporate Presence Wizard places some tasks in your To Do list automatically.


Look at What You Get

Figure 3.17 shows the Corporate Presence Web pages displayed in the FrontPage Explorer's Hyperlink View. The pages generated with the Corporate Presence Wizard are listed in Table 3.1. Table 3.2 describes all the graphics included in the images subdirectory of your web.

Figure 3.17 : The Corporate Presence Web pages shown in the FrontPage Explorer's Hyperlink View.


Table 3.1. Files created with the Corporate Presence Wizard.

FilenameDescription
index.htmHome page
feedback.htmFeedback page
news.htmWhat's New page
pr01.htmPress Release page 1
pr02.htmPress Release page 2
pr03.htmPress Release page 3
prod##.htmProduct pages
products.htmProducts and Services page
search.htmSearch page
serv##.htmService pages
toc.htmTable of Contents page
_private/inforeq.htmResults from Form 1 of Prod01 or Serv01
_private/logo.htmIncluded Logo page
_private/navbar.htmIncluded Navigation Links
_private/style.htmWeb Colors

Table 3.2. Graphics created with the Corporate Presence Wizard.

FilenameDescription
bfeed.gifNavigation bar button, Feedback Form page
bhome.gifNavigation bar button, Home page
bnews.gifNavigation bar button, What's New page
bprdsrv.gifNavigation bar button, Products and Services page
bprods.gifNavigation bar button, Products page
bservs.gifNavigation bar button, Services page
bsrch.gifNavigation bar button, Search page
btoc.gifNavigation bar button, Table of Contents page
bullet.gifBullets used for service description pages and product data sheets
div.gifHorizontal bar dividers
hfeed.gifHeader graphic, Feedback Form page
hhome.gifHeader graphic, Home page
hnews.gifHeader graphic, What's New page
hprdsrv.gifHeader graphic, Products and Services page
hprods.gifHeader graphic, product data sheets
hservs.gifHeader graphic, service descriptions page
hsrch.gifHeader graphic, Search page
htoc.gifHeader graphic, Table of Contents page
logo.gifCompany logo
prodimg.gifProduct image for the product data sheet
smallnew.gifNew graphic for the What's New page
undercon.gifUnder Construction icon
texture.jpgBackground texture image that you choose

Workshop Wrap-Up

Wizards are like magic. In a matter of minutes, you create fifteen pages, complete with links and graphic placeholders. This is especially impressive considering how long it would have taken you to accomplish all this using other methods.

In this chapter, you stepped through the Corporate Presence Wizard to create a corporate presence on the Web. The pages described your company and the products and services you have to offer. The wizard also generated pages that allowed visitors to interact with you from your Web site, through feedback or information requests. You learned how to customize your corporate presence site by choosing several different options available in the wizard. The pages you created were linked for you automatically by the wizard.

Next Steps

In the next chapter, you learn about the many page templates that are available in FrontPage. These templates can be used to add additional pages to your Web site. To continue with the pages that you created with the Corporate Presence Wizard,

Q&A

Q:My remote server requires that I use a Home page with a name other than index.htm. Do I have to correct links on many pages if I rename my Home page?
A:In the Corporate Presence Web, all the links to the Home page appear in the Included Navigation page. An Include bot places this navigation bar on several pages, which is why the pages have links to the Home page.

If you need to rename your Home page, click the page title in Folder View of the FrontPage Explorer. Click again, and the page becomes surrounded by a bounding box, indicating that you can rename the page. Press Enter or click outside the bounding box to change the page name. FrontPage asks if you want to update the pages that have links to the Home page. Answer Yes.

Q:Do I have to keep my files in the directories that were made when the web was created?
A:No. New features in FrontPage 97 enable you to drag and drop files into different directories in your web and to correct any broken links as you do so.
Q:What are all those other directories and files included in the web that I just created? It looks as though FrontPage created copies of all my files in other directories.
A:Those additional directories include the FrontPage Server Extensions, where applicable, and information used by the server administrator. If you use some of FrontPage's advanced features-including some of the bots-you must keep all those directories and files in your web. The HTM files in the extra directories contain information for the FrontPage Server Extensions.
Q:I cannot see the purple text of the comments when I open my pages in another browser. Why?
A:The comments are designed for just that reason. They enable you to put notes on a page to remind you of what needs to be done on it and where. You can view the comments text from within the FrontPage Editor, but it does not appear in other browsers, such as Internet Explorer or Netscape. Likewise, if you place a comment on a page to remind yourself of something, you should add the item to the To Do list at the same time. This helps you keep track of things much more easily.
Q:Where do the Substitution bots get the company information?
A:The Corporate Presence Wizard places the company information that you entered into the Web settings. You can find it if you select Tools | Web Settings and then choose the Parameters tab of the Web Settings dialog box.
Q:The responses from all my product and service pages are going to one file, inforeq.htm, on my web. Can I separate the responses into different files?
A:When you initially create your web, all information request forms on the products and services pages store the retrieved information in the inforeq.htm file. If you want to create individual retrieval files for each page, for example, you need to edit the Save Results bot on each product and service page to point to another results file. Simply copy the inforeq.htm file and save it under the names you select in the Save Results bot for the results file. See Chapter 22 for more information on this procedure.
Q:How do I replace the logo image in the Corporate Presence Web?
A:Open the web's Included Logo page (logo.htm) in the FrontPage Editor. Use the Insert | Image command to add your logo to your page. This enables you to import a wide variety of graphic types. These procedures are explained in more detail in Chapter 10, "Sprucing Up Your Pages."