將Fireworks表格插入Dreamweaver

2024-09-11 13:31:37

字體：大中小

來源：轉載

供稿：網友

　　到目前為止，你已經體驗了跨產品的交互，從到再回到dreamweaver?，F在你將會進一步體驗這種循環，將一個fireworks表格放置到dreamweaver中，并在dreamweaver和fireworks中編輯它，最后回到dreamweaver中看到已經更新的文件。

　　你將從在travel detail頁面中央空白區域放置一個fireworks表格開始。

　　在fireworks中輸出帶表格的圖片

　　首先，你要打開png格式的源文件。

　　切換到fireworks。

　　在fireworks中，選擇file->open。

　　在彈出的對話框中，找到硬盤上存放xtutorial_dwfw4的目錄，找到content.png文件，并打開它。#####2-#####

　　content.png文件是一張大圖片，但是已經被切割為很多個小矩形。如果想要了解更多關于創建切割的信息，請查看fireworks幫助（fireworkshelp）中的使用熱區和切割（usinghotspots and slices）。

　　點擊工具條底部的顯示切割（show slice）按鈕顯示出切割的邊緣。

　　當你輸出這張圖片后，每個切割都會成為一個html表格的單元格。

　　選擇file->export。在export對話框中做如下修改：

　　將文件保存的目錄修改為xtutorial_dwfw4/images下的table目錄。

　　將文件命名為content.htm

　　在save as的彈出菜單中，選擇html and images。

　　在html彈出菜單中，選擇export html file。

　　在slices彈出菜單中，選擇export slices。

　　選擇include areas without slices。#####3-#####1

　　作者：spikal(翻譯)　出處：點燃靈感轉載請聯系作者和相關出處

　　到目前為止，你已經體驗了跨產品的交互，從dreamweaver到fireworks再回到dreamweaver?，F在你將會進一步體驗這種循環，將一個fireworks表格放置到dreamweaver中，并在dreamweaver和fireworks中編輯它，最后回到dreamweaver中看到已經更新的文件。

　　你將從在travel detail頁面中央空白區域放置一個fireworks表格開始。

　　在fireworks中輸出帶表格的圖片

　　首先，你要打開png格式的源文件。

　　切換到fireworks。

　　在fireworks中，選擇file->open。

　　在彈出的對話框中，找到硬盤上存放xtutorial_dwfw4的目錄，找到content.png文件，并打開它。

　　content.png文件是一張大圖片，但是已經被切割為很多個小矩形。如果想要了解更多關于創建切割的信息，請查看fireworks幫助（fireworkshelp）中的使用熱區和切割（usinghotspots and slices）。

　　點擊工具條底部的顯示切割（show slice）按鈕顯示出切割的邊緣。

　　當你輸出這張圖片后，每個切割都會成為一個html表格的單元格。

　　選擇file->export。在export對話框中做如下修改：

　　將文件保存的目錄修改為xtutorial_dwfw4/images下的table目錄。

　　將文件命名為content.htm

　　在save as的彈出菜單中，選擇html and images。

　　在html彈出菜單中，選擇export html file。

　　在slices彈出菜單中，選擇export slices。

　　選擇include areas without slices。