Chapter 19

Can We Talk?


CONTENTS

In the old days, people relied on bulletin boards for communicating with others in the local community. They provided a cozy atmosphere. If the local BBS sysops were savvy, they tied into larger networks that enabled users to communicate with people all over the place.

The times are changing. The Internet is changing how people communicate with one another in a big way. Newsgroups enable you to exchange messages with people from all over the world on a vast assortment of topics. There are thousands of newsgroups on topics such as business, technology, and personal interests.

FrontPage offers several ways to include discussion groups in your Web site. Think of discussions as your own personal newsgroups. They enable visitors to your site to communicate with you and one another through articles-messages that are stored on your Web site. You can use discussion groups to reach out and touch someone on a very big party line.

What if you do want a party line but prefer to keep the discussion quiet and closed? You do that by creating a discussion group on a protected web, to which only registered users can gain access with a password. This opens all sorts of possibilities for you, whether you want to reach out to the public or prefer to communicate internally with your employees on business matters.

Using the Customer Support Web

The Customer Support Web template is designed to provide customer support for a software company. Of course, you can easily modify it to suit your needs. The pages created with this template demonstrate the power of many of FrontPage's features. The web consists of two sections: general pages and discussion pages.

After you create the web with a template, the FrontPage Explorer imports several pages from the Customer Support Web template directory. If you installed FrontPage using the default settings, the files are located in your Program Files\Microsoft FrontPage\Webs\Custsupp.tem directory. Figure 19.1 shows the Customer Support Web displayed in the FrontPage Explorer's Folder View.

Figure 19.1 : The Customer Support Web, shown here in the FrontPage Explorer's Folder View, contains several pages that form a discussion site on your web.


TIP
When a web has several pages, it is much easier to view their contents in Folder View. While in Folder View, you can sort the contents by name, title, size, type, modified date, modified by, and comments. To view web contents in Folder View, use the View | Folder View command from the FrontPage Explorer, or click the Folder View icon in the Explorer toolbar.

Creating a Customer Support Web

To develop a web with the Customer Support Web template, first open the FrontPage Explorer. Then, follow these steps:

  1. From the FrontPage Explorer, choose File | New | FrontPage Web (Ctrl+N) or use the New FrontPage Web button on the toolbar. The New FrontPage Web dialog box appears.
  2. In the Template or Wizard field, highlight Customer Support Web.
  3. Check the Add to the current web checkbox if you want to add the Customer Support Web to the web you currently have open in the FrontPage Explorer.
  4. Choose OK to continue. The Customer Support Web Template 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. FrontPage creates the web.

On the Surface

The main section of the Customer Support Web contains several pages of a general nature. Users are welcomed to the site. They can submit and read software bug reports, ask questions about the software, make suggestions for improvements, search for topics, read technical notes, and learn what is new at the site.

The Customer Support Web Home Page

Figure 19.2 shows the home page for the Customer Support Web, which is named index.htm in the examples shown in this chapter. Key features include a welcome message that contains company information. The header and footer shown in Figures 19.9 and 19.10 are included on this page.

Figure 19.2 : The Customer Support---Welcome page describes the purpose of the Web site.

The Customer Support Bugs Page

The Bugs page (bugrep.htm) is what visitors use to submit bug reports to the Web site. It consist of several parts, shown in Figures 19.3 and 19.4. The introductory section of the page provides links within the page and to other pages in the Customer Support Web. Following the introduction is a bug report form that visitors complete to report bugs in the software. You can change the fields to suit your particular needs. The header and footer shown in Figures 19.9 and 19.10 are included on this page.

Figure 19.3 : The first part of the Customer Support---Bugs page mentions the purpose of the page. Following that, a bug report form enables users to submit bug reports to the site.

Figure 19.4 : Beneath the Bug Report Form is a list of known problems with your software.

Beneath the Bug Report Form is a section where you can post known problems with software. Figure 19.4 shows an example. When the bugs mentioned on this page are fixed, you should provide a link to the download page, so that your customers can keep their software up-to-date.

NOTE
To use any of the forms included in these discussion groups on your site, you must have the FrontPage Server Extensions on your target server or use another type of script. For more information on these topics, see Chapter 22.

The Bug Reports from Customers Page

When a visitor submits a bug report with the previous page, the data he or she submits is placed in the Bug Reports from Customers page (buglist.htm). The results from the page are placed in the Form Results Inserted Here section of the page, shown in Figure 19.5. As more customers report software bugs, the content automatically changes.

Figure 19.5 : Bug reports are automatically inserted into the Bug Reports from Customers page.

The Customer Support-Download Page

The Download page (download.htm), shown in Figure 19.6, informs the customer about files available on your site for download. Customers can download the files from this page. Beneath the download area is a description of the file formats used. The header and footer shown in Figures 19.9 and 19.10 are included on this page.

Figure 19.6 : The Download page lists and describes the files available for download. A description of file formats appears beneath the list.

The Customer Support-FAQ Page

The Frequently Asked Questions page (faq.htm) provides answers to the questions
that the company's technical support staff is most often asked. The page includes hyperlinks and bookmarks.

The Customer Support-Suggestions Page

The Suggestions page (suggest.htm), shown in Figure 19.7, enables customers to offer ideas for enhancing products or improving services. The results obtained from this form are placed on the Suggestions from Customers page (feedback.htm), which is similar to the Bug Reports from Customers page shown in Figure 19.5. Changes are updated automatically for you. The header and footer shown in Figures 19.9 and 19.10 are included on this page.

Figure 19.7 : The Suggestions page enables customers to suggest improvements for your products.

The Customer Support-Search Page

The Search page (search.htm) has a text search engine for the Customer Support Web. It is similar to the search page created in the Project Web, shown in Figure 19.18. Visitors can search for a word or phrase on your site. The results appear with links to the appropriate pages.

The Customer Support-Tech Note #1 Page

The Tech Note page (tn-001.htm), shown in Figure 19.8, provides information on how to perform a process or resolve a problem with software. It begins with a summary of the tech note. Then, it outlines the procedure. A sample screen shot is included on the page as a placeholder. The footer shown in Figure 19.10 is included on this page.

Figure 19.8 : The Tech Note page mentions the software to which the note applies, summarizes what the tech note is for, and outlines the procedure to complete a process.

The Customer Support-What's New Page

The What's New page (whatsnew.htm) provides an up-to-date listing of what is new on the Customer Support Web. As you make changes to the site, inform visitors about the changes on this page.

The Included Page Header

Figure 19.9 shows the Included Page header (header.htm), which appears on all the previous pages. The header provides links to all the main pages in the site, which ensures consistency and easy navigation.

Figure 19.9 : The Included Page header appears on all the main pages and contains links to the main pages in the Customer Support Web.

The Included Page Footer

The Included Page footer (footer.htm), shown in Figure 19.10, contains trademark information and a link to the Webmaster's e-mail address. Copyright information and the date that the page was last modified also appear in the footer.

Figure 19.10 : The Included Page footer appears on all the pages and contains trademarks, e-mail contact, copyright information, and the date the page was last updated.

The Discussion

The Customer Support Web template generates several discussion pages, which are described in Table 19.1.

Table 19.1. Discussion pages generated by the Customer Support Web template.

Page TitlePage URL Description
Discussiondiscuss.htm Entry page for the discussion
Submission formcusupost.htm Used for posting articles in the discussion
Confirmation formcusucfrm.htm Confirms that a visitor's article was received in the discussion
Search formcususrch.htm Enables a visitor to search through posted articles for words or phrases
TOCcusutoc.htm Provides a table of contents for all the articles posted in the discussion; generated automatically
Included headercusuhead.htm The header that appears on all pages; provides links to various pages in the discussion
Included footercusufoot.htm Puts the date when the page was last updated at the bottom of the page
Included Article headercusuahdr.htm The header that appears on all the discussion articles; provides navigation links to the articles in the discussion and links for posting or replying to articles
Included Article footercusuaftr.htm Places the date when an article was submitted at the bottom of the page

Customer Support Web Images

The FrontPage Explorer created a subdirectory-images-beneath the web's root directory. This subdirectory is where you store any images that you import into your web. It includes two graphics:

Project Coordination on the Web

The Project Web template creates a Web site that enables a group of individuals who are working on projects to organize their tasks. The Project Web features two discussion groups. It also discusses the members working on the project, milestones, and tasks. It is designed to be a public web, but you can modify it to coordinate internal projects. For that, you need to create a protected web, which you learn in Chapter 22.

Creating a Project Web

To develop a web with the Project Web template, first open the FrontPage Explorer. Then, follow these steps:

  1. From the FrontPage Explorer, choose File | New | FrontPage Web (Ctrl+N) or use the New FrontPage Web button on the toolbar. The New FrontPage Web dialog box appears.
  2. In the Template or Wizard field, highlight Project Web.
  3. Check the Add to the current web checkbox if you want to add the Project Web to the web you currently have open in the FrontPage Explorer.
  4. Choose OK to continue. The Project Web Template 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. FrontPage creates the web.

On the Surface

After you complete the steps outlined in the "Creating a Project Web" task, the FrontPage Explorer transfers several files from the Program Files\Microsoft FrontPage\Webs\Project.tem directory, which was created during installation. The Project Web appears in the FrontPage Explorer's Folder View, as shown in Figure 19.11.

Figure 19.11 : The Project Web, shown here in the FrontPage Explorer's Folder View, contains pages for organizing and discussing projects on the Web.

The Project Web Home Page

Figure 19.12 shows the home page for the Project Web (index.htm). It highlights what is new on the site. The main section of the Project Web contains pages that include archives of files, links to the two discussions on the site, project schedules and status pages, and a search form. The header and footer shown in Figures 19.20 and 19.21 are included on this page.

Figure 19.12 : The home page lists the most recent additions to the site.

The Project Web Archive Page

The Archive page (archive.htm), shown in Figures 19.13 and 19.14, provides links to files available for download in the Project Web. The page begins with an introduction and describes the documents that are included on the site. The page also contains tools that can be used to extract the archived files and explains how the files are classified. A list of distribution designations informs users how the content on the site should be distributed. Finally, a list of file formats appears at the bottom of the page. The header and footer shown in Figures 19.20 and 19.21 are included on this page.

Figure 19.13 : The top portion of the Archive page contains an introduction and provides files for download.

Figure 19.14 : The bottom portion of the Archive page provides software and tools, designates document distribution, and describes the document formats in the archives.

The Project Web Discussions Page

The Discussions page (discuss.htm), shown in Figure 19.15, provides links to the Knowledge Base and Requirements Discussion groups. The header and footer, shown in Figures 19.20 and 19.21, are included on this page.

Figure 19.15 : The Discussions page provides links to the Knowledge Base and Requirements Discussion groups.

The Project Web Members Page

The Members page (members.htm), shown in Figure 19.16, contains information on the members of a project team. It lists the members alphabetically and contains links to each one's area on the page. The page provides each member's title, job description, and location, as well as links to his e-mail address and home page. One member is shown in the example in Figure 19.16. The header and footer shown in Figures 19.20 and 19.21 are included on this page.

Figure 19.16 : The Members page highlights the people working on a project.

The Project Web Schedule Page

The Schedule page (schedule.htm), shown in Figure 19.17, lists weekly schedules, upcoming events, and key milestones for the project. The header and footer shown in Figures 19.20 and 19.21 are included on this page.

Figure 19.17 : The Schedule page tells what work is in progress and lists upcoming meetings and events. It also highlights milestones and deliverables.

The Project Web Search Page

The Search page (search.htm), shown in Figure 19.18, enables visitors to search your site for text. The Search page begins with an introduction and then provides a simple search engine. The Query Language section instructs the user how to enter queries. The header and footer shown in Figures 19.20 and 19.21 are included on this page.

Figure 19.18 : The Search page allows users to search the entire site for pages that contain a word or phrase.

The Project Web Status Page

The Status page (status.htm), shown in Figure 19.19, provides links to status reports stored on your site. Status reports appear monthly, quarterly, and yearly. The header and footer shown in Figures 19.20 and 19.21 are included on this page.

Figure 19.19 : The Status page provides links to status reports stored on your site.

The Included Page Header

Figure 19.20 shows the Included Page header (header.htm), which appears on all the pages listed previously. The header provides links to all the main pages in the site.

Figure 19.20 : The Included Page header appears on the main pages and provides links to the main pages in the Project Web.

The Included Page Footer

The Included Page footer (footer.htm), shown in Figure 19.21, contains copyright information, the Webmaster's address, and the date when the page was last updated.

Figure 19.21 : The Included Page footer appears on the main pages and contains copyright information and the date when the page was last updated.

The Knowledge Base

The Knowledge Base discussion group records comments and questions that occur as people work on a project. The contents of its pages are similar to those in the Customer Support discussion group, as well as the discussion groups that you create in Chapter 25.

The Table of Contents page (knobtoc.htm) includes a table of contents for the articles submitted to the Knowledge Base discussion. The table of contents is generated in a file called tocproto.htm, which is placed in the _knobas subdirectory in the Project Web.

The Submission form (knobpost.htm) enables visitors to post messages to the discussion.

The Confirmation form (knobcfrm.htm) sends a confirmation message to visitors when they submit articles to the discussion.

The Search form (knobsrch.htm) has a search engine that enables visitors to search the text of the articles contained in the discussion.

The Included header (knobhead.htm) and the Included footer (knobfoot.htm) appear on all the pages in the discussion. The header includes links to the Discussion page, the Table of Contents page, the Search form, and the Submission form. The footer places the date when the page was most recently updated on the bottom of the page.

The Included Article header (knobahdr.htm) and the Included Article footer (knobaftr.htm) are placed on all the articles in the discussion. It includes links to the Discussion page, the Table of Contents page, and the Search form. It provides a link that enables visitors to reply to articles. The footer places the date when the article was submitted on the bottom of the page.

Project Requirements

The Requirements discussion group discusses which features should be included in software products. You can customize this discussion to suit your own needs. Table 19.2 lists the pages and their URLs. They serve the same functions as in the Knowledge Base discussion. The only difference is that the table of contents for the Requirements discussion is generated in a file called tocproto.htm, which is placed in the _reqdis subdirectory in the Project Web.

Table 19.2. Pages in the Requirements discussion group.

Page NamePage URL
TOCreqdtoc.htm
Submission formreqdpost.htm
Confirmation formreqdcfrm.htm
Search formreqdsrch.htm
Included headerreqdhead.htm
Included footerreqdfoot.htm
Included Article headerreqdahdr.htm
Included Article footerreqdaftr.htm

Project Web Images

The FrontPage Explorer created a subdirectory-images-beneath the web's root directory. It is where you store any images that you import into your web. It includes four graphics:

Creating a Discussion with the Discussion Web Wizard

You can add Discussion Webs to your other webs by using the Discussion Web Wizard. It enables you to customize your Discussion Web before the pages are created. You can link a style sheet to your discussion pages, which enables you to use colors other than the standard World Wide Web gray, for example. You can also place the discussion articles in frames or create a discussion on a protected web.

To create a Discussion Web with the Discussion Web Wizard, follow these steps:

  1. From the FrontPage Explorer, choose File | New | FrontPage Web (Ctrl+N) or use the New FrontPage Web button on the toolbar. The New FrontPage Web dialog box appears.
  2. In the Template or Wizard field, highlight Discussion Web Wizard.
  3. Check the Add to the Current Web checkbox if you want to add the Discussion Web to the web you currently have opened in the FrontPage Explorer.
  4. Choose OK to continue. The Discussion Web 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 Discussion Web Wizard appears.

Using the Discussion Web Wizard

Like the Personal Web Wizard, discussed in Chapter 2 "Let's Get Personal," the Discussion Web Wizard guides you through the process of creating a Discussion Web. After you complete the initial steps outlined in the previous task, the Discussion Web Wizard's introductory screen appears.

Starting the Discussion Web Wizard

The introductory screen of the Discussion Web Wizard contains text that tells you what you are about to create. A progress bar appears beneath the picture on the left side of the dialog box. This progress bar shows you how far along you are in the process.

You can interrupt the wizard at any time:

Click Next to continue setting up the Discussion Web.

Choosing Your Pages

The second screen of the Discussion Web Wizard asks what types of pages you want to include in the Discussion Web. To choose your pages, follow these steps:

  1. Check the pages you want to include in your web. The options include the following:
  2. Click Next to continue to the next screen.

Naming Your Discussion

The third screen of the Discussion Web Wizard asks you to give the discussion a descriptive title. This title appears on all the pages.

To name your discussion, perform the following steps:

  1. Enter a descriptive title for this discussion. For example, enter Web Builder's Discussion.
  2. Enter the name for the discussion folder. The name must be preceded by an underscore, as in _webbld.
  3. Click Next to continue to the next screen.

Selecting Article Headings

The fourth screen of the Discussion Web Wizard asks you to choose a set of input fields for the submission form.

To choose how to display your article headings, do the following:

  1. Choose a method of display from the following options:
  2. Click Next to continue to the next screen.

Choosing Open or Registered Discussions

The fifth screen of the Discussion Web Wizard asks whether the discussion will take place on a protected web. Choose your response as follows:

  1. Choose the type of web you want to create, from the following options:
  2. Click Next to continue to the next screen.

NOTE
With FrontPage's Personal Web Server, you cannot mix protected areas and public areas on the same Web site. If you want to create a protected discussion, you must create a separate web. See Chapter 22 for complete instructions.

Sorting the Articles

The sixth screen of the Discussion Web Wizard asks how the table of contents should sort the list of posted articles.

  1. Choose a method of sorting for your articles:
  2. Click Next to continue to the next screen.

Choosing Your Home Page

The seventh screen of the Discussion Web Wizard asks whether you want the Table of Contents page for the discussion to be the home page of the web.

  1. Select one of the following options:
  2. Click Next to continue to the next screen.

Deciding What the Search Form Reports

The eighth screen of the Discussion Web Wizard asks what information the Search form should report for matching documents.

  1. Choose one of the following reporting methods:
  2. Click Next to continue to the next screen.

Choosing Your Page Colors

In the ninth screen of the Discussion Web Wizard, you choose the color scheme for your pages. The choices that you make here are saved to your web in the Web Colors file. You base the style of your other pages on this page.

The steps follow:

  1. To use the standard World Wide Web background and 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 Windows 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 that you select, 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 Frame Options

In the tenth screen of the Discussion Web Wizard, you choose the frame options for the discussion. Frames are a relatively new addition to Web page development, and not all browsers support them. FrontPage also provides alternative choices in this screen.

To choose a frame option, perform the following steps:

  1. Select a method of using frames:
  2. Click Next to continue to the next screen.

Completing the Discussion Web

The final screen of the Discussion Web Wizard notifies you that you have answered all the questions.

Click the Finish button to create the web and upload the files that you selected when you stepped through the Discussion Web Wizard. If you installed FrontPage using the default settings, the files are copied from the Program Files\Microsoft FrontPage\Webs\Vtidisc.wiz directory on your hard drive. The Discussion Web appears in the FrontPage Explorer's Outline view.

What You Get

Figure 19.22 shows the Discussion Web in the FrontPage Explorer's Folder View.

Figure 19.22 : The pages created with the Discussion Web Wizard, shown here in Folder View.

In addition to the files mentioned in the section "Choosing Your Pages," earlier in this chapter, the Discussion Web Wizard creates four pages:

Figure 19.23 shows additional pages that are placed in your web's _private directory. This directory is used for pages that you want to hide from browsers or from the Table of Contents bot. Usually, you place items such as included page headers, footers, and navigation links used on other pages in this directory.

Figure 19.23 : How the Discussion Web pages appear if you select the Dual Interface option.

Workshop Wrap-Up

Thanks to the Internet, communicating with others will never be the same. Thanks to FrontPage's discussion templates and wizards, you can easily design custom discussion groups on your own Web site.

In this chapter, you learned how to create three different types of Web sites that contain discussion groups. Now that the page templates are there and linked for you, the fun really begins. Editing your pages is simple once you have the basic design of the web.

Next Steps

In the next chapter, you learn how to design your own pages using FrontPage's Form Page Wizard. If you want to continue with what you learned in this chapter, check out the following chapters:

Q&A

Q:Can I add other fields to the forms included in a Discussion Web?
A:Yes. Chapter 21, "Fields-The Building Blocks of Forms," explains how.
Q:Can I test the protected webs on my local computer before I put them on the Web?
A:Yes. You can open any web from your favorite browser and test it on your local computer as if it were the Web. If you create your webs using the Web server, you must first make sure that your Web server is running. Then, enter a URL in your favorite browser to call in to the protected web.
If your server name is localhost and your web name is ProtectedDiscussion, you enter the following URL in your browser:
http://localhost/ProtectedDiscussion

NOTE
If you created your protected web on your local or network computer, you also need to run the Web server to test your pages.

At this point, you are prompted to enter a user name and a password. Enter the name and password as it appears in the Web permissions created for you as the administrator or author. If you enter an incorrect password, a message appears, stating that the authorization failed and that you will not gain access to the protected web.