首頁 > 開發工具 > dreamweaver > Dreamweaver中常用方法技巧總結

Dreamweaver中常用方法技巧總結

不言
發布: 2018-09-29 15:17:23
轉載
6065 人瀏覽過

這篇文章帶給大家的內容是關於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變得輕而易舉。

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

建立相簿   

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

首先,建立檔案結構:將所有的圖形檔案放置到一個資料夾中。

然後,選擇“命令/建立網路相簿”,並設定對應選項。不要過度考慮標題和副標題,這些資訊隨後都可以進行修改。重要的是指明來源圖形資料夾以及目標資料夾,因為這些資訊決定了處理哪些檔案。同時要確定縮圖的尺寸大小、格式以及其他選項。

當點擊OK後,Dreamweaver將控制權轉移給Fireworks,由它開始批次處理文件,創建一個非常好的小型相簿或一個連續的產品目錄。如果你有許多照片,設定好讓它開始運行,然後去休息一會兒,Dreamweaver和 Fireworks 將完成所有的工作。

建立自訂指令

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

要建立一個指令,只需要簡單地執行你想要記錄的步驟。然後,在歷史視窗中,選擇想要儲存的步驟,並在右下角點擊「儲存為」圖標,取一個名字,點擊OK。到此,你的自訂指令就出現在「指令」選單中,可以隨意使用了。

與他人協同工作

對於與其他人一起工作的網路開發者而言,他不必擔心其他人修改了你所分享的檔案。 Dreamweaver利用check-in和 check-out系統達到保護開啟檔案的目的。以下技巧將幫助你擴展和自訂 Dreamweaver。在實作過程中,你需要編輯某些 Dreamweaver 的設定文件,所以請一定先做好原始檔案的備份。

建立自訂物件

物件視窗利於在頁面中快速插入項目,例如表單、框架等等。要建立自訂對象,首先建立一個文件,其中要包含你想插入到文件中的程式碼。例如,要建立 CNET Builder.com 的新聞框,先下載這段程式碼並儲存為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 name="_Window" id="DWMenu_Window">
...
< /menu>
登入後複製

 將這段程式碼剪下然後貼上到代表「幫助」選單(

...)的程式碼片段後面,儲存文件,重新啟動Dreamweaver,你就會看到新的選單順序了。透過編輯menus.xml,你也能夠重新佈置選單項目(< menuitem>...)、修改選單名字(使用NAME屬性)、新增分隔符,或是新增、修改、刪除鍵盤快速鍵。不要忘記創建menus.xml 檔案的備份!如果修改過程中輸入了非法代碼,Dreamweaver 不會自動恢復到前一次的狀態。

以上是Dreamweaver中常用方法技巧總結的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:cnblogs.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板