Serif WebPlus Essentials Podręcznik Użytkownika Pobierz pdf (Strona 238)

230 Adding Hyperlinks and Interactivity

To create a rollover graphic:

1. In a suitable image-editing program, create the variant source images

for each state you'll be defining. (See Creating variant graphics

on p. 231.)

2. Click

Insert Rollover on the Standard Objects toolbar's Picture

flyout.

3. Specify which rollover states (see p. 229) you want to activate for

each graphic by checking boxes in the Rollover Graphic dialog. For

each one, use the Browse button to locate the corresponding source

image and specify Export Options for that image (see Setting image

export options on p. 177).

4. Check Embed files in site if you want to incorporate the image(s) in

the site.

5. Check either Normal or Down as the button's initial rollover state.

6. Click Set... to define a hyperlink target for the button.

7. Check Radio button if you want to link all the buttons (on a given

page) that have this option checked, so that only one of them at a time

can be down.

8. Click OK. The first time you define a rollover state, you'll see rollover

layers established in the document.

WebPlus displays the image assigned to the Normal state. It's a good idea to

preview the page and test each rollover object, then return to WebPlus and

revise as needed. When you preview or publish the site, WebPlus takes care of

exporting one image file for each rollover state, and the HTML file for the

published page incorporates the JavaScript code for the rollover event trapping.

To edit a rollover graphic:

1. Right-click (or double-click) the graphic and choose Edit Rollover....

2. Make new selections as needed and click OK.

1 2 ... 233 234 235 236 237 238 239 240 241 242 243 ... 319 320

Brak uwag

Serif WebPlus Essentials Podręcznik Użytkownika Strona 238