Lesson 2: Web Page Design in the FrontPage Editor

Archived content. No warranty is made as to technical accuracy. Content may contain URLs that were valid when originally published, but now link to sites or pages that no longer exist.

In Lesson 1 of the FrontPage tutorial, you learned how to create the Personal Web and how the FrontPage Explorer and the FrontPage Editor are both used for web creation.

The FrontPage Editor is a powerful tool for designing interactive pages and creative HTML documents. As you enter text, place images, create tables and lists, design forms, and change the looks of your pages, the FrontPage Editor displays them as they will appear in a Web browser. All HTML code is created in the background and you don't need to manually edit any code.

In the following lesson, you will use the FrontPage Editor to add a practice page to the Personal Web, where you will create and customize page elements and designs. After completing this lesson, you will have a good understanding of the FrontPage Editor's features and capabilities.

In this lesson, you will learn how to:

  • Open a FrontPage Web

  • Add a new page

  • Add text and images

  • Save changes made to a page

  • Create an e-mail hyperlink

  • Create an image map

  • Place formatted text over images

  • Create and format a table and a numbered list

  • Add a marquee

  • Add a form

  • View and test page elements

On This Page

Opening a FrontPage Web
Adding a Page to a FrontPage Web
Inserting Files
Collecting Feedback from Your Site
Creating Image Maps
Placing Text over Images
Creating a Table
Entering Text in a Table
Creating Lists
Adding an Active Page Element
Adding a Feedback Form
Viewing the Tutorial Page in a Web Browser
Viewing the Feedback Results File
Finishing Lesson 2

Opening a FrontPage Web

Note: If the Personal Web is already open, skip the following steps.

To Open a FrontPage Web

  1. Click the Windows Start button, point to Programs, then click Microsoft FrontPage.

  2. When the FrontPage Explorer opens, choose Open an Existing FrontPage Web in the Getting Started dialog box.

  3. From the list of FrontPage Webs, choose Personal Web and click OK.

    Note: Depending on the type of Web server and operating system you are using, the FrontPage Explorer may display the Name and Password Required dialog box. If you are not prompted for your name and password, skip the remaining steps below and proceed to the next section.

  4. If you are an administrator of this FrontPage web, enter your administrator name in the Name field. If you are an author of this FrontPage web, enter your author name.

    For more information about FrontPage Web permissions, see "Administering FrontPage Webs".

  5. In the Password field, type your password, then click OK.

    The FrontPage web is displayed in the FrontPage Explorer.

Adding a Page to a FrontPage Web

The Personal Web consists of the home page and three linked pages. You learned how to add these pages to your FrontPage web using the Navigation View in the FrontPage Explorer.

You will now add a new page called "Tutorial Practice," using the FrontPage Editor. This page will serve as a practice page on which you can freely experiment with the exercises in this lesson. When the page has been created, you will save it to your Personal Web.

To Add a New Page

les21

Show FrontPage Editor button

  1. On the FrontPage Explorer's Tools menu, choose Show FrontPage Editor or click the Show FrontPage Editor button on the FrontPage Explorer's toolbar.

    The FrontPage Editor opens and a displays "New Page 1," a blank page that contains common theme elements. The theme you applied to the Personal Web in Lesson 1 is automatically applied to new pages you create in the FrontPage Editor.

  2. On the FrontPage Editor's File menu, choose Save As.

    The Save As dialog box opens.

  3. In the Title field, type Tutorial Practice.

  4. In the URL field, change the file name to tutorial.htm.

  5. Click OK to save the page to your FrontPage web.

    Note: Although it has been saved to your FrontPage Web, you will not directly link the Tutorial Practice page to the other pages in the Personal Web's structure. The Tutorial Practice page is intended as a temporary workspace for this lesson, which can be deleted when you have successfully completed the FrontPage tutorial.

Since the Tutorial Practice page used in this lesson does not require navigation bars to the other pages in the Personal Web, you will hide the shared borders before continuing with the exercises in this lesson.

To Hide Shared Borders and Navigation Bars

  1. On the FrontPage Editor's Tools menu, choose Shared Borders.

    The Page Borders dialog box is displayed. In this dialog box, you can override the default border settings for the current FrontPage web.

  2. In the Page Borders dialog box, choose Set for this Page Only.

  3. Clear the Top and Left check boxes so that no borders are selected, then click OK.

The page borders and navigation bars are now hidden and only the theme's background image remains visible.

Inserting Files

In Lesson 1, you added text to your pages by typing it on the page using the FrontPage Editor. There may be times, however, when it will be easier to transfer content to your Web pages from other documents.

With the FrontPage Editor, you can insert the following types of text files into your pages:

  • ASCII Text (TXT)

  • Rich Text Format (RTF)

  • Hypertext Markup Language (HTM or HTML)

  • Word Processing (including Microsoft Word)

  • Spreadsheet (including Microsoft Excel)

The file you will insert in this lesson is a standard text file.

To Insert a Text File on a Page

With the Tutorial Practice page still open in the FrontPage Editor, ensure the insertion point is at the top left of the page.

  1. On the FrontPage Editor's Insert menu, choose File.

    The Select File dialog box is displayed. The file you want to insert is named tutorial.txt.

  2. In the Select File dialog box, change the Files of Type field to "Text Files (*.txt)."

  3. Next, navigate to the following folder (assuming you installed FrontPage in the \Program Files folder on your C:\ drive):

    C:\Program Files\Microsoft FrontPage\tutorial\

    If you changed the default installation drive or folder during FrontPage Setup, you'll need to adjust this path accordingly.

  4. Select the file tutorial.txt, then click Open.

  5. In the Convert Text dialog box, choose Normal Paragraphs and click OK.

FrontPage imports the contents of the text file and places it on the current page.

Cc750835.les22(en-us,TechNet.10).gif

To Save the Current Page

  • On the FrontPage Editor's File menu, choose Save.

The page is saved to the current FrontPage web

Collecting Feedback from Your Site

In Lesson 1, you learned how to create simple hyperlinks from text on a page that point to other pages in your FrontPage web. Aside from connecting pages within your FrontPage web, a hyperlink can also open pages on the World Wide Web or interact with other programs such as an electronic mail application or a newsgroup reader.

In the steps below, you will create a text hyperlink that launches an e-mail form on the user's computer when the user clicks the hyperlink in a Web browser. This type of hyperlink is useful to request feedback from the people that view your FrontPage web after it has been published.

To Create an E-mail Hyperlink

  1. On the Tutorial Practice page, press the ENTER key to create some space after the inserted text.

  2. Type Please send me feedback about my Web site!

  3. Double-click the word "feedback" to select it.

    The FrontPage Editor supports standard Windows selection shortcuts.

    les23

    Create or Edit Hyperlink button

  4. Click the Create or Edit Hyperlink button on the FrontPage Editor's toolbar.

    Toolbar buttons offer convenient shortcuts to FrontPage menu commands.

    les24

    E-Mail button

  5. In the Create Hyperlink dialog box, click the E-mail button.

  6. In the Create E-mail Hyperlink dialog box, type your e-mail address (for example, someone@microsoft.com).

    Your personal e-mail address was established for you by your Internet Service Provider when you first obtained your connection to the Internet.

    Cc750835.les25(en-us,TechNet.10).gif

  7. Click OK.

    The URL field in the Create Hyperlink dialog box should now contain "mailto:someone@microsoft.com" (where the example shown here should be your real e-mail address on your screen).

  8. Click OK.

The word "feedback" has changed text color and is now underlined to indicate the hyperlink.

Later in this lesson, you will view the Tutorial Practice page in a Web browser, where you will be able to test the hyperlink you created here.

To Save the Current Page

les26

Save button

  • On the FrontPage Editor's toolbar, click the Save button.

The page is saved to the current FrontPage web.

Creating Image Maps

In the first lesson, you learned how easy it is to place images on Web pages. Now you will create an image map—an image with one or more hyperlinks.

When an image is formatted as an image map, a user can click on certain regions of the image and trigger image "hotspots." These hotspots launch the hyperlinks that have been added to the HTML by the FrontPage Editor.

Before you can create an image map, you must first insert the image that you will use.

To Insert an Image

  1. Press the DOWN ARROW key to move the insertion point to the blank line below the feedback hyperlink.

  2. On the FrontPage Editor's Insert menu, choose Image.

    The Image dialog box is displayed.

    les27

    File button

  3. In the Image dialog box, click the File button.

    The image file you want to insert is named blackbrd.gif.

  4. In the Select File dialog box, navigate to the following folder (assuming you installed FrontPage in the \Program Files folder on your C:\ drive):

    C:\Program Files\Microsoft FrontPage\tutorial\

    If you changed the default installation drive or folder during FrontPage Setup, you'll need to adjust the path accordingly.

  5. Select the file blackbrd.gif, then click OK.

    The blackboard image is displayed on the page.

The blackboard image you placed on the current page has a black background, which does not fit the theme's light background image. You will now make the image border color transparent, so it will blend in with the white background color of the Tutorial Practice page.

To Make an Image Color Transparent

  1. Click the image of the blackboard to select it.

    An image is selected when it is outlined with rectangular file handles. When you select an image, the image toolbar is activated.

    les28

    Make Transparent button

  2. Next, click the Make Transparent button on the image toolbar.

  3. Move the mouse pointer over the image.

    The pointer changes to a pencil eraser.

  4. Click the left mouse button anywhere on the black background behind the blackboard in the image.

  5. The background of the blackboard image is now transparent, allowing the white background of the page to show through.

    Cc750835.les29(en-us,TechNet.10).gif

Now you will create the hotspots on the image to complete the image map.

To Create Image Hotspots

  1. Click the image of the blackboard to select it.

    les210

    Rectangle button

  2. Next, click the Rectangle button on the image toolbar.

    The Rectangle button creates a rectangular "hotspot" on an image. A hotspot is an area on an image that contains a hyperlink.

  3. Move the mouse pointer over the image.

    The pointer becomes a pencil.

  4. Move the pencil to the upper-left corner of the words "Interests."

  5. Click and hold the left mouse button, then drag the rectangle until it outlines the words "Interests."

    When you let go of the mouse button, the Create Hyperlink dialog box is displayed. If you let go of the mouse button too soon, you can always adjust the hotspot region after completing the remaining steps.

  6. In the Create Hyperlink dialog box, select the file interest.htm, then click OK.

    The text "Interests" on the blackboard image is now a hyperlink.

    Cc750835.les211(en-us,TechNet.10).gif

FrontPage Tip

Hotspots Can Be Resized If you want to adjust the size and position of the hotspot, move the mouse over the hotspot borders until you see the resize pointer (a double-headed arrow). You can then click and drag the hotspot borders into position. The associated hyperlink will be retained.

Now experiment on your own and create additional image map hyperlinks from the remaining two lines of text on the blackboard image.

Create a hyperlink from the words "Photo Album" to the page called photo.htm, and a hyperlink from the word "Favorites" to the page called favorite.htm.

Later in this lesson, you will view the Tutorial Practice page in a Web browser, where you will be able to test the image map.

Before continuing, it is a good idea to save your work. You have imported the blackbrd.gif image from your local file system onto a page. FrontPage will save this image to the FrontPage Web so it will be available later when the Personal Web is published in Lesson 3.

To Save the Current Page and Image

les212

Save button

  1. On the FrontPage Editor's toolbar, click the Save button.

  2. In the Save Embedded Files dialog box, click OK to save the image you inserted.

    The blackboard image you have placed on your current page is added to your FrontPage Web and the current page is saved

Placing Text over Images

In the FrontPage Editor, you can place formatted text over any image. This feature is useful for creating graphical banners, labeling image buttons, and creating text on image maps.

To Place Text on an Image

  1. On the Tutorial Practice page, place the insertion point after the blackboard image, then press the ENTER key twice.

  2. On the FrontPage Editor's Insert menu, choose Image.

    The Image dialog box is displayed.

  3. In the Image dialog box, select the file sunset.gif, then click OK.

    The image sunset.gif was already added to your Personal Web in Lesson 1, so you can insert it directly from your current web.

  4. Next, click the sunset image you just inserted to activate the image toolbar.

    les213

    Text button

  5. On the image toolbar, click the Text button.

    A text field with file handles and a flashing cursor appears over the center of the image.

  6. Type the word Sunset.

    The word appears centered in the text field. The default text color is black and the default font formatting is 12-point Arial Bold.

The text color is much too dark for the image you inserted. The next step is to make the text stand out from the image.

To Format Image Text

  1. Double-click the word Sunset to select it.

    les214

    Text Color button

  2. On the format toolbar, click the Text Color button.

    The Color dialog box appears.

  3. Click on a bright color for the image text, such as white, and then click OK.

  4. On the Format menu, choose Font.

    The Font dialog box appears.

  5. In the Font field, choose Times New Roman.

  6. In the Font Style field, choose Bold.

  7. In the Size field, choose 4 (14 pt), then click OK to apply the formatting changes.

  8. To make the larger size text fit the text box, click and drag a corner size handle until the word "Sunset" is fully displayed.

You can move the text box back to the center (or any part) of the image by clicking and dragging the word with the mouse button.

Cc750835.les215(en-us,TechNet.10).gif

When you place formatted text over an image on the current page, FrontPage does not modify the original image. When you save the page, FrontPage stores a combination of the image and the image text in a separate, new image file.

Provided that you previously allowed FrontPage to save the original image to your FrontPage Web (by clicking Yes in the Save Embedded Files dialog box), you can revert to it at a later time.

Before continuing, it is a good idea to save your work.

To Save the Current Page

les216

Save button

  • On the FrontPage Editor's File menu, choose Save.

The page is saved to the current FrontPage web.

Creating a Table

Tables are a collection of cells that are organized in rows and columns. You can use tables to organize and group information systematically, or you can use tables with invisible borders to organize the layout on a page.

To Create a Table

  1. On the Tutorial Practice page, place the insertion point after the sunset image, then press the ENTER key twice to create some space.

  2. On the Table menu, choose Insert Table.

    The Insert Table dialog box is displayed.

  3. In the Rows field, enter 6.

  4. In the Columns field, enter 2.

  5. In the Border Size field, enter 0.

    You will keep the default settings for the Alignment, Cell Padding, Cell Spacing and Specify Width values. You can always go back and change these settings at a later time.

  6. Click OK.

    FrontPage creates a table with six rows and two columns.

FrontPage Tip

Table Grid vs. Table Borders When inserting a table with a border size of zero, the FrontPage Editor displays a table grid to help you design the layout of the table. This grid is only a guide; when the page is displayed in a Web browser, the table grid will not be shown.

If you want the table to appear with borders, right-click anywhere within the table in the FrontPage Editor and choose Table Properties. In this dialog box, you can increase the Border Size value

Entering Text in a Table

You enter text in a table by typing directly in the cells. For this exercise, you will use the table you just inserted to create a simple file description list of the pages that are part of your Personal Web.

To Add Text in a Table

  1. Click in the top left cell of the table and type the title of the first column:

    Web Page File Names

  2. Next, type the file names of the five pages in your Personal Web in the remaining cells in the left column. Use the DOWN ARROW key to move down to the next cell after you enter each filename.

    default.htm

    interest.htm

    photo.htm

    favorite.htm

    tutorial.htm

    Cc750835.les217(en-us,TechNet.10).gif

  3. Click in the top right cell of the table and type the title of the second column:

    Page Descriptions

  4. Next, type a brief description next to each of the five file names. Use the DOWN ARROW key to move down to the next cell after you enter each file description.

    The home page of the Personal Web

    A list of my personal interests

    Some of the cool pictures that came with FrontPage

    A list of my favorite World Wide Web sites

    The page I am practicing my tutorial lesson on

  5. Using the mouse, click and drag over "Web Page File Names" and "Page Descriptions" to select the top table row.

    les218

    Bold button

  6. On the format toolbar, click the Bold button.

    The column headers are formatted with bold type. This makes it easier to distinguish the column labels from the other cells.

  7. Next, move the mouse pointer over the middle of the table, where the vertical borders of the left and right columns meet.

    The pointer changes to a double-headed horizontal arrow.

  8. Click and hold the left mouse button and drag the column border to the left until the two columns are closer together on the page.

Dynamic table resizing is easy to do with FrontPage and works with rows as well as with columns.

Your table should now look like this:

Cc750835.les219(en-us,TechNet.10).gif

To Save the Current Page

les220

Save button

  • On the FrontPage Editor's File menu, choose Save.

The page is saved to the current FrontPage web

Creating Lists

Another way to group and organize information is by using lists. Web pages can have two types of lists—numbered and bulleted. Numbered lists contain text preceded by numbered steps, just like the procedures in this tutorial. Bulleted lists contain text preceded by bullets or image bullets. You use a bulleted list if the list items need not be listed in any particular order.

In Lesson 1, you created bulleted lists on the "Interests" and "Favorites" pages. You will now create a numbered list.

To Create a Numbered List

  1. On the Tutorial Practice page, place the cursor after the text "The page I am practicing my tutorial lesson on" in the last table cell, then press CTRL+ENTER.

    The key combination CTRL+ENTER creates a new line below the table.

  2. Press the ENTER key to create some space below the table.

  3. Select "Heading 2" from the Change Style drop-down list on the FrontPage Editor's toolbar.

  4. Next, type Steps for using FrontPage on this line and press ENTER.

    You have created a Heading 2 text paragraph.

    les221

    Numbered List button

  5. Click the Numbered List button on the toolbar.

    FrontPage adds a new line with a "1." at the beginning.

  6. Type Launch the FrontPage Explorer and press the ENTER key.

    FrontPage adds a new line with a "2." at the beginning.

    Cc750835.les222(en-us,TechNet.10).gif

  7. Next, type the remaining items for the list, and press the ENTER key after each one:

    Create or open a FrontPage web

    Launch the FrontPage Editor

    Create or edit pages in your FrontPage web

    Save your changes

    Publish the FrontPage web to your Web site

  8. Press the ENTER key twice after typing the last item.

Pressing ENTER twice ends the current list.

The list you created should now look like this:

Cc750835.les223(en-us,TechNet.10).gif

To Save the Current Page

les224

Save button

  • On the FrontPage Editor's File menu, choose Save.

The page is saved to the current FrontPage web.

Adding an Active Page Element

With FrontPage, you can add Active Page elements such as hover buttons, marquees, search forms, page counters, and video clips. These elements can make your pages more interesting and useful.

In this exercise, you will add a marquee to your current page. A marquee is a region on a page that displays scrolling text when the page is viewed in a Web browser, such as Microsoft Internet Explorer. Marquees are a fun way to create moving text and headlines on your home page. They can be used to draw attention to news and events.

To Add a Marquee

  1. On the Tutorial Practice page, press the ENTER key twice to create some space below the numbered list.

  2. Select "Heading 1" from the Change Style drop-down list on the FrontPage Editor's toolbar.

  3. Type Welcome to my Personal Web!

  4. Select this text and click the Bold button on the format toolbar.

    Formatting of marquee text must occur before you insert a marquee region. If the current FrontPage web has a theme applied, text color, size, and font may change dynamically.

  5. On the Insert menu, point to Active Elements, then click Marquee.

    The Marquee Properties dialog box is displayed. In this dialog box, you can adjust several marquee properties, including the speed and direction of movement, as well as marquee size and background color.

  6. On the Background Color drop-down list, choose Navy.

  7. Click OK.

FrontPage adds a marquee region to the current page.

Cc750835.les225(en-us,TechNet.10).gif

Later in this lesson, you will view the Tutorial Practice page in a Web browser, where you will be able to view the marquee you created here.

To Save the Current Page

les226

Save button

  • On the FrontPage Editor's File menu, choose Save.

The page is saved to the current FrontPage web.

Adding a Feedback Form

In Lesson 1, you learned how to make an e-mail hyperlink from text. Clicking this hyperlink will launch an e-mail form on the user's computer.

Another way of collecting feedback on the World Wide Web is to place a feedback form on your page. This lets people who visit your page send you feedback without the need to open their e-mail application.

To Add a Feedback Form to Your Page

  1. On the Tutorial Practice page, press the ENTER key to create some space below the marquee.

  2. Type Please send me feedback about my Web site:

  3. On the Insert menu, point to Form Field, then click Scrolling Text Box.

FrontPage inserts a form containing a Scrolling Text Box and Submit and Reset push buttons.

Cc750835.les227(en-us,TechNet.10).gif

The default properties of a feedback form specify that the submitted feedback (the form results) be saved to a default location in your FrontPage Web. In the next section, you will view the Tutorial Practice page in a Web browser, where you will be able to test the feedback form and view the saved results file.

To Save the Current Page

les228

Save button

  • On the FrontPage Editor's File menu, choose Save.

The page is saved to the current FrontPage web.

Viewing the Tutorial Page in a Web Browser

Now it is time to look at how the Tutorial Practice page you created will look in a Web browser.

To Preview a Page in the Web Browser

les229

Preview in Browser button

  1. On the FrontPage Editor's toolbar, click the Preview in Browser button.

    The Tutorial Practice page is displayed in your default Web browser.

  2. Scroll down to locate the sentence "Please send me feedback about my Web site!" and note the word "feedback."

    Cc750835.les230(en-us,TechNet.10).gif

    The word "feedback" is displayed in color and with underline formatting. As soon as you move the mouse over the word, the pointer changes to a hand. This indicates a hyperlink you can click on.

    If you have a properly configured e-mail application installed on your computer, clicking the word will open a new e-mail message window, with your e-mail address filled in as the recipient. Type a message into the message form and send it. If no message window appears, cancel the operation by acknowledging any notifications that may appear.

  3. Next, scroll down to the blackboard image map and click on the words "Interests."

    The hyperlink you created from the image map finds and displays the page describing your personal interests.

    Cc750835.les231(en-us,TechNet.10).gif

  4. Click your Web browser's Back button to return to the Tutorial Practice page.

    If you created additional hyperlinks from the words "Photo Album" and "Favorites," repeat step 3 and 4 above by clicking on the appropriate image map hyperlink. In each case, click your Web browser's Back button to return to the Tutorial Practice page.

  5. Scroll down to the table you created.

    Note that the file names and their descriptions are properly aligned on the page. Your Web browser does not display the table grid that you saw in the FrontPage Editor while editing the table. This is because you inserted a table with a Border Size of zero.

    Cc750835.les232(en-us,TechNet.10).gif

  6. Scroll down past the marquee and locate the second occurrence of the sentence "Please send me feedback about my Web site!" (located above the Scrolling Text Box and the Submit and Reset push buttons).

    You will now test this feedback form by entering some text and submitting the comments to a form results file.

  7. Click in the Scrolling Text Box form field to activate the insertion point.

  8. Type Wow, this is really neat!

    Cc750835.les233(en-us,TechNet.10).gif

    If you make a mistake while typing, the Reset push button clears the text in the Scrolling Text Box form field. You can then start over and enter new text.

    Clicking the Submit push button processes the text in the form field and at once sends it to the default results file. You can specify the path and file name of this results file in the Form Properties dialog box.

  9. To send your comments, click the Submit push button.

    Note: Depending on which Web browser you are using, a security alert may be displayed, cautioning about sending information over an unsecured connection. This is nothing to be alarmed about, as long as you haven't entered any personal information such as credit card numbers, your telephone number, or your home address into the form field. To finish sending the comments from the Feedback form, simply acknowledge the warning message.

    After the feedback form is submitted, your Web browser will display a Form Confirmation page, advising you that the information was sent successfully.

    Cc750835.les234(en-us,TechNet.10).gif

  10. On the Form Confirmation page, click Return to the Form.

"Return to the form" is a hyperlink which will take you back to the Tutorial Practice page in your Web browser.

Viewing the Feedback Results File

The text you entered in the feedback form while previewing the Tutorial Practice page in your Web browser is stored in a file that is added to your FrontPage web. By default, this file is located in a hidden folder that cannot be accessed by a Web browser. No one but the administrator or author of the FrontPage Web can view this information.

To View the Feedback Results File

  1. On your keyboard, press ALT+TAB (or click the FrontPage Explorer tile on the Windows task bar) to switch back to the FrontPage Explorer.

  2. On the FrontPage Explorer's View menu, choose Refresh.

    The Refresh command reloads the current FrontPage Web. It is used to update the current display of files and pages that may have been added or updated while working in the FrontPage Editor.

  3. Click the Folders button on the Views bar.

  4. In the All Folders pane, click the _private folder to select it.

    By default, text submitted through the feedback form that you placed on your page in this lesson is stored in the _private folder in your FrontPage Web.

    Next, double-click the file form_results.txt file shown in the Contents pane.

  5. The file is opened and displayed in your default text editor, where you can see the text you typed into the form from the Web browser ("Wow, this is really neat!").

  6. Close the text editor.

Finishing Lesson 2

You have successfully completed the second lesson of the FrontPage tutorial. To learn more about these and other features after you complete the third and final tutorial lesson, be sure to read the corresponding chapters in Part 3 of this manual.

To Exit the FrontPage Editor

  • On the FrontPage Editor's File menu, choose Exit.

The FrontPage Editor closes.

You can continue with Lesson 3 now, or close Microsoft FrontPage and complete the FrontPage tutorial at a later time.

To Exit the FrontPage Explorer

  • On the FrontPage Explorer's File menu, choose Exit.

The FrontPage Explorer closes.