Microsoft FrontPage2000
Tutorial

To start Microsoft FrontPage

Start button

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

FrontPage opens and displays a blank page ready for editing.

Editing text is much the same as it is in Microsoft office.  Highight the text you want to change.  You can select different levels of headings, different kinds of lists, etc, by clicking on the button to the right of the URL.  The font and the font size buttons are in the same toolbar.  So are the buttons for justification and increasing and decreasing the indent.  You can also choose bullets or a numbered list from this toolbar. Font color and highlight color are on the right side of this toolbar.

To insert a picture from your computer on the home page

1. On the Insert menu, point to Picture, and then click Clip Art.

   FrontPage displays the Clip Art Gallery. Click on a category, then choose a picture and click on it. On the pop-up menu choose the first option, "Insert Clip".

2. FrontPage inserts the selected picture file on the current page.

To insert a picture from your computer on the home page

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

   FrontPage displays the Picture dialog box. Because you are editing a page that isn't part of a Web site yet, FrontPage also opens the Select File dialog box, which lets you choose a picture to insert from your local file system.

2. FrontPage inserts the selected picture file on the current page.

Inserting Hyperlinks

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

To create a hyperlink from a string of text

1. Highlight the text that you want to turn into a link.  Click on the Hyperlink Button
   on the Toolbar or go to the Insert menu and click on Hyperlink.
   
2. In the URL box, type a URL on the web after the http:// prefix that FrontPage has provided for you. For example:  http://www.mtmercy.edu/
   
3. If you want the link to be an e-mail link, click on the little envelope to the right of the URL box.
   
4. If you want the link to go to another page in the same directory, you can remove the "Http://" from the URL box, and substitute just the name of the file you are connecting to.

                    "sample2.htm"

To create a hyperlink from a picture

1. On the home page, click on a picture you previously 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 below Page view. 

2. On the Insert menu, click Hyperlink.

   FrontPage displays the Create Hyperlink dialog box. Here, you specify the target of the hyperlink you are creating. This can be a page or a file in your Web site, on your local file system, on a Web server, or on another site on the World Wide Web.

    

3. In the URL box, type a URL on the web after the http:// prefix that FrontPage has provided for you.
   
4. Click OK to finish creating the hyperlink.

To Insert a Table

1. Go to the Table Menu at the top of the screen.  Choose Insert. Choose Table. 
   
2. Select the number of Rows and columns for your table.

To Set Backgrounds and Colors

1. Go to the Format menu at the top.  Select Background. You can set the background, text, and hyperlink colors on this screen.

---

Page View Options

Page icon

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.

Getting more information about tags
When the Reveal Tags command is selected, you can view more information about many HTML tags by moving your mouse over each tag until a ScreenTip appears.

 

To display the HTML of the current page

• In Page view, click the HTML tab at the bottom of the page.

  This is the HTML code that FrontPage has created so far while you were designing the home page. Web browsers decode these instructions to display the page. The HTML tab in Page view 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 tab at the bottom of the page to return to normal Page view.

Using menu commands and toolbars on the HTML tab

While working in the HTML tab, you can use many menu commands and toolbar buttons just like in normal Page view.

 

To preview the current page

• In Page view, click the Preview tab 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. 

  Looking at your page on the Preview tab 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 tab at the bottom of the page to return to normal Page view once again.

Copyright 2000  Mount Mercy College
Last updated 9-25-00