Adobe 23101335 User Guide - Page 292

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

Page 292 highlights

282 CHAPTER 10 Designing Web Pages To specify a content type: 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), select a slice type from the Type pop-up menu. 3 (Photoshop) Click OK. Specifying slice names The Name option lets you change the default name of a slice. This option is only available for Image slices. You can also change the default naming pattern for slices. (See "Setting slice naming preferences" on page 351.) To change the name of a 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), type a new name in the Name text box. 3 (Photoshop) Click OK. 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 84.) 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. 3 (Photoshop) Click OK. 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.

  • 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

CHAPTER 10
282
Designing Web Pages
To specify a content type:
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), select a slice type
from the Type pop-up menu.
3
(Photoshop) Click OK.
Specifying slice names
The Name option lets you change the default name
of a slice. This option is only available for Image
slices. You can also change the default naming
pattern for slices. (See “Setting slice naming
preferences” on page 351.)
To change the name of a 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), type a new name in
the Name text box.
3
(Photoshop) Click OK.
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 84.)
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.
3
(Photoshop) Click OK.
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.