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

字號(hào):


    一、在Dreamweaver中創(chuàng)建圖形提交按鈕
    1. 點(diǎn)擊鼠標(biāo),將光標(biāo)定位在表單框線內(nèi),點(diǎn)擊“插入”菜單,選擇“表單”項(xiàng),在彈出的子菜單中選擇“圖像域”命令。
    或者在“插入”面板中選擇“表單”項(xiàng),點(diǎn)擊“圖像域”圖標(biāo),如下圖所示:
    圖片一
    點(diǎn)擊“窗口”菜單,選擇“插入”項(xiàng),可以打開(kāi)“插入”面板。
    2. 點(diǎn)擊“圖像域”圖標(biāo)后,彈出“選擇圖像源文件”對(duì)話框,選擇一個(gè)圖片文件,點(diǎn)擊“確定”按鈕。
    3. 彈出“輸入標(biāo)簽輔助功能屬性”對(duì)話框,在對(duì)話框中設(shè)置后,單擊“確定”按鈕,圖像按鈕出現(xiàn)在文檔中。
    4. 在文檔中點(diǎn)擊圖像按鈕,如下圖所示:
    
    圖像區(qū)域:輸入圖像域的名稱。name屬性。
    源文件:在文本框中輸入圖像文件的地址,或者點(diǎn)擊“文件夾”圖標(biāo)選擇圖像文件。src屬性。
    替換:設(shè)置圖像的說(shuō)明文字,當(dāng)鼠標(biāo)放在圖像上時(shí)顯示這些文字。alt屬性。
    對(duì)齊:選擇圖像在文檔中的對(duì)齊方式。align屬性。
    編輯圖像:?jiǎn)?dòng)外部編輯器編輯圖像。
    提示:當(dāng)用戶在瀏覽器中點(diǎn)擊圖像域時(shí),不僅表單中的信息被發(fā)送到服務(wù)器,而且鼠標(biāo)點(diǎn)擊位置的信息也會(huì)被發(fā)送到服務(wù)器。
    二、提示
    將光標(biāo)定位到表單的紅色虛線圍成的框內(nèi),按回車(Enter)鍵,可以添加多個(gè)圖像域控件。