Adobe 65011817 User Guide - Page 237
Include comments in exported HTML, Results of exporting, Export Fireworks HTML
UPC - 883919157368
View all Adobe 65011817 manuals
Add to My Manuals
Save this manual to your list of manuals |
Page 237 highlights
USING FIREWORKS CS4 231 Optimizing and exporting There are a variety of ways to export Fireworks HTML: • Export an HTML file, which you can later open for editing in an HTML editor. • Export each page in a Fireworks file to a separate HTML file. • Copy HTML code to the Clipboard in Fireworks, and then paste that code directly into an existing HTML document. • Export an HTML file, open it in an HTML editor, manually copy sections of code from the file, and paste that code into another HTML document. • Export HTML as Cascading Style Sheet (CSS) layers and XHTML. • Use the Update HTML command to make changes to an HTML file you've previously created. Fireworks lets you export HTML in Generic, Dreamweaver, Microsoft® FrontPage®, and Adobe GoLive® formats. Note: Adobe Dreamweaver shares a tight integration with Fireworks. Fireworks handles the export of HTML to Dreamweaver differently than it handles export to other HTML editors. If you are exporting Fireworks HTML to Dreamweaver, see "Working with Dreamweaver" on page 238. The export method of getting Fireworks HTML into other applications is ideal if you are working in a team environment. This method divides the workflow into segments so that one person can perform a task in one application, and another can take over at a later time using another application. Include comments in exported HTML Fireworks HTML comments begin with . Anything between these two markers is not interpreted as HTML or JavaScript code. ❖ Before exporting, select the Include HTML Comments option on the General tab of the HTML Setup dialog box. Results of exporting When you export or copy HTML from Fireworks, the following is generated: • The HTML code necessary to reassemble sliced images and any JavaScript code if the document contains interactive elements. Fireworks HTML contains links to the exported images and sets the web page background color to the canvas color. • One or more image files, depending on how many slices are in your document and how many states you include in buttons. • A file called spacer.gif, if necessary. Spacer.gif is a transparent, 1-pixel-by-1-pixel GIF that Fireworks uses to fix spacing problems when sliced images are reassembled in an HTML table. You can choose whether Fireworks exports a spacer. • If you export any pop-up menus, the following files are exported: mm_css_menu.js and a .css file containing the CSS pop-up menu code. If your pop-up menus contain submenus, an arrows.gif file is also exported. • If you export or copy HTML to Dreamweaver, notes files are created that facilitate the integration between Fireworks and Dreamweaver. These files have an .mno extension. Export Fireworks HTML 1 Select File > Export. 2 Navigate to a folder on your hard drive in which to export. 3 From the Export pop-up menu, select HTML and Images. Last updated 3/8/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