Skip Navigation.

Tutorial: Importing Fireworks Code into Dreamweaver

The last step in preparing our menu is to use Dreamweaver to import it to our document. This page explains how to do so.

Import Fireworks code into Dreamweaver
Cursor in place
Cursor in place
Click for enlargement
When you use Dreamweaver to import Fireworks code, Dreamweaver places the code in the spot you have selected with the cursor. In other words, where ever your cursor is when you import the code, that's where your data will be. Thus, you first want to put your cursor in the spot you would like to have the Fireworks code and images appear (as shown at right).
Insert code dialog
Insert code dialog
Click for enlargement
Next, you need to insert the code in the image. You can do so by clicking the "Insert Fireworks Code" button on the main toolbar. The button has the Fireworks logo as its icon (below). Once you click the button, the Insert dialog will open. Click the "Browse..." button to search for the page you exported. Click "OK" once you've selected the page.
Insert Fireworks code icon

Optimize panel
Inserted text
Click for enlargement
Once you have selected your code and clicked "OK," your Fireworks page should appear in the middle of your document.

Thus ends the IMAGE lab's tutorial for using Dreamweaver and Fireworks. If you have any questions or comments about this tutorial, feel free to ask the IMAGE lab assistant or to contact us.

Previous
Tutorial