dreamweaver教程之制作圖形提交按鈕示例(圖)

一、在Dreamweaver中創(chuàng)建圖形提交按鈕
1. 點(diǎn)擊鼠標(biāo),將光標(biāo)定位在表單框線內(nèi),點(diǎn)擊“插入”菜單,選擇“表單”項,在彈出的子菜單中選擇“圖像域”命令。
或者在“插入”面板中選擇“表單”項,點(diǎn)擊“圖像域”圖標(biāo),如下圖所示:

點(diǎn)擊“窗口”菜單,選擇“插入”項,可以打開“插入”面板。
2. 點(diǎn)擊“圖像域”圖標(biāo)后,彈出“選擇圖像源文件”對話框,選擇一個圖片文件,點(diǎn)擊“確定”按鈕。
3. 彈出“輸入標(biāo)簽輔助功能屬性”對話框,在對話框中設(shè)置后,單擊“確定”按鈕,圖像按鈕出現(xiàn)在文檔中。
4. 在文檔中點(diǎn)擊圖像按鈕,如下圖所示:

5. 打開圖片按鈕“屬性”面板,如下圖所示:

圖像區(qū)域:輸入圖像域的名稱。name屬性。
源文件:在文本框中輸入圖像文件的地址,或者點(diǎn)擊“文件夾”圖標(biāo)選擇圖像文件。src屬性。
替換:設(shè)置圖像的說明文字,當(dāng)鼠標(biāo)放在圖像上時顯示這些文字。alt屬性。
對齊:選擇圖像在文檔中的對齊方式。align屬性。
編輯圖像:啟動外部編輯器編輯圖像。
提示:當(dāng)用戶在瀏覽器中點(diǎn)擊圖像域時,不僅表單中的信息被發(fā)送到服務(wù)器,而且鼠標(biāo)點(diǎn)擊位置的信息也會被發(fā)送到服務(wù)器。
二、提示
將光標(biāo)定位到表單的紅色虛線圍成的框內(nèi),按回車(Enter)鍵,可以添加多個圖像域控件。
相關(guān)文章
- 怎么給大量的頁面中的圖片或文字加鏈接,下面我們就來學(xué)習(xí)一下自動制作許多鏈接并處理圖片的方法,分享給大家2014-01-22
dreamweaver教程:怎么解決8.0中CSS應(yīng)用無效
給當(dāng)前編輯的文檔鏈接了CSS文件,并對頁面元素應(yīng)用了定義的CSS樣式,但在Deamweaver 8中卻看不到任何效果,那怎么解決呢?下文分享給大家2014-01-22dreamweaver教程:怎么制作網(wǎng)頁滾動字幕
滾動字幕會讓很多人感到興奮,特別是第一次使用滾動字幕時,會愛不釋手?,F(xiàn)在做一個詳細(xì)的方案,讓你更全面地了解一下2014-01-22