Adobe 38039927 User Guide - Page 206

Creating slice objects

Page 206 highlights

ADOBE FIREWORKS CS3 201 User Guide Updating parts of a web page Slicing allows you to easily update parts of a web page that change frequently. For example, your company's web page might have an employee-of-the-month section that changes monthly. Slicing enables you to quickly change just the employee's name and photo without replacing the entire page. Creating slice objects You can create a slice object by drawing it with the Slice tool or by inserting a slice based on a selected object. The lines extending from the slice object are slice guides, which determine the boundaries of the separate image files into which the document is split on export. These guides are red by default. To insert a rectangular slice based on a selected object: 1 Select Edit > Insert > Slice. The slice is a rectangle whose area includes the outermost edges of the selected object. 2 If more than one object is selected, select how to apply slices: Single creates a single slice object that covers all selected objects. Multiple creates a slice object for each selected object. To draw a rectangular slice object: 1 Select the Slice tool. 2 Drag to draw the slice object. The slice object appears on the Web Layer, and the slice guides appear in the document. Note: You can adjust the position of a slice as you drag to draw it. While holding down the mouse button, simply press and hold down the Spacebar, then drag the slice to another location on the canvas. Release the Spacebar to continue drawing the slice. Creating HTML slices An HTML slice designates an area where ordinary HTML text appears in the browser. An HTML slice does not export an image; it exports HTML text that appears in the table cell defined by the slice. HTML slices are useful if you want to quickly update text that appears on your website without having to create new graphics.

  • 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

ADOBE FIREWORKS CS3
User Guide
201
Updating parts of a web page
Slicing allows you to easily update parts of a web page that change frequently. For
example, your company’s web page might have an employee-of-the-month section that changes monthly. Slicing
enables you to quickly change just the employee’s name and photo without replacing the entire page.
Creating slice objects
You can create a slice object by drawing it with the Slice tool or by inserting a slice based on a selected object.
The lines extending from the slice object are slice guides, which determine the boundaries of the separate image files
into which the document is split on export. These guides are red by default.
To insert a rectangular slice based on a selected object:
1
Select Edit > Insert > Slice. The slice is a rectangle whose area includes the outermost edges of the selected object.
2
If more than one object is selected, select how to apply slices:
Single
creates a single slice object that covers all selected objects.
Multiple
creates a slice object for each selected object.
To draw a rectangular slice object:
1
Select the Slice tool.
2
Drag to draw the slice object. The slice object appears on the Web Layer, and the slice guides appear in the
document.
Note:
You can adjust the position of a slice as you drag to draw it. While holding down the mouse button, simply press
and hold down the Spacebar, then drag the slice to another location on the canvas. Release the Spacebar to continue
drawing the slice.
Creating HTML slices
An HTML slice designates an area where ordinary HTML text appears in the browser. An HTML slice does not
export an image; it exports HTML text that appears in the table cell defined by the slice.
HTML slices are useful if you want to quickly update text that appears on your website without having to create new
graphics.