When you move the mouse over an object and it changes, that is a rollover. Rollovers can also be hyperlinks. First you will learn how to create a rollover. Then you will make the rollover a hyperlink. And then you will send the hyperlink to a frame.
How to do a rollover in Corel Draw
First you must determine which object will be replaced with the rollover. This can be a single object or a group of objects. Select this object, then drop down Effects, Rollover, Create Rollover. Then Effects, Rollover, Edit. This will bring up tabs for Normal (not over), Over (not clicked), and Down (selected). Each of these can have a different appearance. Change the objects under each of these options, then Finish Editing Rollover. Before you save the image, select all the objects (otherwise it will export the page). Then File, Publish to Web, and choose HTML. Look at it with Browser Preview. Change the name under the tab Details, and change the location of all the little files it will make.
This is the result -- It consists of a file (littlerollover.htm), and a subdirectory which contains seven little .gif files.
If, instead, you simply publish to a sw (flash file), you have a single flash image which relatively easily can be inserted into a web page:
Flash delivers a single .swf file which you can easily insert into a page. The disadvantage of flash is that the user must have Flash installed on their computer. Although some web authoring programs will do this for you almost effortlesly, the code for entering a flash image is
<object classid="flashtest">
<param name="movie" value="littlerollover.swf">
<embed src="littlerollover.swf" width="98" height="62"></embed>
< /object>
Sending a rollover to a URL
Getting a rollover to send the rollover to a URL is simply a matter of making a rollover, then assigning a URL to the NORMAL view (NOT the Down view), by right-clicking, Properties, then designating a URL in the Properties dialogue box.
HERE IS AN EXAMPLE: Littlerolloverlink.htm
This can not be done with flash, as far as I can tell -- the link doesn't work.
How to get a rollover to send a url to another frame.
When you are designating your URL, designate the name of the frame to which
you want the hyperlink to go. This way, the menu image can remain visible.
I've found, however, that I have had to edit the source code of the html file.
I add target="rightframe" immediately after the href="URL" ...
apparently, the code is not included in the Corel
Draw11 output. Here
is the code that
designates the frames:
<html>
<head>
<title>Page Title</title>
<frameset
rows="*" cols="*,600" framespacing="0" frameborder="NO" border="0">
< frame
src="one.htm" name="leftframe">
<frame src="two.htm" name="rightframe" scrolling="NO" noresize>
</frameset>
</head>
<body>
< /body>
</html>
where 600 is the width of the rightframe. and one.htm is the initial file in the left frame. and two.htm is the initial file in the right frame. scrolling="auto" makes the scrollbar visible only when you need it.
HERE IS THE EXAMPLE: Rollovertoframe.htm
Rollover to a different location on the image
Notice in the example above that the "Over" and "Down" rollovers are in the same location as the "Normal" text. If you simply move the Over or Down to one side the "live" area becomes very large: it is the rectangle that includes all three parts. Whenever the cursor goes over the rectangle, the "over" becomes active. You will see that in the image below.
This is a limitation of Corel Draw. The best thing I can recommend at this time is offsetting only the Down status of the rollover. Even so, it gets a little dicey when you have many adjacent mapped areas (see how confused the flash image is, below). I think it would work better if I had inserted a point symbol to click on instead of using adjacent areas. Notice also how Namibia and Angola jumped forward over the legend. All of these countries were given rollovers: Angola, Namibia, South Africa, Swaziland, Bothswana and Zimbabwe. Believe it or not!