網(wǎng)頁設(shè)計常用到的Dreamweaver實用技巧

Dreamweaver使得建立Web站點變得異常簡單，但不要誤認(rèn)為這等于功能簡單。實際上，這種有效的可視化Web開發(fā)工具同樣是專業(yè)設(shè)計人員選擇的，其中的許多優(yōu)點非常合適于那些需要強大站點管理工具或者想用自己的模板擴充程序以協(xié)同工作的開發(fā)人員。更棒的是，Dreamweaver的靈活性使你無論如何都能提高技術(shù)水準(zhǔn)！既然如此，那么何不現(xiàn)在就開始使用這些技巧以充分發(fā)揮Dreamweaver的強大功能呢？

Dreamweaver具有許多豐富的用戶向?qū)Чδ埽@使它看上去有無法抵擋的魅力。這些易于執(zhí)行的技巧能夠指引你流暢地創(chuàng)建新站點。

連接窗口

Dreamweaver的用戶界面分割為幾個窗口，當(dāng)處于工作狀態(tài)時，屏幕上只能容納幾個窗口。為了保存真實的操作狀態(tài)，佳策略是將打開的窗口連接（dock）在一起。你可能嘗試過拖拽窗口的標(biāo)題欄，這在許多程序中都是可以完成連接動作的，但是在Dreamweaver中卻不生效。

實現(xiàn)窗口連接的技巧是用鼠標(biāo)拖住窗口的tab欄，而不是標(biāo)題欄。試著點擊鼠標(biāo)拖住一個窗口的tab欄并掠過另外一個窗口，當(dāng)看到出現(xiàn)一個黑色邊界時，松開鼠標(biāo)按鈕，你會發(fā)現(xiàn)2個窗口已經(jīng)結(jié)合在一起了?，F(xiàn)在你就可以照此方法連接任意多的窗口，終合并到一個窗口中，如此就能節(jié)省大量的屏幕空間而看到實際的工作情況。但是請注意：裝載器窗口、屬性窗口以及站點窗口是不能被連接的。

數(shù)據(jù)輸入

Dreamweaver允許你將數(shù)據(jù)直接輸入到表格中，這樣就比一次次地剪切、粘貼內(nèi)容到單元格中容易許多。但是如果要輸入的數(shù)據(jù)中含有插入/表格數(shù)據(jù)命令時，就會有些麻煩。很不幸，Dreamweaver只能輸入具有分隔符的.txt文件。如果要處理Word或者Excel文件，可以先將它們輸出為.txt文件，然后再輸入進Dreamweaver中。你會發(fā)現(xiàn)這樣的處理方法簡直象夢一樣美妙！

刪除,恢復(fù)，重復(fù)

輸入數(shù)據(jù)到表格能夠節(jié)省大量的操作時間，但是Dreamweaver中有用的一個功能是它的歷史窗口。在這個窗口中，一旦打開文檔，隨后執(zhí)行的每一個操作都被記錄下來，這樣，你就可以跟蹤操作行為并且簡單地undo或者重復(fù)后一步。只需要選中歷史窗口中的后一步然后按下Delete鍵，或者拖曳滑動指示器到某一步一次刪除幾個步驟。同樣，點擊窗口中的Replay按鈕再次執(zhí)行某一步。

很奇怪不能保存超過50步吧？這是個默認(rèn)數(shù)值。要提高這個數(shù)值，選擇“編輯/參數(shù)選擇”，確認(rèn)處于“普通”功能頁面，在"歷史步驟大值"字段中輸入一個較高數(shù)值。請注意，設(shè)定的保存步驟數(shù)目越大，消耗的內(nèi)容就越大。

擴展！擴展！

通過使用extensions，你可以為Dreamweaver添加更多的性能。許多開發(fā)者創(chuàng)建extensions并免費提供給更多的人使用。你可以訪問Macromedia的站點與大家進行作品交換。當(dāng)運行Dreamweaver時，選擇“命令/獲取更多的命令”，就會自動啟動瀏覽器并轉(zhuǎn)到交換站點。在開始收集所有的新技巧前，首先下載ExtensionManager，它將跟蹤extensions變得輕而易舉。

以下技巧有助于那些管理大站點并與其他Web開發(fā)者一起工作的開發(fā)者。

創(chuàng)建相冊

為許多圖形一次性建立縮圖是一個單調(diào)乏味的工作，特別當(dāng)你不是一個有經(jīng)驗的圖形專家時。沒有關(guān)系，Dreamweaver具有一個新功能，它能象你的一個圖形設(shè)計助手一樣，按照你的要求完成縮圖設(shè)計工作。你告訴Dreamweaver哪個文件夾中包含圖形后，它就會為其中的每一個圖形創(chuàng)建一個縮圖、創(chuàng)建一個包含完整圖形的頁面以及一個存有所有縮圖的索引頁面。為了使用這個功能，你需要首先安裝Fireworks。

首先，建立文件結(jié)構(gòu)：將所有的圖形文件放置到一個文件夾中。然后，選擇“命令/創(chuàng)建網(wǎng)絡(luò)相冊”，并設(shè)置相應(yīng)選項。不要過分考慮標(biāo)題和副標(biāo)題，這些信息隨后都可以進行修改。重要的是指明源圖形文件夾以及目標(biāo)文件夾，因為這些信息決定了處理哪些文件。同時要確定一下縮圖的尺寸大小、格式以及其他選項。當(dāng)點擊OK后，Dreamweaver將控制權(quán)轉(zhuǎn)移給Fireworks，由它開始批量處理文件，創(chuàng)建一個非常好的小型相冊或者一個連續(xù)的產(chǎn)品目錄。如果你有許多相片，設(shè)置好讓它開始運行，然后去休息一會兒，Dreamweaver和Fireworks將完成所有的工作。

創(chuàng)建自定義命令

你還記得前面說過Dreamweaver的一個有用的功能就是歷史窗口嗎？這不是開玩笑，基于列于歷史窗口中的操作，Dreamweaver能夠創(chuàng)建新的命令序列。

要創(chuàng)建一個命令，只需要簡單地執(zhí)行你想要記錄的步驟。然后，在歷史窗口中，選擇想要保存的步驟，并在右下角點擊“保存為”圖標(biāo)，起一個名字，點擊OK。到此，你的自定義命令就出現(xiàn)在“命令”菜單中，可以隨意使用了。

與他人協(xié)同工作

對于與其他人一起工作的Web開發(fā)者而言，他不必?fù)?dān)心其他人修改了你所共享的文件。Dreamweaver利用check-in和check-out系統(tǒng)達到保護打開文件的目的。

以下技巧將幫助你擴展和定制Dreamweaver。實現(xiàn)過程中，你需要編輯某些Dreamweaver的配置文件，所以請一定首先做好原始文件的備份。

創(chuàng)建自定義對象

對象窗口利于在頁面中快速插入項目，比如表單、框架等等。要創(chuàng)建自定義對象，首先創(chuàng)建一個文件，其中要包含你想插入到文檔中的代碼。比如，要創(chuàng)建CNETBuilder.com的新聞框，首先下載這段代碼并保存為newsletters.htm。然后，為了在對象窗口中創(chuàng)建一個新面板，要在Dreamweaver/Configuration/Objects下創(chuàng)建一個文件夾，名字可以隨你設(shè)置，比如叫做MyObjects。將文件newsletters.htm放置到這個目錄下。同時，需要一個代表新對象的圖形文件。可以自己創(chuàng)建一個圖形文件，或者干脆讓Dreamweaver插入一個普通圖標(biāo)。如果是自己創(chuàng)建圖標(biāo)，請注意建立一個18X18象素的GIF文件。將圖形文件保存在同一個目錄下，名字與新對象的名字一樣。這里的圖形文件可以使用。

現(xiàn)在，重新啟動Dreamweaver或者選擇重調(diào)入Extensions（按下Ctrl鍵，點擊對象窗口彈出菜單），你可以在對象窗口中看到一個新的功能頁面，圖形就是你設(shè)定的那個。你可以象操作其它對象一樣，拖曳這個新對象到頁面中。

如果熟悉JavaScript，你就可以創(chuàng)建更加復(fù)雜的對象和其他extensions，比如浮動面板、行為等等?；蛘?，你干脆從MacromediaExchange下載現(xiàn)成的對象。

重新布局菜單

你是否非常反感Dreamweaver的直線性菜單？你是否希望能夠?qū)ⅰ按翱凇辈藛我频接疫?？因為它比“幫助”菜單更頻于使用。實現(xiàn)這些目的，絕對沒有問題！首先，打開Dreamweaver安裝文件夾，找到文件Configuration/Menus/menus.xml，做一個備份并保存到另外一個地方。然后，在文本編輯器中打開Configuration/Menus/menus.xml，找到以開始的代碼塊，這里就包含了所有Dreamweaver的菜單，每一個都用元素描述。