備考速成:Dreamweaver經典技巧

dreamweaver使得建立web站點變得異常簡單,但不要誤認為這等於功能簡單。實際上,這種有效的可視化web開發工具同樣是專業設計人員選擇的,其中的許多優點非常合適於那些需要強大站點管理工具或者想用自己的模板擴充程式以協同工作的開發人員。更棒的是,dreamweaver的靈活性使你無論如何都能提高技術水準!既然如此,那么何不現在就開始使用這些技巧以充分發揮dreamweaver的強大功能呢?

dreamweaver具有許多豐富的用戶嚮導功能,這使它看上去有無法抵擋的魅力。這些易於執行的技巧能夠指引你流暢地創建新站點。

連線視窗

dreamweaver的用戶界面分割為幾個視窗,當處於工作狀態時,螢幕上只能容納幾個視窗。為了保存真實的操作狀態,最佳策略是將打開的視窗連線(dock)在一起。你可能嘗試過拖拽視窗的標題欄,這在許多程式中都是可以完成連線動作的,但是在dreamweaver中卻不生效。

實現視窗連線的技巧是用滑鼠拖住視窗的tab欄,而不是標題欄。試著點擊滑鼠拖住一個視窗的tab欄並掠過另外一個視窗,當看到出現一個黑色邊界時,鬆開滑鼠按鈕,你會發現2個視窗已經結合在一起了。現在你就可以照此方法連線任意多的視窗,最終合併到一個視窗中,如此就能節省大量的螢幕空間而看到實際的工作情況。但是請注意:裝載器視窗、屬性視窗以及站點視窗是不能被連線的。

數據輸入

dreamweaver允許你將數據直接輸入到表格中,這樣就比一次次地剪下、貼上內容到單元格中容易許多。但是如果要輸入的數據中含有插入/表格數據命令時,就會有些麻煩。很不幸,dreamweaver只能輸入具有分隔設定的.txt檔案。如果要處理word或者excel檔案,可以先將它們輸出為.txt檔案,然後再輸入進dreamweaver中。你會發現這樣的處理方法簡直象夢一樣美妙!

刪除, 恢復,重複

輸入數據到表格能夠節省大量的操作時間,但是dreamweaver中最有用的一個功能是它的歷史視窗。在這個視窗中,一旦打開文檔,隨後執行的每一個操作都被記錄下來,這樣,你就可以跟蹤操作行為並且簡單地undo或者重複最後一步。只需要選中歷史視窗中的最後一步然後按下delete鍵,或者拖曳滑動指示器到某一步一次刪除幾個步驟。同樣,點擊視窗中的replay按鈕再次執行某一步。

很奇怪不能保存超過50步吧?這是個默認數值。要提高這個數值,選擇“編輯/參數選擇”,確認處於“普通”功能頁面,在 "歷史步驟最大值" 欄位中輸入一個較高數值。請注意,設定的保存步驟數目越大,消耗的內容就越大。

擴展!擴展!

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

以下技巧有助於那些管理大站點並與其他web開發者一起工作的開發者。

創建相冊

為許多圖形一次性建立縮圖是一個單調乏味的工作,特別當你不是一個有經驗的圖形專家時。沒有關係,dreamweaver具有一個新功能,它能象你的一個圖形設計助手一樣,按照你的要求完成縮圖設計工作。你告訴dreamweaver哪個資料夾中包含圖形後,它就會為其中的每一個圖形創建一個縮圖、創建一個包含完整圖形的頁面以及一個存有所有縮圖的索引頁面。為了使用這個功能,你需要首先安裝fireworks。

首先,建立檔案結構:將所有的圖形檔案放置到一個資料夾中。然後,選擇“命令/創建網路相冊”,並設定相應選項。不要過分考慮標題和副標題,這些信息隨後都可以進行修改。重要的是指明源圖形資料夾以及目標資料夾,因為這些信息決定了處理哪些檔案。同時要確定一下縮圖的尺寸大小、格式以及其他選項。當點擊ok後,dreamweaver將控制權轉移給fireworks,由它開始批量處理檔案,創建一個非常好的小型相冊或者一個連續的產品目錄。如果你有許多相片,設定好讓它開始運行,然後去休息一會兒,dreamweaver 和 fireworks 將完成所有的工作。

創建自定義命令

你還記得前面說過dreamweaver的一個最有用的功能就是歷史視窗嗎?這不是開玩笑,基於列於歷史視窗中的操作,dreamweaver能夠創建新的命令序列。

要創建一個命令,只需要簡單地執行你想要記錄的步驟。然後,在歷史視窗中,選擇想要保存的步驟,並在右下角點擊“保存為”圖示,起一個名字,點擊ok。到此,你的自定義命令就出現在“命令”選單中,可以隨意使用了。

與他人協同工作

對於與其他人一起工作的web開發者而言,他不必擔心其他人修改了你所共享的檔案。 dreamweaver利用check-in和 check-out系統達到保護打開檔案的目的。

以下技巧將幫助你擴展和定製 dreamweaver。實現過程中,你需要編輯某些 dreamweaver 的配置檔案,所以請一定首先做好原始檔案的備份。

創建自定義對象

對象視窗利於在頁面中快速插入項目,比如表單、框架等等。要創建自定義對象,首先創建一個檔案,其中要包含你想插入到文檔中的代碼。比如,要創建 的新聞框,首先下載這段代碼並保存為newsletters.htm。然後,為了在對象視窗中創建一個新面板,要在 dreamweaver/configuration/objects 下創建一個資料夾,名字可以隨你設定,比如叫做my objects。將檔案 newsletters.htm 放置到這個目錄下。同時,需要一個代表新對象的圖形檔案。可以自己創建一個圖形檔案,或者乾脆讓dreamweaver插入一個普通圖示。如果是自己創建圖示,請注意建立一個18 x 18象素的gif檔案。將圖形檔案保存在同一個目錄下,名字與新對象的名字一樣。這裡的圖形檔案可以使用。

現在,重新啟動dreamweaver或者選擇重調入extensions(按下ctrl鍵,點擊對象視窗彈出選單),你可以在對象視窗中看到一個新的功能頁面,圖形就是你設定的那個。你可以象操作其它對象一樣,拖曳這個新對象到頁面中。

如果熟悉javascript,你就可以創建更加複雜的對象和其他extensions,比如浮動面板、行為等等。或者,你乾脆從macromedia exchange下載現成的對象。

重新布局選單

你是否非常反感dreamweaver的直線性選單?你是否希望能夠將“視窗”選單移到最右邊?因為它比“幫助”選單更頻於使用。實現這些目的,絕對沒有問題!首先,打開dreamweaver安裝資料夾,找到檔案configuration/menus/menus.xml,做一個備份並保存到另外一個地方。然後,在文本編輯器中打開configuration/menus/menus.xml,找到以 < menubar> 開始的代碼塊,這裡就包含了所有 dreamweaver 的選單,每一個都用 < menu> 元素描述。按照這種方法找到代表“視窗”選單的代碼段:

< menu id="dwmenu_window">
...
< /menu>

將這段代碼剪下然後貼上到代表“幫助”選單(< menu id="dwmenu_mainsite_help">...< /menu>)的代碼段後面,保存檔案,重新啟動 dreamweaver,你就會看到新的選單順序了。通過編輯 menus.xml,你還能夠重新布置選單項目(< menuitem>...< /menuitem>)、修改選單名字(使用name屬性)、添加分隔設定,或者添加、修改、刪除鍵盤快捷鍵。不要忘記創建 menus.xml 檔案的備份!如果修改過程中輸入了非法代碼,dreamweaver 不會自動恢復到前一次的狀態。