一、背景分析

　　對(duì)想要在視覺(jué)化環(huán)境下制作復(fù)雜網(wǎng)頁(yè)的專業(yè)網(wǎng)頁(yè)制作者來(lái)說(shuō)，Dreamweaver已經(jīng)漸漸在網(wǎng)頁(yè)編輯工具中展露頭角，成為專業(yè)人士編寫(xiě)網(wǎng)頁(yè)的最佳選擇。根據(jù)Macromedia公司的調(diào)查，Dreamweaver目前已累積有超過(guò)七十萬(wàn)名的使用者，占有率在網(wǎng)頁(yè)編輯工具中居冠，像“Adobe GoLive”和“NetObjects Fusion”等競(jìng)爭(zhēng)者都被遙遙拋在后頭。因此一般地預(yù)估Dreamweaver的使用群體將會(huì)持續(xù)的增加。

　　在這種勢(shì)不可擋的普及率席卷之下，可想而知Dreamweaver內(nèi)置的功能可說(shuō)是越來(lái)越多、越來(lái)越豐富、齊全。在這次我們的介紹中，就有新增一些功能提供網(wǎng)頁(yè)制作者一些更快速的設(shè)計(jì)、更輕易地編碼及整合性更強(qiáng)的功能。事不宜遲，以下我們介紹如何善用Dreamweaver里的一些功能。以下密技共有十二項(xiàng)，可分成四個(gè)主題。分別是：設(shè)計(jì)網(wǎng)頁(yè)頁(yè)面(Dreamweaver里具有彈性的頁(yè)面設(shè)計(jì)功能)、搭配Macromedia其它產(chǎn)品一起使用Dreamweaver(制作動(dòng)畫(huà)和圖片不求人)、自訂使用界面(享受個(gè)性化的使用經(jīng)驗(yàn))和最后的加入Dreamweaver擴(kuò)充程序(在網(wǎng)頁(yè)中載入擴(kuò)充高級(jí)功能)。

　　二、設(shè)計(jì)網(wǎng)頁(yè)頁(yè)面的秘訣

　　不管你是要運(yùn)用HTML原始語(yǔ)法逐字逐字來(lái)編寫(xiě)網(wǎng)頁(yè)，或是運(yùn)用標(biāo)準(zhǔn)化窗口來(lái)進(jìn)行網(wǎng)頁(yè)的視覺(jué)設(shè)計(jì)，以下的小秘訣都可以派得上用場(chǎng)。

　　秘訣1：讓網(wǎng)頁(yè)頁(yè)面大小更有彈性

　　有些網(wǎng)頁(yè)開(kāi)發(fā)者稱以下要介紹的這種技巧為“l(fā)iquid”，在這兒則把這種技巧叫做是“彈性延伸的技巧”。這是一種技巧，可在訪客瀏覽器窗口大小改變時(shí)也隨之調(diào)整網(wǎng)頁(yè)頁(yè)面大小，因此假如窗口過(guò)大就不會(huì)有空白處;窗口過(guò)小邊緣就不會(huì)跑出上下移動(dòng)的拉條。其實(shí)大多數(shù)簡(jiǎn)單的網(wǎng)頁(yè)會(huì)自己隨著瀏覽器窗口大小來(lái)調(diào)整頁(yè)面大小，但是假如是網(wǎng)頁(yè)里用到很多不同的框架及表格，網(wǎng)頁(yè)頁(yè)面大小就很難自動(dòng)彈性地調(diào)整。通常網(wǎng)頁(yè)設(shè)計(jì)者會(huì)用混合運(yùn)用固定寬度的框架，和GIF圖片作為間隔來(lái)設(shè)計(jì)網(wǎng)頁(yè)頁(yè)面，這樣一來(lái)不論是用Internet Explorer或是用Netscape Navigator，頁(yè)面大小都會(huì)固定而不會(huì)跑掉。用Dreamweaver 4.0可以輕而易舉的設(shè)計(jì)出會(huì)自動(dòng)彈性調(diào)整的網(wǎng)頁(yè)。要怎么做呢?

　　★具體做法：用工具面板(Object palette)上的按鈕打開(kāi)網(wǎng)頁(yè)，并且轉(zhuǎn)換到“格式查看”(Layout view)。這時(shí)可以看到文字方塊的欄度，每一欄的方框上方中間還有一個(gè)小小的下拉式箭頭，點(diǎn)選想要設(shè)置彈性顯示的欄上方的小箭頭，接著選擇“將欄設(shè)為彈性顯示”(Make Column Autostretch)。(設(shè)置自動(dòng)調(diào)整欄的寬度以一欄為限)這時(shí)該欄方框上方就會(huì)出現(xiàn)一條波浪形的線，而不是原本表示欄度的數(shù)字。 Dreamweaver會(huì)自動(dòng)制作出固定版面的空格圖片，這個(gè)空白圖片是以欄上方的兩個(gè)長(zhǎng)條形的空白表格表示，如此版面會(huì)自動(dòng)被填充，才會(huì)完成彈性版面設(shè)置。(在第一次增加空白圖片時(shí)會(huì)跳出一個(gè)對(duì)話框問(wèn)你是否要使用內(nèi)置圖片，為求效果，我們建議你讓Dreamweaver自動(dòng)產(chǎn)生一個(gè)，不然就不用使用空白圖片來(lái)填充版面。)

　　秘訣2：創(chuàng)造個(gè)人調(diào)色板

　　Dreamweaver新的“Assets panel”(屬性控制面板)是一種可以在編輯網(wǎng)站時(shí)根據(jù)文件格式，例如圖片、樣式等來(lái)治理文件的新工具。

　　★具體做法：當(dāng)你定義新站點(diǎn)時(shí)(點(diǎn)選Site New Site)，所有類型的物體會(huì)自動(dòng)增加到“Asset panel” 里的適當(dāng)表框中。這個(gè)新加入的“Assets panel”屬性控制面板里也有顏色框，儲(chǔ)存你網(wǎng)站里所用到的所有色彩，包含文字的顏色、背景的顏色，以及超鏈接的顏色等。這是一個(gè)為使用者量身定做的網(wǎng)站導(dǎo)航顏色盤(pán)。只要啟動(dòng)“Assets panel”(先選 “Window”再點(diǎn)“Assets”)，接著點(diǎn)左方那個(gè)小小的色彩卷軸，就可以看到你網(wǎng)站里各式各樣的顏色選項(xiàng)。當(dāng)然你可以將這些顏色拉到某些特定選取的文字中。甚至當(dāng)你選擇某種顏色時(shí)，畫(huà)面上會(huì)出現(xiàn)這種顏色的十六進(jìn)位值的色彩淡濃度，和三原色對(duì)照碼(RGB)。假如想將調(diào)色板工具欄縮小一點(diǎn)，甚至可以僅加入某些顏色到調(diào)色板的“我的最愛(ài)”里。只需將選取的顏色反白、點(diǎn)選窗口里一個(gè)叫做“新增到我的最愛(ài)的”按鈕(最下方靠右的按鈕)，就可以完成了。