How it Works
Macromedia
Loading...
C
D
E
F
Loading...
Loading...
Fireworks - CS3
User Guide
369 pgs7.96 Mb0
Troubleshooting Guide
75 pgs1.19 Mb0
Table of contents
Loading...

Macromedia Fireworks - CS3 Troubleshooting Guide

Adobe Fireworks CS3 Troubleshooting

Legal notices

Legal notices
For legal notices, see http://help.adobe.com/en_US/legalnotices/index.html.
A note to our customers
Last updated 11/6/2015

Contents

How to animate a text fade in and out . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .1
Button text does not update correctly . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .7
How to change the location of submenus in a Fireworks Pop-up Menu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17
Changing the location of a Pop-up Menu exported from Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20
Why do sliced images from Fireworks have broken icons inside Dreamweaver? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23
How to export animations in sliced images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28
Feathered selections and transparent gradients in Fireworks 3 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28
How to feather an object . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30
Fireworks 3 crashes after the splash screen appears . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31
Fireworks 8 Frequently Asked Questions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32
Fireworks crashes on launch. An error report is generated. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 35
Fireworks document fails to display in the 2-up and 4-up preview windows . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 37
Fireworks generated HTML code with FrontPage . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 39
Fireworks Illustrator integration issues . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 40
Fireworks JavaScript preloads explained . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 41
Fireworks Online Forums . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 45
Fireworks Photoshop integration issues . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 45
General file and code troubleshooting . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 47
After installing the English version, Fireworks 8 launches in a different language . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 50
"Internal Error" or "File not found" when previewing a multi-page Fireworks CS3 file in a browser on Leopard (Mac OS X
v10.5.x) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 51
Limitations of 9-Slice Scaling in Fireworks CS3 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 52
How to make small text characters look cleaner . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 53
Photoshop documents opened with Fireworks CS3 do not contain slices . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 56
Quick tips for Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 57
How to show a ''don''t show again'' dialog again . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 59
Text tool in Fireworks CS3 displays "?" instead of Russian or Greek on Mac OS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 60
Uninstall Fireworks 8 | Mac OS X . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 60
Using Photoshop layer masks in Fireworks 3 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 61
Welcome window in Fireworks is partially off the screen and cannot be closed . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 71
iii
Last updated 11/6/2015

How to animate a text fade in and out

IssueThis question came up in a Fireworks 1 seminar that Lynda Weinman held here at Macromedia. The user wanted to use symbols and tweening in Fireworks to create a text object that changed opacity from 0% to 100% over a series of frames and then reversed the animation with another text object, going from 100% to 0% opacity. The example below shows the desired results:
Here's how it's done:Open a new Fireworks Document and follow the steps below:
1
1 In a new Fireworks document, type the first text object. Use the
2 With the text object selected, Choose Edit > Symbols > Make Symbol.
Swatches panel to set the color and any other attributes.
In Fireworks 2 and 3, use either the Fill swatch at the bottom of the toolbox or set the fill color in the Fill panel.
In Fireworks 2 the Symbol, Tween Instances and Symbol Options can be found under the Insert Menu. Choose Insert > Symbol.
In Fireworks 3, choose Insert > Convert to Symbol. Notice that the Symbol is saved in the Library panel. Only instances appear on the canvas in Fireworks 3. Tweening and other Symbol Options are under the Modify menu.
Last updated 11/6/2015
2
3 Clone the Symbol to create an Instance. Note that a symbol has a little
plus (+) sign in the lower left corner of its bounding box. An instance has a "shortcut arrow" in the lower left of its bounding box. The clone command is under the Edit menu. Choose Edit > Clone or press Control+Shift+C (Windows) or Command+Shift+C (Macintosh).
As previously noted, Symbols do not appear on the canvas in Fireworks 3. Instances only will be used for tweening in Fireworks 3.
Last updated 11/6/2015
3
4 Set the opacity of the instance to 0%. In Fireworks 1 this is done in the
5 Choose Modify > Arrange > Send to Back or press Control+B
Opacity Toolbar. In Fireworks 2 and 3 it is found in the Object panel.
(Windows) or Command+B (Macintosh) to send the instance directly behind the symbol. Animation in Fireworks is done in back to front order. When objects are distributed to frames, the backmost object will appear in Frame 1 and the frontmost object will appear in the last frame. All other objects will appear in back to front order in the corresponding sequence of frames.
Last updated 11/6/2015
4
6 Clone the instance. The cloned instance will appear between the
7
instance and the symbol (the original instance in Fireworks 3). Move the second instance to the front by choosing Modify > Arran ge > Bring to Front or press Control+F(Windows) or Command+F (Macintosh).
• In Fireworks 1 choose Edit > Symbols > Tween Instances....
• In Fireworks 2 choose Insert > Tween Instances....
• In Fireworks 3 choose Modify > Symbol > Tween Instances....
Last updated 11/6/2015
5
8 Set the number of steps desired between each of the instances and
9 Open the Frames panel and move to the Frame where the symbol
symbol and check "Distribute to Frames".
Note: the number of instances does not include the symbols and instances that have already been placed on the canvas. The number of frames created will equal the number of steps entered in this dialog plus the number of instances and symbols on the canvas.
pears (in Fireworks 3 this will be the frame where the instance's
ap opacity reaches 100%. In this case it will be frame 12.
Last updated 11/6/2015
6
10 Open the Layers panel and add a new layer. Use layers to keep
11 Select the text tool and click on the canvas to enter the second text
animations separate and distinct. Lock the layer containing the first part of the animation to avoid confusion.
object to animate.
Last updated 11/6/2015
7
12 Repeat steps 2 through 8 for the second text object. Export the file as
an Animated GIF with the desired settings.

Button text does not update correctly

IssueButton text does not update correctly.
ReasonT
ability to update the text via the Object panel presents several problems when the user creates multiple text objects in the Button Editor.
For example, if the button has multiple text blocks in any or all of the tabs, and the user updates the text in the Object p this and discusses ways to work around this issue. Other text issues as related to buttons are discussed and tips for improving button production are included.
Unlike text on the canvas, text in a button and any instances o allows the user to easily update button text using the Object panel. Because the Button Editor and the Symbol Editor behave exactly like the canvas, it is possible to create multiple text objects on a button and its various states which can present problems under the circumstances in this list.
he addition of the Button Editor in Fireworks 3 with the copy up and update text functions, along with the
anel when the button is selected, which text block gets updated? This TechNote explains how Fireworks determines
f it on the canvas are dynamically linked. This is what
The following problems that may occur using text in the Button Editor:
Last updated 11/6/2015
Non-updating features.
Multiple text objects in the button editor.
Non-updating features In Fi rew ork s 3, on ly al pha num eric c hara cter s that are ent ere d int o the text string are upda tabl e. Font, Font size, color, style, kerning, leading, alignment, character width, baseline shift, anti-aliasing and auto-kerning are not affected when updating text in buttons.
8
Note:Th
is behavior is consistent both when text is changed in the text editor and when text is updated in the Object
panel when the button is selected.
Multiple text objects in the Button Editor I
n Fireworks 3 users can place many text objects in the Button Editor. Because of the linking of the text between the various states in the Button Editor as well as the ability to update the text from the Object panel, problems may arise that can be easily avoided with a little foresight.
SolutionThe following steps and illustrations show what can happen (1- 12) and in step 13 how to avoid such prob
lems:
1 Choose Insert > Button or click a text object and select Insert >
Convert to Symbol. Check the radio "Button" in next dialog window. Text can also be imported into the Button Editor or choose Insert > Libraries > Other to choose a text button from another document from your system.
2 Effects can be added to the text just as an effect can be applied to any
object on the canvas.
Last updated 11/6/2015
9
3 Click the Over state tab and then click the "Copy Up Graphic" button.
4 The Update text dialog appears asking if you wish to update the text
Double-click the text to bring up the Text Editor and change the text.
n the other button states.
i
Last updated 11/6/2015
Note:When you click on the "Don't show again" checkbox, the selection you choose will be kept for future text updates. To restore the dialog to show whenever text is updated, delete the Fireworks Preferences file and relaunch the program.
10
5 Use onion skinning to see the relative position of the buttons
between the various states. Don't confuse an objec t on another tab as being on the current tab because onion skinning is turned on.
Last updated 11/6/2015
11
6 Repeat the Copy Up, Over and Down Graphic operation and add a
new text object to each subsequent state of the button. Notice that the last added text is the top object in the button state just as layers may contain multiple objects that appear in a front to back order. The text to the right in this button has the word "Special" as the top object then "Ultra" as the second object, "New" as the third and "Text Button" as the bottom item.
Note:When working with a button that will be exported as part of a Nav Bar, the Link Wizard may be disregarded in the creation of the initial button. This gives you the flexibility of setting specific button properties later in the Object panel.
7 Once the button is created it will appear on the canvas and in the
Library panel.
Last updated 11/6/2015
12
8 With the button selected on the canvas, bring up the Object panel
9 Enter some new text in the Button Text field. Notice that the new text
Command+ I (Macintosh) or Control+ I (Windows) and notice that the Button text field will display the topmost text that appears in the Up state of the Button Editor.
appears on the Over state of the button.
Last updated 11/6/2015
13
10 When the Over state is viewed, notice that the text in the topmost
object of the layer stack gets al tered, not the original text that logically would be linked to the text in the Up state.
Last updated 11/6/2015
14
11 When the Down state is viewed, notice that the text in the topmost
object of the layer stack gets al tered, not the original text that logically would be linked to the text in the Over state.
Last updated 11/6/2015
15
12 When the Over While Down state is viewed, notice that the tex t in the
topmost object of the layer sta ck gets altered, not the original text that logically would be linked to the text in the Down state.
Last updated 11/6/2015
16
13 To avoid this problem, click the text object to be changed in the Over,
Down and Over While Down states and choose Modify > Arrange > Bring to Front before exiting the Button Editor. Then when the button is changed either by using the Object panel or by using the Button Editor, the correct text will be altered.
Last updated 11/6/2015
17
14 This animation shows the various states of the button with the text
altered after moving the objects to the front.

How to change the location of submenus in a Fireworks Pop-up Menu

Positioning submenus in Fireworks 4
Many users have asked how they can control the position of submenus that are generated using the Fireworks 4 Pop­u
p Menu feature. The code that controls the horizontal and vertical position of the submenus relative to their main menu items is found in the fw_menu.js file. This TechNote will explain how you can change the position of your submenus using the code provided. In Fireworks MX, submenus can be positioned using the Position tab of the Pop­up Menu Editor. See Fireworks MX Pop-Up Menus (Fireworks Article) for more information on Pop-up Menus in Fireworks MX.
Last updated 11/6/2015
This TechNote assumes that you already know how to create Pop-up Menus in Fireworks 4 and that you know how to export Fireworks HTML and Images to a defined Dreamweaver site directory structure. You can learn how to create Pop-up Menus by choosing Help > Lessons and clicking on Lesson 5 in the Flash movie that appears: "Creating a Pop­up Menu" to learn how to c reate Pop-up Menus. For information on how to O ptimize and Exp ort your files, see articles
Optimizing and Exporting area of the Fireworks support site. Also you should be somewhat familiar with
in the JavaScript, and should be able to edit the code in the fw_menu.js file with confidence.
This TechNote will explain:
• How to set the horizontal positioning of the submenus globally.
• How to set the vertical positioning of the submenus globally.
• How to set individual horizontal positioning for submenus.
Changing submenu horizontal position globally
The submenu positioning in the fw_menu.js is determined by three lines in the code. In each case, the change you make should be identical. The following table gives details on these three lines of code and shows how they should be changed. To do this you can open the fw_menu.js that was exported to your site directly alongside the Fireworks HTML in Code view in Dreamweaver 4.
Note: The code in the fw_menu.js shown in this TechNote is generated from Fireworks 4.0.2 in it's original form. Make sure you have downloaded and installed the
Fireworks 4.0.2 updater before exporting your HTML and images from
Fireworks. If you have made other third party recommended changes, your line numbers may be different.
18
To change the horizontal position of submenus, follow these steps:
1 Open the fw_menu.js file that Fireworks exported alongside the Fireworks HTML file in Dreamweaver and choose
View > Code if Code View is not enabled. You should also be able to see the line numbers. If not, choose View > Code View Options > Line Numbers. It may also help to turn on Word Wrap, Syntax Coloring and Auto Indent as well. Scroll down in the code to line 652 and locate the following line of code:
Notice the "-5" at the end of that line? That means the submenu should overlap its parent menu by 5 pixels. So if you wanted increase the overlap, change the -5 to something smaller like -10. That would cause an overlap of 10 pixels. If didn't want to overlap at all, you would add a positive number. For example, changing the -5 to +5 would cause the submenu to be positioned 5 pixels to the right of the parent menu's right side. Change this number to the desired pixel setting.
2 Because the Pop-up Menu code is designed to work in several different browsers, there are two other locations where
you must set the distance from the right side of the main menu. Scroll down in the code to line 668 and locate the following code:
Again, change the "-5" at the end of this line of code to the desired pixel setting to cause the submenu to appear the desired number of pixels from the right side of the main menu.
3 The third location where you must change the horizontal position of the submenu is shown below. It is only 3 lines
further down on line 671.
Here also, you will need to change the "-5" at the end of the line to the same number you entered for the two submenu positions in lines 652 and 668. Once you have set this number in all three lines, Save the fw_menu.js file. The next time you view the HTML in a browser, you will see that the submenus appear at exactly the location you specified in the three lines of the fw_menu.js code.
Last updated 11/6/2015
Changing the vertical position globally
As with the horizontal position, the vertical position of the submenus is set in three lines of the fw_menu.js file. The following table gives details on these three lines of code and shows how they should be changed. Again you must open the f w_menu.js that was exported to your site directly alongside the Fireworks HTML in C ode view in Dreamweaver 4.
To change the vertical position of submenus follow these steps:
1 Again, as in step 1 in the instructions for horizontal positioning of the submenus, you must open the fw_menu.js in
Dreamweaver in Code View. Scroll down to line 647 and locate the following code:
Notice that the last item in the line is divided by the number "3". The default location for submenus is set to 1/3 the height of the menu item as set in the fwLoadMenus function in the <script> area of the HTML code. By either changing the number 3 to a different number, or by replacing the entirel.Menu.menuItemHeight/3 to a different numerical value, positive or negative, the vertical position of the submenus can be adjusted.
2 Scroll down to line 667 and locate the following code:
Again the value is expressed as the MenuItemHeight divided by "3". You can either set the value of the denominator in this fraction or you can replace the entire l.Menu.menuItemHeight/3 with the desired value, including negative numbers.
19
3 Scroll to line 670 which is the last line where the vertical position must be set:
Again the value is expressed as the MenuItemHeight divided by "3". You can either set the value of the denominator in this fraction or you can replace the entire l.Menu.menuItemHeight/3 with the desired value, including negative numbers. All values should be set in whole numbers since they are measured in pixels.
Changing the horizontal position for individual menus
1 In the fw_menu.js file, append the string "+ (childMenu.Menu.horzOffset || 0)" to the default endings to lines 649,
652, 668 and 670 as shown below:
Note: Notice the "+" must be included before(childMenu.Menu.horzOffset...) Make sure you correctly enter the entire string!
2 The Fireworks JavaScript code also sets a container for the menus and submenus to appear in as indicated by the
property "Menu.container", which in turn has a property called "clip". The Menu container is an invisible box that the Pop-up Menus and submenus are set to appear in and the clip delimits the size and location of this container. This container only affects Netscape 4.x code, so if you want to make submenus that are positioned to the left of the main menu appear in Netscape 4.x you'll need to add the following two lines of code after line 652 in the fw_menu.js file:if( l.Menu.container.clip.left > childMenu.left ) { l.Menu.container.clip.left = childMenu.left;
3 In the submenu sections of the fwLoadMenus function, for each submenu you wish to control the horizontal
position, define horzOffset. See lines 14 and 20 in the example below. Positive values shift the submenu to the right, and negative values shift the submenu to the left. If you don't define horzOffset for a submenu, it simply goes to the default location.
Last updated 11/6/2015
4 Save and close the fw_menu.js and the HTML file. Test your HTML in a browser. To see this code working, see
Example 1.

Additional Information

The following TechNotes discuss various aspects of Pop-up Menus and ways you can customize or use them in your HTML:
Ch ang ing the loc ati on of a Pop-up Menu exp ort ed f rom Fi rewor ks (TechNote 15001)Customizing and troubleshooting Pop-up Menu images (TechNote 14995)Multiple Pop-up Menu HTMLs inserted into one Dreamweaver file (TechNote
15573)Fonts in Pop-up Menus (TechNote 15342)Pop-up Menus appear behind active content (TechNote 15842)How
to set the length of time a Pop-up Menu remains visible (TechNote 15007)How to open Pop-u p Menus i n an other f ram e panel (TechNote 15816)Using anchor tags with Fireworks 4 Pop-Up Menus (TechNote 15161)Assigning additional behaviors to Pop-up Menu items (TechNote 15369)Fireworks Pop-up Menus in Dreamweaver Library files (TechNote
15101)Creating custom styles for use in Pop-up Menus (TechNote 15377)Fireworks 4 Pop-up Menus in Dreamweaver
4 templates (TechNote 15088)Preventing the Pop-up Menus from disappearing too soon after mouseover (TechNote
16052)How to create transparent Pop-up Menus (TechNote 15526)How to retain the button over state while scrolling
over a Pop-up Menu (TechNote 15926)Using site root-relative paths with Fireworks Pop-up Menus in Dreamweaver templates (TechNote 15832)Using site root-relative paths with Fireworks Pop-up Menus in Dreamweaver Library files
(TechNote 15899)The commented fw_menu.js file (TechNote 15827)
20

Changing the location of a Pop-up Menu exported from Fireworks

IssueWhen previewing in a browser, a Pop-up Menu exported from Fireworks 4 and inserted into an HTML document does not appear in the expected location. The availability of a new extension on the Dreamweaver Exchange allows more stable alignment of pop-up menus in Dreamweaver. See Note below.
Reasons There are several reasons why a Pop-up Menu might display in an unexpected location on the previewing browser page, including:
Changed location of triggering device The location of the triggering
device (a hot spot, linked image or button) for a Pop-up Menu on the Dreamweaver page is not the same location that the triggering device occupied on the canvas in Fireworks.
Browser margins Page margins have not been set to "0" in
Dreamweaver.
Shifting location of triggering device The triggering device is not
absolutely positioned in Dreamweaver.
An explanation of each reason and a corresponding solution are offered below.
Last updated 11/6/2015
Loading...
+ 52 hidden pages
Buy Points How it Works FAQ Contact Us Questions and Suggestions Privacy Policy Cookie Policy Terms of Use