Adobe Dreamweaver CC 2014 v.13 - Manual (Page 710)

To the top
To the top
To the top
Optimize a Fireworks image from Dreamweaver
You can use Dreamweaver to make quick changes to Fireworks images and animations. From within Dreamweaver, you can change optimization
settings, animation settings, and the size and area of the exported image.
1. In Dreamweaver, select the desired image and do one of the following:
Select Command > Optimize Image
Click the Edit Image Settings button in the Property inspector.
2. Make your edits in the Image Preview dialog box:
To edit optimization settings, click the Options tab.
To edit the size and area of the exported image, click the File tab.
3. When you finish, click OK.
Use Fireworks to modify Dreamweaver image placeholders
You can create a placeholder image in a Dreamweaver document and then start Fireworks to design a graphic image or Fireworks table to replace
it.
To create a new image from an image placeholder, you must have both Dreamweaver and Fireworks installed on your system.
1. Make sure you’ve already set Fireworks as the image editor for PNG files.
2. In the Document window, click the image placeholder to select it.
3. Start Fireworks in Editing From Dreamweaver mode by doing one of the following:
In the Property inspector, click Create.
Press Control (Windows) or Command (Macintosh) then double-click the image placeholder.
Right-click (Windows) or Control-click (Macintosh) the image placeholder, then select Create Image In Fireworks.
4. Use Fireworks options to design the image.
Fireworks recognizes the following image placeholder settings you may have set while working with the image placeholder in Dreamweaver:
image size (which correlates to Fireworks canvas size), image ID (which Fireworks uses as the default document name for the source file
and export file you create), and text alignment. Fireworks also recognizes links and certain behaviors (such as swap image, pop-up menu,
and set text) you attached to the image placeholder while working in Dreamweaver.
Note: Although Fireworks doesn’t show links you’ve added to an image placeholder, they are preserved. If you draw a hotspot and add a
link in Fireworks, it will not delete the link you added to the image placeholder in Dreamweaver; however, if you cut out a slice in Fireworks
in the new image, Fireworks will delete the link in the Dreamweaver document when you replace the image placeholder.
Fireworks doesn’t recognize the following image placeholder settings: image alignment, color, Vspace and Hspace, and maps. They are
disabled in the image placeholder Property inspector.
5. When you finish, click Done to display the save prompt.
6. In the Save In text box, select the folder you defined as your Dreamweaver local site folder.
If you named the image placeholder when you inserted it in the Dreamweaver document, Fireworks populates the File Name box with that
name. You can change the name.
7. Click Save to save the PNG file.
The Export dialog box appears. Use this dialog box to export the image as a GIF or JPEG file, or, in the case of sliced images, as HTML
and images.
8. For Save In, select the Dreamweaver local site folder.
The Name box automatically displays the name you used for the PNG file. You can change the name.
9. For Save As Type, select the type of file or files you want to export; for example, Images Only or HTML And Images.
10. Click Save to save the exported file.
The file is saved, and focus returns to Dreamweaver. In the Dreamweaver document, the exported file or Fireworks table replaces the image
placeholder.
About Fireworks pop-up menus
Fireworks lets you quickly and easily create CSS-based pop-up menus.
703