Create a Rollover Button in PhotoDraw 2000 Version 2
Like any other button that appears on a Web site, a rollover button contains a
hyperlink to another Web page or file. But when a site visitor hovers over or
clicks a rollover button, the button will glow or otherwise change its
appearance.
With Microsoft PhotoDraw™ 2000 Version 2, you
can create rollover buttons without knowing HTML programming. Simply select an
object that you want to use as a button, apply a rollover effect, and then preview the rollover in your Web
browser.
Apply a rollover effect to a selected object
- In PhotoDraw, select the object that you want to add a rollover
effect to.
- On the Web Effects menu, click Rollover.
- In the gallery, click the effect that you want to apply.
Save a picture containing rollover effects
To complete a picture containing rollover effects, you must save it as a Web
page. When you save a rollover effect as a Web page, PhotoDraw
generates an .htm file containing the HTML code necessary to display the
rollover in a Web browser.
- On the Save Send menu, click Save as Web Page.
- If your picture has transparent areas, do one of the following:
- To keep the transparent areas, click Let the Web page background
show through, and then click Next.
- To fill the transparent areas in the picture,
click Fill them
with the background color, click Next, choose a fill color,
and then click Next.
- Choose the preview that best meets your preference for image quality
and download speed.
- Click Next, and then click Save.
- In the Save As dialog box, enter a name for the Web page,
and then click Save.
What if I want to add a rollover button to an existing Web page?
If you have Microsoft FrontPage® 2000 installed on your
computer, you can use
the Send to Microsoft FrontPage command (Save Send menu) to insert the code directly
into an existing Web page. If you don't have FrontPage 2000
installed, you must copy the rollover code from the .htm file that
PhotoDraw generated and paste it into your existing .htm file. PhotoDraw
adds instructions to the HTML code that tell you exactly which lines of
code you need to copy.
- In your HTML editor, open the .htm file that contains
the rollover you want to copy.
- Switch to the view that shows HTML source code for the
.htm file. (In FrontPage, for example, you do this by clicking the HTML
tab in Page view.)
- In the HTML code, select the code that falls between
the following two comment tags:
<!---- START COPYING THE PHOTODRAW ROLLOVER HERE ----->
<!----- STOP COPYING THE PHOTODRAW ROLLOVER HERE ---->
- Press CTRL+C to copy the rollover code to the
Clipboard.
- Open the .htm file where you want the rollover to
appear.
- Paste the rollover code between the
<BODY>
</BODY> tags of your .htm page.
- Repeat steps 3 through 6 for any other rollovers you
want to copy.
