Insert Fireworks HTML in Dreamweaver

dreamweaver| Insert

There are many different ways to insert fireworks HTML into Dreamweaver. The user can copy the fireworks HTML to the Clipboard, or use the menu or Insert panel to insert the fireworks HTML file directly, or you can open the exported fireworks HTML file in Dreamweaver. You can then copy and paste the selected code fragment, and also use the Update HTML command in fireworks to easily update the code exported to Dreamweaver, or even export HTML as a Dreamweaver library project. These methods have their own advantages and the user can make a choice according to the circumstances.

Specific application:

　　1. Copy the fireworks HTML to the clipboard for use in Dreamweaver

Figure 7 The Export dialog box, select Copy to Clipboard

One quick way to put fireworks HTML in Dreamweaver is to copy it from fireworks to the Clipboard and paste it directly into the Dreamweaver document. We can copy HTML code to the Clipboard in fireworks in two ways. One is to use "copy HTML Code" under the "Edit" menu, and the other is to select the "Copy to Clipboard" (Copy to Clipboard) option in the HTML option in the Export dialog box, as shown in Figure 7. This allows you to copy the fireworks HTML to the Clipboard and generate the associated image file in the specified location, and you can then paste the HTML into the document in Dreamweaver. All HTML and JavaScript code related to the fireworks document is copied to the Dreamweaver document, the image is exported to the specified location, and Dreamweaver updates the HTML with the site relative links of the images.

　　2. Insert fireworks HTML directly into the Dreamweaver

To insert a fireworks HTML file directly into Dreamweaver, you can do the following:

First you need to export the fireworks HTML file to the defined Dreamweaver site and place the cursor in the document where you want to insert it. Select Insert-> "image Objects"-> "Fireworks HTML" or click the inverted triangle next to the Insert Image button in the Common category of the Insert Panel, which pops up the Drop-down menu shown in Figure 8.

Figure 8 Drop-down Menu

Select the button icon to insert Fireworks HTML, the dialog shown in Figure 9 appears, click the Browse option, select the fireworks HTML file you want, and then click OK to bring the HTML code along with its associated images, slices, and JavaScript Inserted into the Dreamweaver document together.

If the fireworks HTML file is no longer needed after inserting, select the Delete file after insertion option. This option does not affect the PNG source file associated with the HTML file.

Figure 9 "Insert Fireworks HTML" dialog box

　　3. Copy the code from the fireworks HTML and paste it into the Dreamweaver

Another option is to open the exported fireworks HTML file in Dreamweaver, and then copy the required portions and paste them into another Dreamweaver document.