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

Dreamweaver使得建立Web站點(diǎn)變得異常簡(jiǎn)單，但不要誤認(rèn)為這等于功能簡(jiǎn)單。實(shí)際上，這種有效的可視化Web開發(fā)工具同樣是專業(yè)設(shè)計(jì)人員選擇的，其中的許多優(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的用戶界面分割為幾個(gè)窗口，當(dāng)處于工作狀態(tài)時(shí)，屏幕上只能容納幾個(gè)窗口。為了保存真實(shí)的操作狀態(tài)，佳策略是將打開的窗口連接（dock）在一起。你可能嘗試過拖拽窗口的標(biāo)題欄，這在許多程序中都是可以完成連接動(dòng)作的，但是在Dreamweaver中卻不生效。

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

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

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

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

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

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

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

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

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

創(chuàng)建相冊(cè)

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

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

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

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

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

與他人協(xié)同工作

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

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

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

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

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

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

重新布局菜單

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