Dreamweaver技巧12條
發布時間：2010-01-14 共2頁
一、背景分析
對想要在視覺化環境下制作復雜網頁的專業網頁制作者來說，Dreamweaver已經漸漸在網頁編輯工具中展露頭角，成為專業人士編寫網頁的最佳選擇。根據Macromedia公司的調查，Dreamweaver目前已累積有超過七十萬名的使用者，占有率在網頁編輯工具中居冠，像“AdobeGoLive”和“NetObjects Fusion”等競爭者都被遙遙拋在后頭。因此一般地預估Dreamweaver的使用群體將會持續的增加。
在這種勢不可擋的普及率席卷之下，可想而知Dreamweaver內置的功能可說是越來越多、越來越豐富、齊全。在這次我們的介紹中，就有新增一些功能提供網頁制作者一些更快速的設計、更容易地編碼及整合性更強的功能。事不宜遲，以下我們介紹如何善用Dreamweaver里的一些功能。以下密技共有十二項，可分成四個主題。分別是：設計網頁頁面（Dreamweaver里具有彈性的頁面設計功能）、搭配Macromedia其它產品一起使用Dreamweaver（制作動畫和圖片不求人）、自訂使用界面（享受個性化的使用經驗）和最后的加入Dreamweaver擴充程序（在網頁中載入擴充高級功能）。
二、設計網頁頁面的秘訣
1：讓網頁頁面大小更有彈性
有些網頁開發者稱以下要介紹的這種技巧為“liquid”，在這兒則把這種技巧叫做是“彈性延伸的技巧”。這是一種技巧，可在訪客瀏覽器窗口大小改變時也隨之調整網頁頁面大小，因此如果窗口過大就不會有空白處；窗口過小邊緣就不會跑出上下移動的拉條。其實大多數簡單的網頁會自己隨著瀏覽器窗口大小來調整頁面大小，但是如果是網頁里用到很多不同的框架及表格，網頁頁面大小就很難自動彈性地調整。通常網頁設計者會用混合運用固定寬度的框架，和GIF圖片作為間隔來設計網頁頁面，這樣一來不論是用InternetExplorer或是用Netscape Navigator，頁面大小都會固定而不會跑掉。用Dreamweaver4.0可以輕而易舉的設計出會自動彈性調整的網頁。要怎么做呢？
2：創造個人調色板
Dreamweaver新的“Assetspanel”（屬性控制面板）是一種可以在編輯網站時根據文件格式，例如圖片、樣式等來管理文件的新工具。 ★具體做法：當你定義新站點時（點選Site NewSite），所有類型的物體會自動增加到“Asset panel” 里的適當表框中。這個新加入的“Assetspanel”屬性控制面板里也有顏色框，儲存你網站里所用到的所有色彩，包含文字的顏色、背景的顏色，以及超鏈接的顏色等。這是一個為使用者量身定做的網站導航顏色盤。只要啟動“Assetspanel”（先選“Window”再點“Assets”），接著點左方那個小小的色彩卷軸，就可以看到你網站里各式各樣的顏色選項。當然你可以將這些顏色拉到某些特定選取的文字中。甚至當你選擇某種顏色時，畫面上會出現這種顏色的十六進位值的色彩淡濃度，和三原色對照碼（RGB）。如果想將調色板工具欄縮小一點，甚至可以僅加入某些顏色到調色板的“我的最愛”里。只需將選取的顏色反白、點選窗口里一個叫做“新增到我的最愛的”按鈕（最下方靠右的按鈕），就可以完成了。
對想要在視覺化環境下制作復雜網頁的專業網頁制作者來說，Dreamweaver已經漸漸在網頁編輯工具中展露頭角，成為專業人士編寫網頁的最佳選擇。根據Macromedia公司的調查，Dreamweaver目前已累積有超過七十萬名的使用者，占有率在網頁編輯工具中居冠，像“AdobeGoLive”和“NetObjects Fusion”等競爭者都被遙遙拋在后頭。因此一般地預估Dreamweaver的使用群體將會持續的增加。
在這種勢不可擋的普及率席卷之下，可想而知Dreamweaver內置的功能可說是越來越多、越來越豐富、齊全。在這次我們的介紹中，就有新增一些功能提供網頁制作者一些更快速的設計、更容易地編碼及整合性更強的功能。事不宜遲，以下我們介紹如何善用Dreamweaver里的一些功能。以下密技共有十二項，可分成四個主題。分別是：設計網頁頁面（Dreamweaver里具有彈性的頁面設計功能）、搭配Macromedia其它產品一起使用Dreamweaver（制作動畫和圖片不求人）、自訂使用界面（享受個性化的使用經驗）和最后的加入Dreamweaver擴充程序（在網頁中載入擴充高級功能）。
二、設計網頁頁面的秘訣
1：讓網頁頁面大小更有彈性
有些網頁開發者稱以下要介紹的這種技巧為“liquid”，在這兒則把這種技巧叫做是“彈性延伸的技巧”。這是一種技巧，可在訪客瀏覽器窗口大小改變時也隨之調整網頁頁面大小，因此如果窗口過大就不會有空白處；窗口過小邊緣就不會跑出上下移動的拉條。其實大多數簡單的網頁會自己隨著瀏覽器窗口大小來調整頁面大小，但是如果是網頁里用到很多不同的框架及表格，網頁頁面大小就很難自動彈性地調整。通常網頁設計者會用混合運用固定寬度的框架，和GIF圖片作為間隔來設計網頁頁面，這樣一來不論是用InternetExplorer或是用Netscape Navigator，頁面大小都會固定而不會跑掉。用Dreamweaver4.0可以輕而易舉的設計出會自動彈性調整的網頁。要怎么做呢？
2：創造個人調色板
Dreamweaver新的“Assetspanel”（屬性控制面板）是一種可以在編輯網站時根據文件格式，例如圖片、樣式等來管理文件的新工具。 ★具體做法：當你定義新站點時（點選Site NewSite），所有類型的物體會自動增加到“Asset panel” 里的適當表框中。這個新加入的“Assetspanel”屬性控制面板里也有顏色框，儲存你網站里所用到的所有色彩，包含文字的顏色、背景的顏色，以及超鏈接的顏色等。這是一個為使用者量身定做的網站導航顏色盤。只要啟動“Assetspanel”（先選“Window”再點“Assets”），接著點左方那個小小的色彩卷軸，就可以看到你網站里各式各樣的顏色選項。當然你可以將這些顏色拉到某些特定選取的文字中。甚至當你選擇某種顏色時，畫面上會出現這種顏色的十六進位值的色彩淡濃度，和三原色對照碼（RGB）。如果想將調色板工具欄縮小一點，甚至可以僅加入某些顏色到調色板的“我的最愛”里。只需將選取的顏色反白、點選窗口里一個叫做“新增到我的最愛的”按鈕（最下方靠右的按鈕），就可以完成了。
