如何創(chuàng)建圖像域?Dreamweaver CS6 2012

創(chuàng)建圖像域

普通的按鈕很不美觀，為了設(shè)計(jì)需要，常使用圖像代替按鈕。通常使用圖像按鈕來(lái)提交數(shù)據(jù)。

插入圖像按鈕的具體操作步驟如下。

(1)將光標(biāo)放在表單輪廓內(nèi)需要插入的位置。

(2)單擊"圖像域"按鈕圈，彈出"選擇圖 像源文件"對(duì)話框，選擇作為按鈕的圖像文件。

彈出“選擇圖像源文件"對(duì)話框有以下兩種 方法。

①單擊"插入”面板"表單”選項(xiàng)卡中的 "圖像域”按鈕。

②選擇“插入 > 表單 >圖像域”命令。

(3)在屬性"面板中出現(xiàn)如圖所示的圖像按鈕的屬性，可以根據(jù)需要設(shè)置該圖像按鈕的各項(xiàng)屬性。

圖像按鈕“屬性”面板中備選項(xiàng)的作用如下。 

“圖像區(qū)域”選項(xiàng)：為圖像按鈕指定一個(gè)名稱。

“源文件”選項(xiàng)：設(shè)置要為按鈕使用的圖像 “替換”選項(xiàng)：用于輸入描述性文本，一旦圖像在瀏覽器中載入失敗，將在圖像域的位置顯 示文本。

“對(duì)齊”選項(xiàng)：設(shè)罝對(duì)象的對(duì)齊方式。

“編輯圖像”按鈕：?jiǎn)?dòng)默認(rèn)的圖像編輯器 并打開(kāi)該圖像文件進(jìn)行編輯。

“類”選項(xiàng)：將CSS規(guī)則應(yīng)用于圖像域。

(4)若要將某個(gè)JavaScript行為附加到該按 鈕上，則選擇該圖像，然后在"行為”控制面板 中選擇相應(yīng)的行為。

(5)完成設(shè)置后保存并預(yù)覽網(wǎng)頁(yè)。