Adobe 13101332 User Guide - Page 389

Selecting an image map type (ImageReady), To specify link options for an image map area

Page 389 highlights

Adobe Photoshop Help Using Help | Contents | Index Designing Web Pages Back 389 To specify link options for an image map area: 1 Select an image map area. 2 In the Image Map palette, enter a URL for the link, or choose a previously created URL from the URL pop-up menu. You can enter a relative URL or a full URL. If you enter a full URL, be sure to include http:// (for example, enter http://www.adobe.com, not www.adobe.com). For more information on using relative URLs and full URLs, see an HTML reference (either printed or on the Web). 3 In the Image Map palette, enter the name of a target frame in the Target text box, or choose an option from the pop-up menu. A frame name must match a frame previously defined in the HTML file for the document. When a user clicks the link, the specified file displays in the new frame: • _blank to display the linked file in a new window, leaving the original browser window open. • _self to display the linked file in the same frame as the original file. • _parent to display the linked file in its own original parent frameset. Use this option if the HTML document contains frames and the current frame is a child. The linked file displays in the current parent frame. • _top to replace the entire browser window with the linked file, removing all current frames. Note: For more information on frames, see an HTML reference (either printed or on the Web). 4 In the Image Map palette, enter text for an Alt tag in the Alt text box.The Alt text appears in place of the image map area in nongraphical browsers. In most browsers, it also appears if the user positions the mouse over the image map area. Selecting an image map type (ImageReady) ImageReady can create client-side and server-side image maps. In client-side image maps, the links are interpreted by the browser itself. In server-side image maps, the links are interpreted by the server. Because client-side image maps don't need to contact the server to function, they are often significantly faster to navigate. By default, ImageReady saves image maps as client-side image maps. Important: Server-side image maps do not work in images that have multiple slices. You select an image map type in the Output Settings dialog box. (See "Setting HTML output options" on page 442.) If you select a server-side image map, ImageReady generates a separate map file based on the server option you select. However, you'll need to update the path to the map file in your HTML file. Using Help | Contents | Index Back 389

  • 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
  • 381
  • 382
  • 383
  • 384
  • 385
  • 386
  • 387
  • 388
  • 389
  • 390
  • 391
  • 392
  • 393
  • 394
  • 395
  • 396
  • 397
  • 398
  • 399
  • 400
  • 401
  • 402
  • 403
  • 404
  • 405
  • 406
  • 407
  • 408
  • 409
  • 410
  • 411
  • 412
  • 413
  • 414
  • 415
  • 416
  • 417
  • 418
  • 419
  • 420
  • 421
  • 422
  • 423
  • 424
  • 425
  • 426
  • 427
  • 428
  • 429
  • 430
  • 431
  • 432
  • 433
  • 434
  • 435
  • 436
  • 437
  • 438
  • 439
  • 440
  • 441
  • 442
  • 443
  • 444
  • 445
  • 446
  • 447
  • 448
  • 449
  • 450
  • 451
  • 452
  • 453
  • 454
  • 455
  • 456
  • 457
  • 458
  • 459
  • 460
  • 461
  • 462
  • 463
  • 464
  • 465
  • 466
  • 467
  • 468
  • 469
  • 470
  • 471
  • 472
  • 473
  • 474
  • 475
  • 476
  • 477
  • 478
  • 479
  • 480
  • 481
  • 482
  • 483
  • 484
  • 485
  • 486
  • 487
  • 488
  • 489
  • 490
  • 491
  • 492
  • 493
  • 494
  • 495
  • 496
  • 497
  • 498
  • 499
  • 500
  • 501
  • 502
  • 503
  • 504
  • 505
  • 506
  • 507
  • 508
  • 509
  • 510
  • 511
  • 512
  • 513
  • 514
  • 515
  • 516
  • 517
  • 518
  • 519
  • 520
  • 521
  • 522
  • 523
  • 524
  • 525
  • 526
  • 527
  • 528
  • 529
  • 530
  • 531
  • 532
  • 533
  • 534
  • 535
  • 536
  • 537
  • 538
  • 539
  • 540
  • 541
  • 542
  • 543
  • 544
  • 545
  • 546
  • 547
  • 548
  • 549

U
sing H
elp
|
C
on
t
en
ts
|
Inde
x
B
ack
389
Adobe Photoshop Help
Designing Web Pages
U
sing H
elp
|
C
on
t
en
ts
|
Inde
x
B
ack
389
To specify link options for an image map area:
1
Select an image map area.
2
In the Image Map palette, enter a URL for the link, or choose a previously created URL
from the URL pop-up menu. You can enter a relative URL or a full URL. If you enter a full
URL, be sure to include http:// (for example, enter http://www.adobe.com, not
www.adobe.com). For more information on using relative URLs and full URLs, see an
HTML reference (either printed or on the Web).
3
In the Image Map palette, enter the name of a target frame in the Target text box, or
choose an option from the pop-up menu. A frame name must match a frame previously
defined in the HTML file for the document. When a user clicks the link, the specified file
displays in the new frame:
_blank to display the linked file in a new window, leaving the original browser
window open.
_self to display the linked file in the same frame as the original file.
_parent to display the linked file in its own original parent frameset. Use this option if
the HTML document contains frames and the current frame is a child. The linked file
displays in the current parent frame.
_top to replace the entire browser window with the linked file, removing all current
frames.
Note:
For more information on frames, see an HTML reference (either printed or on
the Web).
4
In the Image Map palette, enter text for an Alt tag in the Alt text box. The Alt text
appears in place of the image map area in nongraphical browsers. In most browsers, it also
appears if the user positions the mouse over the image map area.
Selecting an image map type (ImageReady)
ImageReady can create client-side and server-side image maps. In client-side image maps,
the links are interpreted by the browser itself. In server-side image maps, the links are
interpreted by the server. Because client-side image maps don’t need to contact the server
to function, they are often significantly faster to navigate. By default, ImageReady saves
image maps as client-side image maps.
Important:
Server-side image maps do not work in images that have multiple slices.
You select an image map type in the Output Settings dialog box. (See
S
etting HT
ML
output options
on page
442
.) If you select a server-side image map, ImageReady
generates a separate map file based on the server option you select. However, you’ll need
to update the path to the map file in your HTML file.