4Click OK.

5In the Save Web image to disk dialog box, type a filename in the Filename box.

6Choose the folder where you want to save the image.

7Click Save.

You can also

Increase the number of preview areas	In the top right corner, click one of the
	preview area display buttons.
Pan to another section of the image	Drag in the first preview window.
Zoom in	Choose a magnification level from the Zoom
	level list box.
Edit preset settings for a single preview area	Click Advanced in one of the preview areas.
	In the Export dialog box, customize the
	preset options. If you select GIF or PNG8
	file formats, you can modify the color palette
	and settings in the Convert to paletted
	dialog box.

Save the current configuration of settings for a preview area

Click the Save settings button for each area where you want to save the settings.

Save a custom preset	Click Add .
Delete a custom preset	Click Delete .

Preview the file download time for a particular connection speed

Choose a speed from the Connection speed list box.

You can compare file types with the original image by selecting Original file type in one of the preview panes.

Creating and editing rollovers

A rollover is an interactive image that changes in appearance when you click or point to it. For example, you can make a button change color when it is clicked, or display text when you point to it. Rollovers are frequently used on Web pages as navigation buttons.

Corel PHOTO-PAINT: Creating images for the Web

465

Creating rollovers

Rollover are made using objects, such as shapes, brush strokes and text. You can use a single object or a group of objects, such as an ellipse with text on it. Rollovers consist of the following states:

•Normal — displays the default state

•Over — is triggered when you point to it

•Down — is triggered when you click it

Each state consists of an object or multiple objects.

The three states of a rollover: normal, over, and down

You can assign properties to a rollover, such as a Web address that opens when you click a rollover, and alternate text that displays when you point to it. You can specify a target for the down state which determines how a Web page opens in a browser window. You can also add sound to the over and down rollover states, which will play when these rollover states are activated.

Editing rollover objects

You can edit rollover states by adding, modifying and removing objects in each state. When you create a rollover, the original objects are copied to the normal, over, and down states. Adding an object to a rollover state adds the object to all states. However, any changes you make to an object are applied only to the current state. For example, you can use different text for the over state by replacing the original text in that state.

If you want to create a rollover using an editable area or the background, they must first be converted to objects. For more information about defining editable areas, see “Masking” on page 413.

466	CorelDRAW Graphics Suite 12 User Guide

When you create a rollover, the image is sliced, and the rollover becomes a slice. For more information on working with image slices, and exporting and optimizing sliced images, see “Slicing images” in the Help.

To create a rollover

1Select one or more objects.

When you create a rollover, the original objects are destroyed. If you want to retain the original objects, save them before you create a rollover.

2Click Web ` Create rollover from object.

3In the Rollover docker, set any of the following properties for the rollover:

•URL — specifies an address, or URL, for a Web page.

•ALT — specifies the alternate text that displays when you point to a rollover.

4Choose one of the following rollover states from the States list box:

•Normal

•Over

•Down

5Edit the selected rollover state by adding, removing, and modifying objects.

6Click the Finish editing button .

Each state retains its component objects, so you can continue to edit the rollover.

You can also

Add sound to a rollover state	In the Sound box, type a filename of the
	sound you want to play when the selected
	state is triggered. You can also click the
	Browse button to locate and choose the
	sound file.

Specify the target frame or browser window for the URL

Click a target type in the Target list box: _self opens the URL in the current frame, _blank opens the URL in a new browser window, _top opens the URL in the root frame of the browser, _parent opens the URL in the highest level frame.

Preview a rollover in a browser	In the Rollover docker, click the Preview in
	browser button .

Corel PHOTO-PAINT: Creating images for the Web

467

You can also

Create a new rollover	Click the Create rollover from object
	button .

In the Objects docker, rollover objects are highlighted, grouped, and have a Rollover object icon to the right of the object name. The Text rollover object icon indicates that the rollover object is text.

In the Objects docker, the Rollover object icon turns red when a rollover overlaps another rollover. Overlapping rollovers cannot be exported. You must move the rollover so it no longer overlaps with another rollover object.

To edit a rollover

1In the Objects docker, select a rollover.

Rollovers have Rollover object icons to the right of their object names. If the Objects docker is not open, click Window ` Dockers ` Objects.

2Click Web ` Edit rollover.

3In the Rollover docker, choose one of the following rollover states from the States list box:

•Normal

•Over

•Down

4Edit the rollover state by adding, removing, and modifying objects.

5Click the Finish editing button .

You can also

Return a state to the current Normal state,	Click Reset.
so you can start over again

Return all states in a rollover to simple objects

Click Web ` Extract rollover.

When you extract a rollover to simple objects, the component objects are named automatically.

468	CorelDRAW Graphics Suite 12 User Guide