dreamweaver教程之制作图形提交按钮示例(图)

一、在Dreamweaver中制作图形提交按钮

在Dreamweaver中创建图形提交按钮是一个相对简单的过程。你需要将光标定位到表单的框线内，这一步是开始你的表单设计的关键。

接下来，会弹出一个“输入标签辅助功能属性”的对话框。在这个对话框中，你可以对图像按钮进行进一步的设置。完成设置后，点击“确定”，你的图像按钮就会出现在文档中了。

在文档中显示的图像按钮，实则是一个图像域控件。你可以通过点击这个按钮来打开它的“属性”面板。在这个面板中，你可以对图像区域进行详细的设置，包括输入图像域的名称、设置图像的源文件地址、为图像添加说明文字等。

值得注意的是，当用户在浏览器中点击这个图像域时，不仅表单中的信息会被发送到服务器，而且鼠标点击位置的信息也会被发送到服务器。这是因为图像域不仅是一个装饰性的元素，它还具有实际的功能性。

二、小提示

在Dreamweaver中创建多个图像域控件也是相当方便的。只需将光标定位到表单的红色虚线围成的框内，然后按下回车键（Enter），就可以轻松添加多个图像域控件了。这样你就可以在表单中创建多个不同的图像按钮，以提供更多的交互选项和更丰富的视觉体验。

通过这样的步骤，你可以在Dreamweaver中轻松创建出具有吸引力的图形提交按钮，提升你的网页表单的用户体验。无论是创建一个简单的表单还是设计一个复杂的网页布局，掌握这些技巧都将对你大有裨益。