Adobe 13101332 User Guide - Page 379

Specifying slice names, Specifying slice background colors, Assigning a URL to an Image slice

Page 379 highlights

Adobe Photoshop Help Using Help | Contents | Index Designing Web Pages Back 379 Specifying slice names As you add slices to an image, you may find it helpful to rename slices based on their content. By default, user slices are named according to the settings in the Output Options dialog box. (See "Setting slice output options" on page 443.) Layer-based slices are given the name of the layer from which they are derived. To change the name of a slice: Do one of the following: • Select a slice. If you are working in Photoshop, double-click the slice with the slice select tool to display the Slice Options dialog box. In the Slice Options dialog box (Photoshop) or the Slice palette (ImageReady), type a new name in the Name text box. Note: The Name text box is not available for No Image slice content. • Double-click the slice's name in the Rollovers palette, and enter a new name. (See "Using the Rollovers palette" on page 398.) Specifying slice background colors The background color option lets you select a color to fill the transparent area (for Image slices) or entire area (for No Image slices) of the slice. In Photoshop, this option is available only if you activate the Slice Options dialog box from within the Save for Web dialog box. Photoshop and ImageReady do not display the selected background color-you must preview the image in a browser to view the effect of selecting a background color. (See "Previewing an image in a browser" on page 53.) To choose a background color: 1 Select a slice. If you are working in the Photoshop Save for Web dialog box, double-click the slice with the slice select tool to display the Slice Options dialog box. 2 In the Slice Options dialog box (Photoshop) or the Slice palette (ImageReady), select a background color from the Background/BG pop-up menu: • (Photoshop) Select None, Matte, Eyedropper (to use the color in the eyedropper sample box), White, Black, or Other (using the color picker). • (ImageReady) Select None, Matte, Foreground Color, Background Color, or Other (to use the color picker), or select a color from the pop-up palette. Assigning a URL to an Image slice Assigning a URL to a slice makes the entire slice area a hotspot in the resulting Web page. When a user clicks in the hotspot, the Web browser links to the specified URL and target frame. This option is only available for Image slices. To assign link information to an Image slice: 1 Select a slice. If you are working in Photoshop, double-click the slice with the slice select tool to display the Slice Options dialog box. 2 In the Slice Options dialog box (Photoshop) or the Slice palette (ImageReady), enter a URL in the URL text box, or choose a previously created URL from the 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). Using Help | Contents | Index Back 379

  • 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
379
Adobe Photoshop Help
Designing Web Pages
U
sing H
elp
|
C
on
t
en
ts
|
Inde
x
B
ack
379
Specifying slice names
As you add slices to an image, you may find it helpful to rename slices based on their
content. By default, user slices are named according to the settings in the Output Options
dialog box. (See
S
etting slic
e output options
on page
443
.) Layer-based slices are given
the name of the layer from which they are derived.
To change the name of a slice:
Do one of the following:
Select a slice. If you are working in Photoshop, double-click the slice with the slice select
tool to display the Slice Options dialog box. In the Slice Options dialog box (Photoshop)
or the Slice palette (ImageReady), type a new name in the Name text box.
Note:
The Name text box is not available for No Image slice content.
Double-click the slice’s name in the Rollovers palette, and enter a new name.
(See
U
sing the R
ollo
v
ers palett
e
on page
398
.)
Specifying slice background colors
The background color option lets you select a color to fill the transparent area (for Image
slices) or entire area (for No Image slices) of the slice. In Photoshop, this option is available
only if you activate the Slice Options dialog box from within the Save for Web dialog box.
Photoshop and ImageReady do not display the selected background color—you must
preview the image in a browser to view the effect of selecting a background color.
(See
P
r
e
viewing an image in a br
o
w
ser
on page
53
.)
To choose a background color:
1
Select a slice. If you are working in the Photoshop Save for Web dialog box, double-click
the slice with the slice select tool to display the Slice Options dialog box.
2
In the Slice Options dialog box (Photoshop) or the Slice palette (ImageReady), select a
background color from the Background/BG pop-up menu:
(Photoshop) Select None, Matte, Eyedropper (to use the color in the eyedropper
sample box), White, Black, or Other (using the color picker).
(ImageReady) Select None, Matte, Foreground Color, Background Color, or Other (to use
the color picker), or select a color from the pop-up palette.
Assigning a URL to an Image slice
Assigning a URL to a slice makes the entire slice area a hotspot in the resulting Web page.
When a user clicks in the hotspot, the Web browser links to the specified URL and target
frame. This option is only available for Image slices.
To assign link information to an Image slice:
1
Select a slice. If you are working in Photoshop, double-click the slice with the slice select
tool to display the Slice Options dialog box.
2
In the Slice Options dialog box (Photoshop) or the Slice palette (ImageReady), enter a
URL in the URL text box, or choose a previously created URL from the 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).