【軟體操作小撇步 –Dreamweaver CS4關聯檔案列介紹】

Dreamweaver CS4新增加了「關聯檔案列」這項非常貼心的功能,可以讓您在編輯網頁時,方便您隨時檢視與該網頁相關聯的檔案,包含CSS, Html, JavaScript…等等

一、

下圖是TQC「Dreamweaver CS4實力養成暨評量」書中的310題,Default.htm的編輯畫面。



二、 Default.htm網頁,連結使用了4個JS,1個HTML以及2個CSS檔案。以往,如果我們編輯連結的檔案,只能由網頁的Html碼找出關聯檔案的位置,然後再去將檔案開啟編輯,實在是很不方便。現在,Dreamweaver CS4提供了「關聯檔案列」功能,很貼心的把連結的檔案都一併開啟在「關聯檔案列」之中了,下圖的紅色框中的檔案,即是Default.htm網頁所有連結的檔案。



三、 如果我們要修改任一關聯檔案的內容時,只要在「關聯檔案列」中點選要修改的檔案名稱,「程式碼」窗格中的內容就會切換到該檔案,而「設計」窗格則還是留原本的網頁畫面。


四、 修改完成後,將聯結的檔案存檔,再按鍵盤的[F5](重新整理),則「設計」窗格中的網頁畫面就會更新為修改後的樣子,真的是太方便了!

修改前


修改後

版權所有,未經確認授權,嚴禁轉貼節錄
財團法人中華民國電腦技能基金會
TEL:02-2577-8806•FAX:02-2577-8135
服務信箱:[email protected]