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

所属分类: 网页制作 / Dreamweaver 阅读数: 482
收藏 0 赞 0 分享

一、在Dreamweaver中创建图形提交按钮

1. 点击鼠标,将光标定位在表单框线内,点击“插入”菜单,选择“表单”项,在弹出的子菜单中选择“图像域”命令。

或者在“插入”面板中选择“表单”项,点击“图像域”图标,如下图所示:

点击“窗口”菜单,选择“插入”项,可以打开“插入”面板。

2. 点击“图像域”图标后,弹出“选择图像源文件”对话框,选择一个图片文件,点击“确定”按钮。

3. 弹出“输入标签辅助功能属性”对话框,在对话框中设置后,单击“确定”按钮,图像按钮出现在文档中。

4. 在文档中点击图像按钮,如下图所示:

5. 打开图片按钮“属性”面板,如下图所示:

图像区域:输入图像域的名称。name属性。

源文件:在文本框中输入图像文件的地址,或者点击“文件夹”图标选择图像文件。src属性。

替换:设置图像的说明文字,当鼠标放在图像上时显示这些文字。alt属性。

对齐:选择图像在文档中的对齐方式。align属性。

编辑图像:启动外部编辑器编辑图像。

提示:当用户在浏览器中点击图像域时,不仅表单中的信息被发送到服务器,而且鼠标点击位置的信息也会被发送到服务器。

二、提示

将光标定位到表单的红色虚线围成的框内,按回车(Enter)键,可以添加多个图像域控件。

更多精彩内容其他人还在看

Dreamweaver制作基于WordPress的留言本的图文教程

Dreamweaver量身打造Wordpress留言板.
收藏 0 赞 0 分享

Dreamweaver 制作基于WordPress的留言本II

Dreamweaver量身打造Wordpress留言板.
收藏 0 赞 0 分享

用Dreamweaver制作WordPress的留言本III

Dreamweaver制作基于WordPress的留言本III.
收藏 0 赞 0 分享

Dreamweaver 一句话技巧集萃

Dreamweaver 一句话技巧集萃,记住一些快捷键有助于提高开发效率。
收藏 0 赞 0 分享

Dreaweaver mxp文件和mxi文件扩展安装方法

今天从网站上下载了mxp文件,说是dreamweaver插件但不知道如何安装的,最后经过一般查找测试,终于实现了,特分享下,方便需要的朋友
收藏 0 赞 0 分享

Dreamweaver开发中常见问题整理

dreamweaver中常见问题整理,方便解决开发过程中碰到的一些小问题。
收藏 0 赞 0 分享

Dreamweaver中Spry区域功能说明

Dreamweaver CS3中集成了Spry功能我们都知道,Spry具有对XML数据处理的功能我们也见识过,不过对于Spry的详细区域功能似乎很少见。
收藏 0 赞 0 分享

网站优化需要注意的问题小结

网站优化:可以从狭义和广义两个方面来说明。狭义的网站优化,即搜索引擎优化,也就是让网站设计适合搜索引擎检索,满足搜索引擎排名的指标,从而在搜索引擎检索中获得排名靠前,增强搜索引擎营销的效果。
收藏 0 赞 0 分享

Dreamweaver 网页制作的技巧

Dreamweaver 网页制作的技巧,这个比较实用
收藏 0 赞 0 分享

Dreamweaver中制作网页的实用技巧

dreamweaver中制作网页的技巧,学习dreamweaver的朋友可以参考下。 
收藏 0 赞 0 分享
查看更多