How to Add a Header to a Web Page With FrontPage

Use headers to place your logo, a navigation bar or other information on each page in your Web site. This tutorial uses Microsoft FrontPage 97.

Things You'll Need

  • Microsoft FrontPage
Show More

Instructions

    • 1

      Start the FrontPage program and open an existing web.

    • 2

      Choose Show FrontPage Editor from the Tools menu, or click on the FrontPage Editor icon on the toolbar.

    • 3

      Click on the File menu and choose New to create a new Web page.

    • 4

      Choose Page Properties from the File menu and select the Background tab.

    • 5

      Click on the Get Background and Colors from Page radio button. Click on the Browse button to choose the page you'll add the header to.

    • 6

      Locate and select the main Web page or the style sheet Web page (webstyle.htm) if you used one. If not, choose the main page (index.htm). Click OK.

    • 7

      Add your logo, navigation bar and any other information that will appear on each page.

    • 8

      Save the page as "header.htm" when finished.

    • 9

      Preview the page in a Web browser by choosing Preview in Browser from the File menu. From the dialog box, choose which browser to use and what settings.

    • 10

      To add the header to another page, first open the page the header will be attached to.

    • 11

      Position the cursor at the top of the page.

    • 12

      Click on the Insert menu and choose WebBot Component.

    • 13

      Choose Include from the dialog box and click OK.

    • 14

      Click on the Browse button to locate the header.htm file. Click OK. The header will appear at the top of the page.

Tips & Warnings

  • Be sure to include the same header and footer on each page.

  • Be sure the header style matches the style of the remaining pages. Keep colors, logo design and style uniform throughout your Web site.

  • To learn how to make a text-only navigation bar, see "How to Create a Text Navigation Bar in FrontPage," under Related eHows.

Related Searches:

Comments

You May Also Like

Related Ads

Featured