In Dreamweaver, select the image or hotspot that triggers the pop-up in Java

Create QR in Java In Dreamweaver, select the image or hotspot that triggers the pop-up

Show Pop-up Menu icon from the Actions list The Show Pop-up Menu dialog box opens where you can edit the menu

For more information about the Pop-up Menu behavior, see Book IV, 4

You can quickly insert Fireworks-generated HTML (including all graphics, formatting, and JavaScript behaviors) into a Dreamweaver document This roundtrip feature lets you design Web elements in Fireworks and add them to new or existing Dreamweaver files Or as an alternative, you can simply copy and paste your HTML code from Fireworks to Dreamweaver Either method allows you to design in Fireworks For example, you can create a navigation bar with a series of buttons, each of which has JavaScript rollover functionality including a hyperlink to another page

After you design your Web elements in Fireworks, inserting the element into your Web page is a two-step process: You must export the HTML into a managed Dreamweaver site and then insert it on your Dreamweaver page Follow these steps to export the Fireworks HTML into Dreamweaver:

HTML from the menu The button looks like a little Fireworks icon with a white arrow behind it pointing to the right and is located in the top-right corner of the Fireworks Document window The Export dialog box opens

site folder as the destination for the file, and select other options relative to the export command

After you export the Fireworks HTML into a Dreamweaver site folder, follow these steps to insert the exported HTML into a Dreamweaver document:

You can also click the Insert Fireworks HTML button on the Common tab of the Insert bar The Insert Fireworks HTML dialog box appears

3 Browse to and select the exported Fireworks HTML file 4 Check the Delete File After Insertion option if you want to delete the

original files after the Fireworks HTML is inserted into the Dreamweaver file Otherwise leave it unchecked If the original Fireworks HTML is on a network drive, however, it s immediately deleted This setting does not affect source PNG files associated with the HTML

Dreamweaver inserts the Fireworks HTML into the Dreamweaver file (see Figure 5-8) This insertion process includes HTML code, graphic images, slices, and JavaScript

Figure 5-8: Use the Insert Image Objects Fireworks command to quickly insert Fireworks HTML into a Dreamweaver file

Rather than using the Insert Fireworks HTML command from the previous section, you can also copy and paste the Fireworks-generated HTML code directly inside a Dreamweaver file To copy and paste Fireworks HTML into a Dreamweaver document, follow these steps:

Fireworks presumes you intend to copy the entire file, so unless you want to copy only a part of the graphic, you don t need to select anything The Copy HTML Code Wizard opens

HTML and images Click the Next button to proceed through each step in the wizard Screen 1: Select an HTML style for the copied HTML, such as Dreamweaver XHTML

Screen 2: Enter a base filename for the copied graphic slices For example, if the graphic is for a logo for ABC company, the base filename might be abclogo Click the Optional HTML settings button to specify additional settings for HTML output Screen 3: Click the Browse button to select a destination for the copied HTML code Typically this is the root folder of your Dreamweaver site Screen 4: Click the Finish button Web-ready images export to the destination folder, and the HTML code copies to your computer s Clipboard

want to paste the HTML code and choose Edit Paste Fireworks HTML The copied Fireworks HTML and any associated JavaScript code are pasted into the Dreamweaver file At the same time, links to the images inside the pasted code are updated to match the freshly exported Fireworks images in the Dreamweaver site folder

To edit Fireworks HTML files inserted in Dreamweaver documents from within Fireworks and without launching Dreamweaver, try the Fireworks Update HTML command This command lets you make changes to source PNG files in Fireworks and automatically update exported HTML and image files placed in Dreamweaver, even if Dreamweaver isn t running Follow these steps to update any Fireworks HTML you have in your Dreamweaver document: