Microsoft® FrontPage® Version 2002 Step by Step

Author Online Training Solutions, Inc. Pages 368 Disk 1 Companion CD(s) Level Beg/Int Published 06/06/2001 ISBN 9780735613003 Price $29.99 To see this book's discounted price, select a reseller below.	More Information About the Book Table of Contents Sample Chapter Index Related Series Related Books About the Author Support: Book & CD Rate this book

Chapter 7: Enhancing the Capabilities of Your Web Site continued

Adding Dynamic Elements to a Web Page

In this exercise, you will insert two common dynamic elements: a marquee and a banner ad.

The working folder for this exercise is SBS\FrontPage\Capabilities\Elements.

Follow these steps:

1. Open the GardenCo Web site located in the working folder.
2. Open classes.htm in the Page view editing window.
3. With the insertion point at the beginning of the body of the page, click the Web Component button on the Standard toolbar.

The Insert Web Component dialog box opens with Dynamic Effects selected in the Component type box.

4. In the Choose an effect box, click Marquee, and then click Finish.

The Marquee Properties dialog box opens, as shown here:


Click to view graphic

5. In the Text box, type Register Now for Upcoming Classes!.
6. Retain all the default settings, and click OK.

In the Normal pane, your marquee has been inserted as a new line of text—not very exciting!

7. Switch to the Preview pane.

The text scrolls across the top of the content pane from right to left, repeating continuously.

8. Switch back to the Normal pane.
9. Right-click the marquee text, and click Marquee Properties on the shortcut menu.
10. In the Marquee Properties dialog box, change the Behavior setting to Alternate and the Background color to Green, and then click OK.
11. With the marquee text still selected in the Normal pane, click the Bold and Italic buttons on the Formatting toolbar.
12. Click the down arrow to the right of the Font Color button, and select White from the Standard Colors palette.

The marquee text now looks like this:


Click to view graphic

13. Switch to the Preview pane to see the results of your changes.
14. Now open contact.htm in the Page view editing window.
15. Place the insertion point at the beginning of the second paragraph of text, which begins with Please feel free, and then click Enter to create a new line.
16. With the insertion point on the blank line, click the Web Component button on the Standard toolbar to display the Insert Web Component dialog box.
17. With Dynamic Effects selected in the Component type list, click Banner Ad Manager in the Choose an effect list, and then click Finish.

This Banner Ad Manager Properties dialog box opens:


Click to view graphic

18. In the Width box, type 264. In the Height box, type 72.

These are the dimensions in pixels of the banner ad that will be inserted.

19. In the Transition effect drop-down list, click Blinds Horizontal.
20. In the Show each picture for (seconds) box, type 2.
21. Leave the Link to box blank.

If you were posting this banner advertisement on another site, you could enter your own URL here to direct visitors to your site.

22. In the Pictures to display area, click Add.
23. In the Add Picture for Banner Ad dialog box, browse to SBS\FrontPage\Capabilities\Elements, select banner1.bmp, and click OK.
24. Repeat step 23 to add banner2.bmp and banner3.bmp to the Pictures to display box, and then click OK to insert your banner ad.
25. With the banner ad selected in the Normal pane, click the Center button on the Formatting toolbar to center the ad on the page.

Your page now looks like this:


Click to view graphic

26. Click the Preview in Browser button, and save the embedded graphic files when prompted to do so.

In the browser, the banner ad cycles between the three graphics according to your specified settings.

27. Close the browser to return to FrontPage.
28. Close any open pages, saving them if prompted.
29. If you are not continuing on to the next chapter, quit FrontPage.

Top of Page

Last Updated: Saturday, July 7, 2001