home   Java Script   MS Access   Perl   HTML   Delphi   C ++   Visual Basic   Java   CGIPerl   MS Excel   Front Page 98   Windows 98   Ms Word   Builder   PHP   Assembler     Link to us   Links    

Using Active Pages with FrontPage 98

What you will learn from this lesson

When you use active page techniques with FrontPage 98 you will:


What you should do before you start this lesson


Exploring the lesson

Creating an image map

Image maps are images that contain hyperlinks. The FrontPage Editor allows you to create image maps by inserting the image on the page and using the tools on the Image toolbar to create hotspots.

Inserting an image

To insert an image on your screen, position the insertion point where you want your image to appear. You may want to center or move the image to the side by using the Align Left, Center, or Align Right button on the Format toolbar.

Using the FrontPage Editor to insert an image

  1. Open the washingtonhigh home page in the FrontPage Editor.
  2. Press ctrl+click on the Student Resources link.
  3. Press ctrl+click on the Student Yearbook link.
  4. On the Insert menu, click Clipart.
  5. In the Microsoft Clip Gallery 3.0 dialog box, on the Clip Art tab, click Buildings, and click one of the images.
  6. Click Insert.
  7. On the Format toolbar, click the Center button.
  8. Press enter, and type This Is Your Town.

Creating hotspots

A hotspot is an area on a graphic that links to another page or Web site. A single image can contain more than one hotspot and more than one link.

Creating a hotspot

  1. On the View menu, click Image Toolbar.
  2. On the Image toolbar, click the Rectangle button. The mouse pointer becomes a pencil.
  3. With the pencil, draw a rectangle around the bridge to create a hotspot.
  4. In the Create Hyperlink dialog box, click newpage1.htm, the Activity Schedule page, and note the URL change.
  5. Click OK.
  6. Press ctrl +click on the hotspot to activate the link to the Activity Schedule page.
  7. Press ctrl +click to get back to the Student Yearbook page.


Setting image properties

In the Image Properties dialog box, the image type can be converted and specifications for video clips can be set.

Exploring image properties

  1. In the Student Yearbook page, click once on the image to select it.
  2. On the Edit menu, click Image Properties.
  3. In the Image Properties dialog box, explore the General tab.
  4. Do the same for the Video tab.
  5. On the Appearance tab, note the size in pixels. Click Specify Size, and change the width to 300.
  6. Click OK.
  7. Quit the FrontPage Editor, and save as prompted. (Click OK to save embedded files.)

A motion clip is a video clip that contains movement when viewed on the screen. You can import video clips that you make or clips from other sources. Video clips can take up a lot of memory, so use them with caution.

Adding a motion clip

  1. In the FrontPage Explorer, in the Folders view, double-click newpage2.htm.
  2. On the Instructional Programs page, position the insertion point in front of Programs at Washington High School, and press enter.
  3. On the Insert menu, click Clipart.
  4. In the Microsoft Clip Gallery 3.0 window, click the Clip Art tab, Science & Technology, and then select a computer clip.
  5. Click Play to preview the motion clip.
  6. Click Stop Playing.
  7. Click Insert.
  8. Click the image, and on the Format toolbar, click the Center button.

  1. In the lower-left corner, click Preview.
  2. Click Normal to get back.
  3. Save your page (click OK to save with embedded files).
  4. Press ctrl+click on the Home link to get back to the home page.


How you can use what you learned

Before you publish your Web, make sure that everything is organized the way you want it and graphics appear where you want them. Check all the pages for spelling, verify hyperlinks, and view the Task History.




Creating and adding a hit counter

It is fun to have a counter to see how many people visit your Web site.

Installing a hit counter

  1. Beginning on the home page, position the insertion point at the bottom of the page, below the date you inserted in a previous lesson.
  2. On the Insert menu, click Active Elements, and then click Hit Counter.
  3. In the Hit Counter Properties dialog box, select a counter.
  4. Select Reset counter to, and type 0 in the text box.
  5. Select Fixed number of digits, type 5 in the text box, and click OK.

  1. Save your page.
  2. On the File menu, click Preview in Browser, and click Preview to see how the hit counter will look on your page.
  3. Close the browser and return to the home page in the FrontPage Editor.
  4. Quit the FrontPage Editor and the FrontPage Explorer.



Summarizing what you learned

In this chapter you have explored and practiced: