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

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

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

連接窗口

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

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

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

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

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

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

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

擴(kuò)展！擴(kuò)展！

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

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

創(chuàng)建相冊

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

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

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

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

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

與他人協(xié)同工作

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

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

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

對象窗口利于在頁面中快速插入項(xià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鍵，點(diǎn)擊對象窗口彈出菜單），你可以在對象窗口中看到一個新的功能頁面，圖形就是你設(shè)定的那個。你可以象操作其它對象一樣，拖曳這個新對象到頁面中。

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

重新布局菜單

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