Adobe 65030089 User Guide - Page 217

Image maps, Create an image map, Adobe Captivate demos, Create an Adobe Captivate demo

Page 217 highlights

USING ROBOHELP HTML 9 211 Multimedia and special effects Image maps Create an image map 1 In the Design Editor, open a topic containing an image. 2 Right-click the image. Select Insert Image Map. 3 Select Rectangle, Circle, or Polygon. The cursor becomes a cross hair . 4 Draw a clickable area within the image border. 5 In Link To, click the triangle pop-up menu . Select a file under Select Destination (File Or URL) or another destination. 6 In Screen Tip Text, enter text to display when users hover the mouse over the image map. 7 Click OK. The Project Manager saves the image map with the image in the Images folder. A plus sign at the left side of the Image button indicates an image map: . Click the plus sign to see a list of all hotspots in the image map. Hotspot links appear with the Hotspot icon . 8 To test, click the View button in the toolbar. Click the hotspot. Change an image map 1 In the Design Editor, open the topic containing the image map. 2 Double-click the hotspot. 3 In Link To, click the triangle pop-up menu . Select a file under Select Destination (File Or URL) or another destination. 4 Select OK. If prompted, select OK to copy the file into the project. 5 To test, click the View button in the toolbar. Click the hotspot. More Help topics "Create text links" on page 191 "Link to a pop-up" on page 192 Adobe Captivate demos Follow these procedures to launch Adobe Captivate to create demos and insert them in the project. After you insert an Adobe Captivate SWF, you can update the SWF by opening the source from within RoboHelp. Create an Adobe Captivate demo 1 Click the Project Manager tab. Place the cursor on the folder. 2 Select File > New, and choose Adobe Captivate Demo. 3 In the Topic Title box, type a host topic name. 4 In the File Name box, type a filename with the extension .htm. Last updated 12/14/2011

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68
  • 69
  • 70
  • 71
  • 72
  • 73
  • 74
  • 75
  • 76
  • 77
  • 78
  • 79
  • 80
  • 81
  • 82
  • 83
  • 84
  • 85
  • 86
  • 87
  • 88
  • 89
  • 90
  • 91
  • 92
  • 93
  • 94
  • 95
  • 96
  • 97
  • 98
  • 99
  • 100
  • 101
  • 102
  • 103
  • 104
  • 105
  • 106
  • 107
  • 108
  • 109
  • 110
  • 111
  • 112
  • 113
  • 114
  • 115
  • 116
  • 117
  • 118
  • 119
  • 120
  • 121
  • 122
  • 123
  • 124
  • 125
  • 126
  • 127
  • 128
  • 129
  • 130
  • 131
  • 132
  • 133
  • 134
  • 135
  • 136
  • 137
  • 138
  • 139
  • 140
  • 141
  • 142
  • 143
  • 144
  • 145
  • 146
  • 147
  • 148
  • 149
  • 150
  • 151
  • 152
  • 153
  • 154
  • 155
  • 156
  • 157
  • 158
  • 159
  • 160
  • 161
  • 162
  • 163
  • 164
  • 165
  • 166
  • 167
  • 168
  • 169
  • 170
  • 171
  • 172
  • 173
  • 174
  • 175
  • 176
  • 177
  • 178
  • 179
  • 180
  • 181
  • 182
  • 183
  • 184
  • 185
  • 186
  • 187
  • 188
  • 189
  • 190
  • 191
  • 192
  • 193
  • 194
  • 195
  • 196
  • 197
  • 198
  • 199
  • 200
  • 201
  • 202
  • 203
  • 204
  • 205
  • 206
  • 207
  • 208
  • 209
  • 210
  • 211
  • 212
  • 213
  • 214
  • 215
  • 216
  • 217
  • 218
  • 219
  • 220
  • 221
  • 222
  • 223
  • 224
  • 225
  • 226
  • 227
  • 228
  • 229
  • 230
  • 231
  • 232
  • 233
  • 234
  • 235
  • 236
  • 237
  • 238
  • 239
  • 240
  • 241
  • 242
  • 243
  • 244
  • 245
  • 246
  • 247
  • 248
  • 249
  • 250
  • 251
  • 252
  • 253
  • 254
  • 255
  • 256
  • 257
  • 258
  • 259
  • 260
  • 261
  • 262
  • 263
  • 264
  • 265
  • 266
  • 267
  • 268
  • 269
  • 270
  • 271
  • 272
  • 273
  • 274
  • 275
  • 276
  • 277
  • 278
  • 279
  • 280
  • 281
  • 282
  • 283
  • 284
  • 285
  • 286
  • 287
  • 288
  • 289
  • 290
  • 291
  • 292
  • 293
  • 294
  • 295
  • 296
  • 297
  • 298
  • 299
  • 300
  • 301
  • 302
  • 303
  • 304
  • 305
  • 306
  • 307
  • 308
  • 309
  • 310
  • 311
  • 312
  • 313
  • 314
  • 315
  • 316
  • 317
  • 318
  • 319
  • 320
  • 321
  • 322
  • 323
  • 324
  • 325
  • 326
  • 327
  • 328
  • 329
  • 330
  • 331
  • 332
  • 333
  • 334
  • 335
  • 336
  • 337
  • 338
  • 339
  • 340
  • 341
  • 342
  • 343
  • 344
  • 345
  • 346
  • 347
  • 348
  • 349
  • 350
  • 351
  • 352
  • 353
  • 354
  • 355
  • 356
  • 357
  • 358
  • 359
  • 360
  • 361
  • 362
  • 363
  • 364
  • 365
  • 366
  • 367
  • 368
  • 369
  • 370
  • 371
  • 372
  • 373
  • 374
  • 375
  • 376
  • 377
  • 378
  • 379
  • 380

211
USING ROBOHELP HTML 9
Multimedia and special effects
Last updated 12/14/2011
Image maps
Create an image map
1
In the Design Editor, open a topic containing an image.
2
Right-click the image. Select Insert Image Map.
3
Select Rectangle, Circle, or Polygon.
The cursor becomes a cross hair
.
4
Draw a clickable area within the image border.
5
In Link To, click the triangle pop-up menu
. Select a file under Select Destination (File Or URL) or another
destination.
6
In Screen Tip Text, enter text to display when users hover the mouse over the image map.
7
Click OK.
The Project Manager saves the image map with the image in the Images folder. A plus sign at the left side of the
Image button indicates an image map:
. Click the plus sign to see a list of all hotspots in the image map.
Hotspot links appear with the Hotspot icon
.
8
To test, click the View button in the toolbar. Click the hotspot.
Change an image map
1
In the Design Editor, open the topic containing the image map.
2
Double-click the hotspot.
3
In Link To, click the triangle pop-up menu
. Select a file under Select Destination (File Or URL) or another
destination.
4
Select OK. If prompted, select OK to copy the file into the project.
5
To test, click the View button
in the toolbar. Click the hotspot.
More Help topics
Create text links
” on page
191
Link to a pop-up
” on page
192
Adobe Captivate demos
Follow these procedures to launch Adobe Captivate to create demos and insert them in the project. After you insert an
Adobe Captivate SWF, you can update the SWF by opening the source from within RoboHelp.
Create an Adobe Captivate demo
1
Click the Project Manager tab. Place the cursor on the folder.
2
Select File > New, and choose Adobe Captivate Demo.
3
In the Topic Title box, type a host topic name.
4
In the File Name box, type a filename with the extension .htm.