當前位置:才華齋>設計>美工設計>

Dreamweaver建立提交按鈕的教程

美工設計 閱讀(2.1W)

在製作網頁的時候圖形提交按鈕是經常要用到的,下面是YJBYS小編整理的Dreamweaver建立提交按鈕的教程,希望對你有幫助!

Dreamweaver建立提交按鈕的教程

  一、在Dreamweaver中建立圖形提交按鈕

1. 點選滑鼠,將游標定位在表單框線內,點選“插入”選單,選擇“表單”項,在彈出的子選單中選擇“影象域”命令。

或者在“插入”面板中選擇“表單”項,點選“影象域”圖示,

點選“視窗”選單,選擇“插入”項,可以開啟“插入”面板。

2. 點選“影象域”圖示後,彈出“選擇影象原始檔”對話方塊,選擇一個圖片檔案,點選“確定”按鈕。

3. 彈出“輸入標籤輔助功能屬性”對話方塊,在對話方塊中設定後,單擊“確定”按鈕,影象按鈕出現在文件中。

4. 在文件中點選影象按鈕

5. 開啟圖片按鈕“屬性”面板

影象區域:輸入影象域的名稱。name屬性。

原始檔:在文字框中輸入影象檔案的地址,或者點選“資料夾”圖示選擇影象檔案。src屬性。

替換:設定影象的`說明文字,當滑鼠放在影象上時顯示這些文字。alt屬性。

對齊:選擇影象在文件中的對齊方式。align屬性。

編輯影象:啟動外部編輯器編輯影象。

提示:當用戶在瀏覽器中點選影象域時,不僅表單中的資訊被髮送到服務器,而且滑鼠點選位置的資訊也會被髮送到伺服器。

  二、提示

將游標定位到表單的紅色虛線圍成的框內,按回車(Enter)鍵,可以新增多個影象域控制元件。