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

字號:


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