怎樣在Dreamweaver中建立提交按鈕

來源:互聯網
上載者:User

   相信大家多多少少都會做過網頁版的問卷調查,或者一些淘寶交易,這個時候,我們需要將資訊提交,這裡細心的朋友會發現,有些網頁的提交按鈕做得很漂亮,吸引了不少人的點擊。

  所以我們在Dreamweaver製作網頁時,不妨花點心思,這裡小編給大家分享製作圖形提交按鈕的製作步驟,希望對大家有所協助。

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

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

  或者在“插入”面板中選擇“表單”項,點擊“映像域”表徵圖,如下圖所示:

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

  2. 點擊“映像域”表徵圖後,彈出“選擇映像源檔案”對話方塊,選擇一個圖片檔案,點擊“確定”按鈕。

  3. 彈出“輸入標籤協助工具功能屬性”對話方塊,在對話方塊中設定後,單擊“確定”按鈕,映像按鈕出現在文檔中。

  4. 在文檔中點擊映像按鈕,如下圖所示:

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

  映像地區:輸入映像域的名稱。name屬性。

  源檔案:在文字框中輸入影像檔的地址,或者點擊“檔案夾”表徵圖選擇影像檔。src屬性。

  替換:設定映像的解說文字,當滑鼠放在映像上時顯示這些文字。alt屬性。

  對齊:選擇映像在文檔中的對齊。align屬性。

  編輯映像:啟動外部編輯器編輯映像。

  提示:當使用者在瀏覽器中點擊映像域時,不僅表單中的資訊被發送到伺服器,而且滑鼠點擊位置的資訊也會被發送到伺服器。

  二、提示

  將游標定位到表單的紅色虛線圍成的框內,按斷行符號(Enter)鍵,可以添加多個映像域控制項。

相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。