單擊"是",在"另存為"對話框中選擇文件的保存目錄(默認為網站的其實根目錄).
3、這時目標圖片已經進來了,除了在網頁中調整該圖片對象的屬性(大小,顯示色彩等)外.你還可以直接調用Firework4對它進行優化處理.這也是兩者集成操作的一個表現.
三、在Dreamweaver4中插入Firework4 Html文件
鑒於大家可能對這個概念還比較模糊,下面我們先介紹一下什麼是Firework4 HTML文件格式.顧名思義既然多了一個"HTML"的尾巴,當然在輸出中就少不了這個東西了.Fireworks4的Html文件中包含了與它相關聯的諸多信息:圖像的鏈接、圖像的切片信息以及Javascript腳本語言等等.
大家都知道在Firework4中增加了很多以前在網頁中才能實現的效果,包括熱點控制,下拉菜單制作.而這些的實現都是需要類似Javascript的腳本語言支持的.當然我們現在用Firework制作就變的相對簡單多了,並且程序本身提供的效果也是蠻不錯的.
制作完成了,下面一個問題就是如何在不影響效果的基礎上,將他們導入到指定的網頁中.根據不同的需求,我們提供了大概4種不同的導入方法:
1、以獨立的網頁文件輸出
這種情況可能比較少(多為設計性的網頁),不過在需要時,倒是很簡單.
完成以後,選擇菜單"File "-"Export",進入文件導出窗口,如圖
在"保存類型"下拉列表中選擇"Html and Images"即可.然後你就可以在浏覽器裡查看效果了.
2、利用"Insert Fireworks Html"菜單或按鈕完成
不過畢竟Firework所產生的Html文件更多的時候是作為網頁的某一部分出現的,因此DreamWeaver同時也提供了不錯的導入功能.
注意一下,在DreamWeaver4的"Object"面板中有一個代表Firework的圖標.鼠標懸停,你會得到一個"Insert Fireworks HTML"的提示信息,單擊這個按鈕就可以插入Firework導出的Html文件了.具體的步驟如下:
1)保存當前文檔到DW所在的站點目錄中.注意一定要輸出為.HTM的擴展名,否則DreamWeaver在插入時不能夠正確識別,同時在網頁編輯窗口中定位好光標位置.
2)單擊"Insert Fireworks HTML"按鈕或者使用菜單命令"Insert"-"Interactive Image"-"Fireworks HTML".在彈出的的對話框裡單擊"Browse",選擇需要插入的Firework Html文件,如圖