DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver相關 >> Dreamweaver若干技巧
Dreamweaver若干技巧
編輯:Dreamweaver相關     
創建自定義命令

  Dreamweaver的一個最有用的功能就是“歷史面板”。基於歷史面板,Dreamweaver能夠創建新的命令序列。要創建一個命令,只需要簡單地執行你想要記錄的步驟。然後,在歷史面板中,選擇想要保存的步驟,並在右下角點擊“保存為”圖標,起一個名字,點擊OK。此時,你的自定義命令就出現在“命令”菜單中,可以隨意使用了。

創建自定義對象

  “對象面板”非常利於在頁面中快速插入項目,比如表單、框架等等。要創建自定義對象,首先創建一個文件,其中要包含你想插入到文檔中的代碼。比如,要創建“CNET Builder.com”的新聞框,首先下載這段代碼並保存為“newsletters.htm”,然後,為了在對象窗口中創建一個新面板,要在Dreamweaver安裝目錄中的“Configuration\Objects”下創建一個文件夾,名字可以隨你設置,比如叫做“My Objects”。將文件“newsletters.htm”放置到這個目錄下。同時,需要一個代表新對象的圖標文件。可以自己創建一個圖標文件,或者干脆讓Dreamweaver插入一個普通圖標。如果是自己創建圖標,請注意建立一個18×18象素的GIF文件。將圖形文件保存在同一個目錄下,名字與新對象的名字一樣。

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

  如果熟悉Javas cript,你就可以創建更加復雜的對象和其他擴展程序,比如浮動面板、行為等等。或者,你干脆從Macromedia Exchange下載現成的對象。

改變浏覽者的鼠標狀態

  這是通過編輯CSS樣式表來實現的。具體方法是:選擇“文本> CSS樣式> 編輯樣式表”,彈出編輯樣式表窗口,在其中點選“新建”按鈕。接著選擇“創建自定義樣式”,給這個樣式表起名,單擊確定。編輯該樣式表,在左邊選擇“擴展”項,在右邊的“光標”項中選擇要出現的指針效果即可。

利用Dreamweaver的錨標記制作在一個頁面中的跳轉鏈接

  利用Dreamweaver的“錨標記”我們可以實現這個功能。具體方法是:將光標移到你想跳轉到的地方,選擇菜單中的“插入>命名錨記”,輸入錨記的名稱。接下來,在你想調用鏈接的鏈接目標框中輸入“#書簽名稱”,這樣一個頁面內的跳轉鏈接就做好了。在這裡,如果我們在錨記名稱前填入網頁的名稱,就會跳轉到其他頁面中的書簽處。 比如說我們在連接處輸入“index.htm#top”,當浏覽者點擊這個鏈接時就會跳轉到index頁面中的“top”錨記處。

去掉圖片和表格接觸地方的空隙

  要使圖片和表格接觸的地方不留空隙,僅在表格屬性面板上把邊框設為“0”是不行的,還需要在表格的屬性面板上把單元格的兩個屬性設為“0”(即cellspacing="0"和cellpadding="0")。

用跟蹤圖像幫助定位網頁中各元素的位置

  “跟蹤圖像”是Dreamweaver一個非常有效的功能,它允許用戶在網頁中將原來的平面設計稿作為輔助的背景。這麼一來,用戶就可以非常方便地定位文字、圖像、表格、層等網頁元素在該頁面中的位置了。跟蹤圖像的具體使用是這樣的:首先使用各種繪圖軟件作出一個想象中的網頁排版格局圖,然後將此圖保存為網絡圖像格式(包括gif、jpg、jpeg和png)。用Dreamweaver打開你所編輯的網頁,在菜單中選擇“修改>頁面屬性”,然後在彈出的對話框中的“跟蹤圖像”項中輸入剛才創建的網頁排版格局圖所在位置。再在圖像透明度中設定跟蹤圖像的透明度,OK。這樣你就可以在當前網頁中方便地定位各個網頁元素的位置了。使用了跟蹤圖像的網頁在用Dreamweaver編輯時不會再顯示背景圖案,但當使用浏覽器浏覽時正好相反,跟蹤圖像不見了,所見的就是經過編輯的網頁(當然能夠顯示背景圖案)。

關於“將表格寬度轉換成像素”和“將表格寬度轉換成百分比”

  “將表格寬度轉換成像素”和“將表格寬度轉換成百分比”,是Dreamweaver的兩個設置表格寬度的重要功能。當你打開一個帶有表格的網頁時,選中某個表格,在隨後顯示出的表格屬性工具面板中就能看到這兩個按鈕了。顧名思義“將表格寬度轉換成像素”就是將表格中所有單元格的寬度以像素表示,而“將表格寬度轉換成百分比”是將表格中所有單元格的寬度以百分比表示。仔細想想他們的作用,如果將一個表格的寬度全以像素表示,當浏覽窗口被放大時,表格就不會隨之放大單元格的寬度。而使用了“將表格寬度轉換成像素”後能夠使你在“640×480”分辨率下建立的100%寬的表格在更高的分辨率下依舊保持100%的寬度。所以活用這兩個功能可以使網頁排版事半功倍。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved