【軟體操作小撇步 –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](重新整理)，則「設計」窗格中的網頁畫面就會更新為修改後的樣子，真的是太方便了！ |
 修改前  修改後 |
|
- 回177期電子報主頁 - |
