dreamweaver| Insert
so far, you've experienced cross product interactions, from Dreamweaver to fireworks and back to Dreamweaver. Now you'll experience this cycle further, place a fireworks table in Dreamweaver, edit it in Dreamweaver and fireworks, and finally go back to Dreamweaver to see the files that have been updated.
you will start by placing a fireworks form on the Travel detail page in the center blank area.
prints a picture with a table in fireworks
first, you want to open the PNG format source file.
switch to fireworks.
in Fireworks, choose File->open.
in the pop-up dialog box, locate the XTUTORIAL_DWFW4 directory on your hard drive, locate the Content.png file, and open it. # # # # # #2-#####
content.png file is a large picture, but has been cut to many small rectangles. If you want to learn more about creating a cut, see the use of hot zones and cutting (Usinghotspots and Slices) in the fireworks Help (FIREWORKSHELP).
Click the Show Slice button at the bottom of the tool bar to show the edge of the cut.
When you output this image, each cut becomes a cell of an HTML table.
Choose File->export. In the Export dialog box, make the following modifications:
changes the file saved directory to the table directory under Xtutorial_dwfw4/images.
name the file as Content.htm
in the Save as pop-up menu, select HTML and Images.
in the HTML pop-up menu, select Export HTML File.
in the Slices pop-up menu, select Export Slices.
select Include Areas without Slices. # # # # #3-#### #1
Author: Spikal (translate) Source: Ignite The Inspiration reprint please contact author and relevant source
so far, you've experienced cross product interactions, from Dreamweaver to fireworks and back to Dreamweaver. Now you'll experience this cycle further, place a fireworks table in Dreamweaver, edit it in Dreamweaver and fireworks, and finally go back to Dreamweaver to see the files that have been updated.
you will start by placing a fireworks form on the Travel detail page in the center blank area.
prints a picture with a table in fireworks
first, you want to open the PNG format source file.
switch to fireworks.
in Fireworks, choose File->open.
in the pop-up dialog box, locate the XTUTORIAL_DWFW4 directory on your hard drive, locate the Content.png file, and open it.
content.png file is a large picture, but has been cut to many small rectangles. If you want to learn more about creating a cut, see the use of hot zones and cutting (Usinghotspots and Slices) in the fireworks Help (FIREWORKSHELP).
Click on the display Cut (show Slice) button at the bottom of the toolbar to show the edge of the cut.
When you output this image, each cut becomes a cell of an HTML table.
Choose File->export. In the Export dialog box, make the following modifications:
changes the file saved directory to the table directory under Xtutorial_dwfw4/images.
name the file as Content.htm
in the Save as pop-up menu, select HTML and Images.
in the HTML pop-up menu, select Export HTML File.
in the Slices pop-up menu, select Export Slices.
select Include Areas without Slices.
1
Click Save to complete the output and save the related files.
in fireworks, close the Content.png file, but do not save it, and do not turn off fireworks.
The fireworks table into Dreamweaver
now that you've exported the fireworks form to the Dreamweaver Web site, you can then put it on the Traveldetail page.
switches to Dreamweaver and confirms that the travel detail page is in the current window.
Click the upper-left corner of the blank cell in the table to set an insertion point.
You will add the fireworks table by inserting the Content.html method. When you add fireworkshtml code, all the relevant pictures will be included.
in Dreamweaver, click the Insert Fireworks HTML button (insertfireworkshtml) on the object surface.
in the dialog box that appears, click Browse to locate the Xtutorial_dwfw4 directory on your hard drive and locate the content.htm file in the images/table directory below it.
Click OK to insert the fireworks form.
Select File->save Save to Travel detail page to complete the modification.
Author: Spikal (translated) Source: Light inspiration turn
