Whether you’re at work or home, a Web site is one of the easiest ways to distribute information. For example, in a large corporation, each department could have its own Web site on an intranet to let the rest of the company know what’s going on. With Microsoft® FrontPage® 2002, anyone can build professional, attractive Web pages and Web sites.

The best way to get acquainted with FrontPage 2002 is through hands-on practice.

In the following two lessons, you’ll build a Web site that provides information about a fictional sporting goods store called Championzone. There is a prepared folder of files for you to practice with while you create this Web site. These practice files were installed in the FPTutor2002 folder on your hard disk along with this tutorial.

The following image shows the Web site you will create using this Tutorial.

Before You Begin

Overview

· The tasks in this tutorial require that your computer meet the minimum system requirements for FrontPage 2002. For more information, please visit the FrontPage Web site, at http://www.microsoft.com/frontpage

· If you haven’t already installed FrontPage, you’ll need to do so before you begin this tutorial.

· The pages you create will more closely match the screen examples in this tutorial if you use a standard monitor set to a minimum screen resolution of 800x600. If you are using a different resolution, the pages you create may look slightly different from the examples pictured in the tutorial.

If you have Web server software installed

The Web site you will create while taking the FrontPage Tutorial will be saved to a folder on your local hard disk. If you are running Web server software such as Microsoft Internet Information Services (IIS), you can either accept the default destination for the tutorial Web site, or choose to save it directly on your Web server.

FrontPage and Microsoft Internet Explorer

To get the most out of FrontPage, installing Microsoft Internet Explorer is recommended. When Internet Explorer is installed, FrontPage provides enhanced page and themes preview. Other Web browsers currently do not support these additional features.

Tip You can use more than one Web browser. If you already have another Web browser installed on your computer, you can still safely install Microsoft Internet Explorer. When designing Web pages, you will find it is actually very beneficial to test your work in more than one type of Web browser before you publish your Web site.

If you are using Windows NT^® Workstation 4.0 or Windows NT Server 4.0

The lessons in this tutorial are designed to be completed using FrontPage 2002 on a computer running Microsoft Windows 98, Microsoft Windows 2000, or Microsoft Windows Millennium Edition. If you are using Windows NT, you may notice minor differences in the user interface and the way folders are referenced.

· For example, the My Documents folder in Windows 2000 is called Personal in Windows NT. These differences do not affect the functionality of FrontPage, nor do they prevent you from successfully completing this tutorial.

What You Will Learn

This tutorial is divided into two lessons:

Lesson 1: Creating Web Pages

This lesson teaches you how to work with text and hyperlinks; add pictures, animations, clip art, and files; format lists; position objects; design a feedback form; make a photo gallery; design a Web site structure; and create a Web site.

Lesson 2: Enhancing and Publishing a Web Site

In this lesson, you will learn how to set up navigation, add shared borders and link bars to pages, insert page banners, apply and customize a graphical theme, check spelling and replace text across the Web site, sort and organize files and folders, view Web site reports, and preview and publish the finished Web site.

Learning More About FrontPage

Using the Answer Wizard

FrontPage includes a comprehensive Help system that contains conceptual overviews of key features, step-by-step procedures, and complete, context-sensitive Help. It contains the Answer Wizard, which you can use to ask questions about features in your own words.

To quickly access the Answer Wizard:

1. Locate the Ask a Question box on the menu bar.

2. Type a question in your own words.

For example, type “How do I check the spelling on my page?”

3. Press ENTER.

Note Not all languages support the Ask a Question box.

Using the Glossary

While taking the FrontPage Tutorial, you may come across terms that are new to you. These terms might appear in the FrontPage user interface, or they may be used in the Internet community. To look up the definitions of words you are unfamiliar with, use the glossary in the Online Help system in FrontPage 2002.

To locate the glossary, do the following:

1. In the Ask a Question box, type the word FrontPage.

Important If you don’t type a word or phrase that is specific to FrontPage, the online Help system for Microsoft Office XP might be displayed instead of the Help system for FrontPage.

2. Press ENTER.

3. In the list of displayed items matching the search term, click the first item.

4. Click the Show icon on the Help toolbar.

5. The hidden pane showing the Contents, Answer Wizard, and Index tabs is revealed.

6. Click the Contents tab.

If there is a plus sign (+) next to the Microsoft FrontPage Help book, that means the contents of that list are “collapsed,” or hidden. If you see a plus sign, you can expand the list.

7. Click the Plus sign to the left of the book icon.

8. At the bottom of the list of topics that appears, click the plus sign next to the list item titled Glossary.

In the expanded list under Glossary is a single topic, also titled Glossary.

9. Click the topic titled Glossary .

In the right pane, an alphabetical list of terms appears.

10. Scroll through the list to find the term you want to know.

11. Press the Close button when you’re done.

Lesson 1 Creating Web Pages

In this lesson, you’ll create a Web site that provides information about a fictional sporting goods store called Championzone. The site will contain merchandise information, an online photo gallery, and a list of links to other sites.

There is a prepared folder of various files for you to practice with while you create this Web site. The folder is located at <drive>:\FPTutor2002, where <drive> represents the hard disk where you installed the tutorial. When you have completed the lessons, you should have a good understanding of FrontPage and its features.

Overview

You will learn how to:

· Open FrontPage.

· Create Web pages.

· Work with text and hyperlinks.

· Insert pictures and files.

· Format lists.

· Position objects.

· Add a feedback form.

· Design a photo gallery.

· Create a Web site structure.

· Save your work.

Opening FrontPage

To run Microsoft FrontPage, do the following:

· On the Windows taskbar, click the Start button , point to Programs, and then click Microsoft FrontPage.

If this is the first time you’ve used FrontPage, the program opens and displays a blank page ready for editing.

Notes

o If FrontPage has been used to edit another Web site, it will open the last Web site automatically.

o To close a Web site: on the File menu, click Close Web.

Workspace Overview

FrontPage 2002 has an integrated interface that helps you create and edit Web pages as well as manage entire Web sites within one application. All toolbars and menu behaviors are consistent with Microsoft Office XP programs, so toolbars and menus can be fully customized. You can also use convenient keyboard shortcuts to accelerate common tasks such as opening Web sites and pages, printing, and many other commands.

The graphic and table below highlight some of the commonly used elements of the FrontPage 2002 interface.

Item	Description
Page Tab	An easy way to select the page you want when you have several pages open.
Title Bar	Displays the name of the current page, and its location in your Web site.
Menu Bar	Contains menus like File, Edit, View, and Insert, and is the starting point for many of the tasks you will undertake in FrontPage.
Ask a Question Box	To find more information about a procedure in FrontPage, type a question in the Ask a Question box, which accesses the online Help system.
Close Page	This button closes the page that is currently in view.
Scroll Bars	These let you move the page so a different portion is displayed.
Status Bar	Represents the state of a current task. For instance, the Status Bar may display the text “Retrieving Index.htm” when opening the home page, or show the destination of a hyperlink when you move your mouse cursor over a link in the Normal pane.
Page View Panes	These represent the different panes of the workspace. For example, the Normal pane is where you will do most of your work in this tutorial. Other panes are the HTML pane and the Preview pane.
Progress Indicator	Shows the status of a current action.
Estimated Download Time	Gives you an idea of how long it will take a user to view your page in a Web browser.
Task Pane	A pane within Office XP programs that provide commonly used commands. Its location and small size allow you to use these commands while still working on your files.
Standard and Formatting toolbars	Displayed by default. They provide easy access to the commands you will use most often when working in FrontPage.
Views bar	What you see in the main program window depends on the currently selected view. The icons on the Views bar provide different ways of looking at the information on your page or in your Web site.

Tip You can customize your workspace by displaying additional toolbars or changing the buttons they contain. On the View menu, point to Toolbars, and then select the toolbars you want to display. To add or remove buttons from toolbars, click Customize.

Getting Started

For this tutorial, you’ll create a Web site with four pages, on which you will tell site visitors about a fictional sporting goods store. If the task of putting together a whole site seems daunting, don’t worry. You can gradually add information and other pages to your Web site. Unlike printed letters, memos, and word-processing documents, Web sites can be changed or updated even after they’ve been published. You can add, delete, and modify text, pictures, and entire pages at any time.

With FrontPage, you can get started by typing text on the blank document that Page view provides. For this lesson, we’ll begin with the home page — the default document that greets your visitors when they first navigate to your Web site.

To create a home page

The home page is the front door to your Web site. It provides information about the content or subject matter of your site in order to spark interest in your site visitors. The home page also contains the links to the other pages in your Web site.

1. On the blank page in Page view, type Welcome to Championzone! and then press ENTER.

Just like in a word processor, pressing ENTER puts the cursor on a new line.

2. Next, type the sentence Take a look around to learn more about our sporting goods, see pictures of our merchandise, and look at our Sports Photo Gallery.

3. Press ENTER.

Most of the content for your Championzone site is already created. When you’re ready to make your own Web site, FrontPage lets you import any of your existing documents directly onto your Web pages without having to retype anything.

Your page should now look like this:

Next, you will add a picture to the Web page. Pictures can be scanned photographs, drawings, or computer graphics created in a drawing or image-editing program.

For this example, the picture you’ll insert is a graphic of the FrontPage logo:

To insert a graphic on the home page

1. On the Insert menu, point to Picture, and then click From File.

FrontPage displays the Picture dialog box.

Note The picture file you’ll insert is located in the Tutorial folder that was installed with the FrontPage program files.

2. Next to Look In, select the hard disk where you installed the tutorial.

You most likely installed the tutorial on your C or D drive.

3. Navigate to the folder named FPTutor2002 by double-clicking each folder in this path until the Look in box displays FPTutor2002.

You will see several files in the FPTutor2002 folder. By default, FrontPage searches for picture files when you are inserting a picture.

4. Click the file named frontpage, and then click Insert.

FrontPage inserts the selected picture file on the current page. It is a graphic that your site visitors will be able to click to learn more about FrontPage 2002.

5. Press ENTER to create a new line.

Your page should now look like this:

Merely inserting a picture of a button doesn’t mean that anything will happen when someone clicks it in a Web browser. To make a picture or a word clickable, it must have a hyperlink associated with it.

A hyperlink is a pointer from text or from a picture to another page or file on the World Wide Web or on an intranet. On the World Wide Web, hyperlinks are the primary way to navigate between pages and other Web sites.

In the next steps, you’ll create a hyperlink from the graphic you just placed on the home page.

To create a hyperlink from a picture

1. On the home page, click the picture of the FrontPage 2002 button you inserted.

When a picture is selected, it is shown with file handles — eight small squares around the outline of the picture. These can be used to resize a picture or change its appearance. When a picture is selected, FrontPage also displays the Pictures toolbar. The Pictures toolbar provides picture editing and formatting tools, which you’ll learn about later.

Note If the Pictures toolbar doesn’t appear automatically, on View menu, point to Toolbars, and then click Pictures.

2. On the Insert menu, click Hyperlink.

FrontPage displays the Insert Hyperlink dialog box. Here, you specify the target of the hyperlink you are creating.

3. In the Address box, type www.microsoft.com/frontpage.

Notes

o Notice that FrontPage automatically adds an HTTP prefix. HTTP stands for Hypertext Transfer Protocol. This is the Internet protocol that allows World Wide Web browsers to retrieve information from Web servers.

o Because you’re creating a hyperlink from a button that is labeled Microsoft FrontPage, you’ll link to the FrontPage home page on the World Wide Web. When site visitors click the button in their Web browser, they will be taken to the Microsoft FrontPage home page.

4. Click OK to finish creating the hyperlink.

You may notice that the appearance of the button itself hasn’t changed. Unlike text hyperlinks, which are generally blue and underlined, picture hyperlinks do not automatically indicate the presence of the hyperlink. This is intentional, because changing the appearance of the picture could obscure the intended page design in some cases.

You can quickly check the existence of a hyperlink from a picture by moving the mouse pointer over the picture. If a hyperlink is present, FrontPage displays the URL of the hyperlink in the status bar.

Next, you’ll insert a picture of the Championzone logo at the top of the page.

Insert a picture on the home page

1. Press CTRL+HOME to quickly jump to the beginning of the current page.

Tip The key combination CTRL+HOME places the cursor in the home position — the top left margin on the current page.

2. On the Insert menu, point to Picture, and then click From File.

This time, FrontPage immediately displays the contents of the FPTutor2002 folder. For the duration of each work session, FrontPage remembers the names and locations of the folders you’ve already navigated to.

3. Double-click the file named czlogo.

FrontPage inserts the graphic on the current page.

4. Press ENTER to move the welcome text to the line below.

Your page should now look like this:

To finish the home page, you’ll center the text and pictures on it.

To center elements on a page

1. On the Edit menu, click Select All.

FrontPage selects everything on the current page.

2. On the Format menu, click Paragraph.

FrontPage displays the Paragraph dialog box. Here, you can change the alignment of selected elements, and apply indentation and custom spacing for text and graphics.

3. In the Alignment list, click Center, and then click OK.

FrontPage centers the text and the pictures on the home page.

4. Click anywhere on the page to deselect all page elements.

To save the current page

Now that you’ve invested some time and completed a number of steps, it’s a good idea to save your page.

1. On the File menu, click Save As.

FrontPage displays the Save As dialog box. Here, you can specify the location for the current page, and review or change the page title, the file name, and the file type.

2. In the Save As dialog box, click the My Documents icon on the vertical places bar.

The contents of your My Documents folder are displayed. If no files are displayed in the file list, then you currently do not have any other Web pages stored here.

3. Next to the Page title field, click the Change title button.

FrontPage displays the Set Page Title dialog box. Here, the default page title is based on the first line of text on the current page. A title identifies the contents of a page when it is displayed in a Web browser. For this tutorial, you’ll change the page title to something more descriptive.

4. In the Set Page title box, type Home Page and then click OK.

5. In the File name box, change the suggested text to homepage, and then click Save.

FrontPage saves the current page.

Page View Options

While creating the home page, you’ve worked exclusively in normal Page view, but there are three different ways you can choose to look at the current page.

To display HTML tags on the current page

· In Page view , click Reveal Tags on the View menu.

· FrontPage displays graphical representations of standard HTML tags for the current page. This display is useful for people who want to know where HTML tags are placed while they design their pages.

· To hide the tags, click Reveal Tags on the View menu a second time.

To display the HTML of the current page

· In Page view, click the HTML button at the bottom of the page.

This causes FrontPage to display the HTML code that it has created so far while you were designing the home page. Web browsers decode these instructions to display the page. The HTML pane is intended for experienced Web developers and page designers who want to customize the HTML that FrontPage creates.

· If you want to set your preferences for the way FrontPage will generate HTML code, click Page Options on the Tools menu, and then click the HTML Source tab. If you’re not experienced in HTML, you don’t need to make any changes here. Click Cancel to close the Page Options dialog box.

· Click the Normal button at the bottom of the page to return to the Normal pane.

Tip While working in the HTML pane, you can use many menu commands and toolbar buttons just like in the Normal pane.

To preview the current page

· Click the Preview button at the bottom of the page.

Note If you do not have Microsoft Internet Explorer installed on your computer, the Preview tab will not be displayed, and you will not be able to preview your pages this way. For more information, see Before You Begin.

Looking at your page in the Preview pane is a quick and convenient way to see how certain elements — including animations, movie clips, tables, and lists — will appear in a Web browser.

· Click the Normal button at the bottom of the page to return to the Normal pane once again.

Creating a Web site with FrontPage

A Web site is the collection of a home page and its associated pages, graphics, documents, multimedia, and other files. Web sites are stored on a Web server or on a computer’s hard drive. FrontPage-based Web sites also contain files that support FrontPage-specific functionality and allow Web sites to be opened, copied, edited, published, and administered with FrontPage.

In the previous procedures, you learned how easy it is to create a Web page with FrontPage. As soon as you start the application, you can start typing and editing, then save the document to your hard drive — much like a word processor. While you can certainly choose to put together an entire Web site like this, it can take a lot of manual work and attention to detail to maintain hyperlinks and source files, and keep your content up to date.

When you save your pages to a Web site, FrontPage can automatically manage and repair hyperlinks, organize files and folders, maintain dynamic link bars, check spelling across all pages in the Web site, and generate reports that point out problems with your pages and files.

To create a new Web site

1. On the File menu, click Close to close the current page.

2. On the File menu, point to New, and then click Page or Web.

FrontPage displays the New Page or Web task pane. Here, you can choose from several Web site templates and wizards, specify where you want to save your Web site, and specify what you want to call it.

3. Under New from template, click Web Site Templates.

4. Click One Page Web, and then press TAB.

Pressing the TAB key moves the selection to the field where you specify the name and location of the new Web site.

5. In the Specify the location of the new Web box, change the suggested name to <drive>:\My Documents\My Webs\Championzone, and then click OK.

Notes

· <drive> represents your local hard disk, which is usually C:\ or D:\.

· FrontPage creates a new Web site named “Championzone,” and displays its name and location in the title bar at the top of the FrontPage program window.

· Because you’ll be working with several files in your Web site, FrontPage also displays the Folder List, where you can see the files and folders in your current Web site, similar to files and folders in Microsoft Windows Explorer. You’ll learn how to use the Folder List later, in Lesson 2.

· The lessons in this tutorial are designed to be completed using FrontPage 2002 on a computer running Microsoft Windows 98, Microsoft Windows 2000, or Microsoft Windows Millennium Edition. Depending on the operating system you’re using, you may notice minor differences in the user interface and the way folders are referenced.

6. If the Folder List is not showing, do the following:

· On the standard toolbar, click the arrow to the right of Toggle Pane , and then click Folder List.

7. Click the Navigation icon on the Views bar.

When you have a Web site open, the icons on the Views bar let you look at the information in your Web site in different ways.

Navigation view shows a graphical representation of the structure of your Web site. Because you created a one-page Web site, FrontPage has automatically designated it as the Web site’s home page — indicated with a small icon of a house .

While in Navigation view, FrontPage also displays the Navigation toolbar. You can drag the Navigation toolbar anywhere on your screen.

Next to the Views bar, FrontPage displays the optional Folder List, just like it did in Page view.

In a moment, you’ll replace the new, empty home page with the one you created earlier in this lesson. First, however, you’ll create the structure for the other pages in the Championzone Web site.

Creating a Web site structure in Navigation view enables features such as page banners and navigation bars that are automatically updated whenever you change, add, or remove pages in your Web site. This makes it easy to change things around. You’ll learn more about these features later.

To create a navigation structure

1. In Navigation view, click New Page on the standard toolbar.

FrontPage creates a new page labeled “New Page 1” below the home page. Pages in Navigation view aren’t the actual pages in the current Web site; they are placeholders that point to them. This way, you can easily experiment with the structure and organization of a Web site before you create its content.

2. To quickly create the remaining pages, hold down CTRL on your keyboard and press N three times.

CTRL+N is a keyboard shortcut for the New Page command. FrontPage supports common Windows and Microsoft Office XP shortcut keys that help speed up repetitive tasks. The pages you just created appear below the home page, because the home page was selected when you issued the command.

Note In Navigation view, the selected page is blue, while others are yellow.

3. With the home page still selected, press TAB.

Pressing the TAB key moves the selection to the next page in the structure and activates the page title for editing. It also selects the text representing the name of the page, so you can easily type a new name.

4. Type About Us, and then press TAB.

About Us is the page title of one of the pages you’ll create for the Championzone Web site.

5. Repeat the previous step with the other pages, renaming New Page 2 as Products, New Page 3 as Photo Gallery, and New Page 4 as Links.

6. Pressing ENTER after editing a page title saves the new title without selecting another page. To deselect all pages, click anywhere outside the pages in Navigation view.

Your screen should now look like this:

You can quickly open a page in Page view for editing by double-clicking the page in Navigation view or in the Folder List (pages will not show up in the Folder List until you save them).

Next, you’ll replace the blank home page FrontPage created from the Web site template by importing the home page you created and saved to your My Documents folder earlier in this lesson.

To import a page into a Web site

1. In Navigation view, double-click index.htm to open it in Page view. FrontPage opens the blank home page that was created from the Web site template.

2. On the Insert menu, click File.

FrontPage displays the Select File dialog box. Here, you can insert Web pages, word-processing documents, text files, and other documents on the current page.

3. In the Select File dialog box, navigate to the My Documents folder if it’s not already showing.

4. Click the file named homepage, and then click Open.

FrontPage imports your previously saved home page to the current page.

5. To save the current page to your Web site, click Save on the standard toolbar.

FrontPage displays the Save Embedded Files dialog box. Here, you can preview, rename, save, and update embedded files that the current Web site will use.

When you previously saved this page to the My Documents folder on your computer, FrontPage left the two pictures you inserted in their original location — the FrontPage Tutorial folder. The home page merely pointed to the picture files without copying them to the same folder the page was saved to. To keep Web sites portable, however, you should always keep associated pages and files as part of the Web site that uses them.

6. In the Save Embedded Files dialog box, click OK.

FrontPage saves the home page as Index.htm and saves copies of the embedded picture files to the current Web site.

Tip Home pages have reserved names. FrontPage will automatically name home pages one of two reserved names that you should not change unless you need to. If you are running local Web server software such as Internet Information Services (IIS) on your computer, the home page will be named Default.htm. If you do not have a local Web server installed, or when you save a page to your local hard drive instead of a Web site on a Web server, the home page will be named Index.htm.

These names are reserved for home pages because Web browsers will automatically look for them when a site visitor types the URL to your Web site without a specific page reference.

Creating Web site Content

Now that the home page is part of the current Web site, you will create the content for the other pages in the Championzone Web site.

Edit the About Us page

1. Click the Navigation icon on the Views bar to switch back to Navigation view.

Notes

o The Folder List now shows the two picture files you saved to the current Web site. The file Index.htm is the new home page. You can later discard the remaining copy of the home page from your My Documents folder.

o In the Folder List, the file names of the other pages were automatically derived from the page titles you typed into the pages in Navigation view. For this tutorial, we won’t change the names.

2. Double-click the About Us page to open it in Page view.

This page will provide some background about your fictional company for site visitors. For this tutorial, we have provided this text for you, so you can simply insert it on the page without having to type it.

3. On the Insert menu, click File.

4. In the Select File dialog box, navigate to the folder named FPTutor2002 by double-clicking each folder in this path until the Look in box displays FPTutor2002.

5. Click the Files of type list and click Text Files (*.txt) to display only text files.

FrontPage displays one file, called About. There is only one text file in this tutorial.

6. Click About in the list, and then click Open.

The text you are inserting isn’t saved in HTML format, so FrontPage displays the Convert Text dialog box to let you control how the text will be imported.

7. In the Convert Text dialog box, click Normal paragraphs with line breaks, and then click OK.

FrontPage imports the text file and places it at the insertion point on the About Us page.

8. On the standard toolbar, click Save to save changes to the About Us page.

9. Close the Folder List.

Next, you will prepare the page titled Products. It will tell site visitors about sporting goods sold by Championzone. On this page, you will also provide a feedback form that collects ideas from people browsing the Championzone Web site.

To edit the Products page

1. On the standard toolbar, click the arrow to the right of Toggle Pane , and then click Folder List.

2. Double-click Products.htm in the Folder List to open the page in Page view.

3. Click the arrow to the right of Toggle Pane, and then click Folder List to hide the Folder List.

4. On the Insert menu, click File.

5. In the Select File dialog box, click the Files of type list, and then click Rich Text Format (*.rtf) to display the formatted text file in the Tutorial folder.

FrontPage displays the file matching the criteria.

6. Double-click the file productinfo.

Because this type of file contains formatting, FrontPage automatically converts the formatted text to HTML format and inserts it on the page.

7. On the toolbar, click the Save button to save changes to the Products page.

Designing a Page

The About Us page will inherit its formatting from a graphical theme that you will apply to the Championzone Web site later, in Lesson 2. The Products page, however, requires some more design work.

To help the reader differentiate the paragraph headings, list of products, and event details that the text on this page talks about, you will add some pictures, format paragraph styles, and create a bulleted list.

To create a bulleted list

1. With the Products page still displayed in Page view, find the words “Team Bag.”

If the entire product list is not visible, use the scrollbar to bring the entire list into view.

The list begins with “Team Bag” and ends with “Goal Netting.”

2. Click just to the left of the letter T in “Team Bag,” hold down SHIFT, click just after the word “Netting,” and then release SHIFT. This will select the entire list.

3. On the Formatting toolbar, click the Bullets button.

FrontPage converts the selected text to a bulleted list.

4. Click anywhere on the page to deselect the list.

Your page should now look like this:

You can also create numbered lists with FrontPage. When you add new items to a numbered list, FrontPage automatically numbers them sequentially. You can add to bulleted and numbered lists by pressing ENTER after an item in the list. To end a list, press ENTER twice after typing the last list item.

Next, you will place four pictures on the current page and use positioning features in FrontPage to align the pictures with the paragraphs they are associated with. This will create a more interesting page layout.

To position pictures with text

1. With the Products page still displayed in Page view, place your cursor after the text “Featured Items of the Week.”

2. Click Insert Picture From File on the standard toolbar.

When you last inserted a picture, you did not have a Web site open, and FrontPage automatically displayed the Select File dialog box. Now that a Web site is open, FrontPage assumes you want to work with pictures that are already part of your Web site, and therefore displays the Picture dialog box.

Because you haven’t yet added the picture you want to the current Web site, click the drop-down menu next to Look in, and navigate to the FPTutor2002 folder.

Note The folder is located at <drive>:\FPTutor2002, where <drive> represents the hard disk where you installed the tutorial.

4. Click the file named FPTutor001, and then click Insert.

FrontPage inserts a picture of a soccer ball just after the text “Featured Items of the Week.”

5. Next, click the picture of the soccer ball to select it.

6. On the Format menu, click Position.

FrontPage displays the Position dialog box.

7. Under Wrapping style, click Right, and then click OK.

The picture is aligned with the right margin of the current page, and the bulleted list flows to the left of it.

8. On the toolbar, click the Save button to save changes to the Products page.

9. In the Save Embedded Files dialog box, click OK.

Your page should now look like this:

You can either place pictures one by one in this way, or you can import the pictures you will use on your pages all at once. While importing single files is done in Page view, inserting a group of files or entire folders is done in Folders view.

To add a group of files to the current Web site

1. Click the Folders icon on the Views bar to switch to Folders view.

Folders view is an expanded view of the Folders List that you have seen in Navigation and Page view. Similar to the way you look at files in Microsoft Windows Explorer, here you can view details about the files and folders in your Web site, and perform such file management tasks as adding, deleting, moving, copying, and renaming files.

2. On the File menu, click Import.

FrontPage displays the Import dialog box. Here, you can add files and folders from your local file system, a local area network, a company file server, or a resource on the Internet or World Wide Web, such as an FTP server.

3. In the Import dialog box, click Add File.

4. In the Add File to Import List dialog box, navigate to the folder named FPTutor2002.

Note The folder is located at <drive>:\FPTutor2002, where <drive> represents the hard disk where you installed the tutorial.

5. Next, click the Files of type list, and then click GIF and JPEG (*.gif, *.jpg) to display all picture files in the Tutorial folder.

6. Click the file named czbanner in the list to select it.

7. Next, hold down CTRL, and while doing so, click to select the files named FPTutor002, FPTutor003, FPTutor004, FPTutor005, and FPTutor006.

8. When the files are selected in the Add File to Import List dialog box, release CTRL, and then click Open.

FrontPage adds the pictures you selected to the list in the Import dialog box.

9. Click OK to import the listed files to the current Web site.

Now that the remaining pictures are added to your Web site, it’s time to finish the layout of the Products page.

To finish the page layout

1. Click the Page icon on the Views bar to return to Page view.

2. If the Folder List is open, close it so you will be able to see more of the page you’re working on.

To close the Folder List:

· On the standard toolbar, click the arrow to the right of the Toggle Pane , and then click Folder List.

2. On the Products page, place the insertion point after the sentence “PRODUCTS - SELECT FROM A HUGE RANGE OF GEAR” and then click the Insert Picture From File button on the toolbar.

3. In the Picture dialog box, note that your previously imported pictures are now

If you are using Windows NT® Workstation 4.0 or Windows NT Server 4.0

If you are using Windows NT^® Workstation 4.0 or Windows NT Server 4.0