《推荐Dreamwear网设计教程为网添加表单.pptx》由会员分享,可在线阅读,更多相关《推荐Dreamwear网设计教程为网添加表单.pptx(30页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、创建表单 建立表单 设置表单属性 第1页/共30页建立表单 在Dreamweaver 8中,表单是用来输入数据或与网站进行交互的工具。可以将整个网页创建成一个表单网页,也可以在网页的部分区域中添加表单,其创建方法都相同。第2页/共30页设置表单属性 将插入点定位到插入的表单中,打开属性面板可以对其属性进行设置。第3页/共30页添加表单对象 认识表单对象 文本字段 隐藏域 文本区域 复选框 单选按钮 单选按钮组列表/菜单 跳转菜单 图像域 插入表单对象插入文本字段 插入隐藏域 文件域按钮 标签 字段集 插入文本区域 插入复选框 插入单选按钮 插入单选按钮组 插入列表/菜单 插入图像域 插入文件域
2、 插入按钮 第4页/共30页文本字段 文本字段是最常见的表单对象之一,可以输入字母、数字、文本等类型的内容。文本可以是单行或多行显示,也可以以密码的方式显示,在这种情况下,输入文本将被替换为星号或项目符号,以避免旁观者看到这些文本,一般用作密码等项目。第5页/共30页隐藏域 隐藏域用于存储用户输入的信息,但它并不会在网页上显示出来,只是为了向服务器提供一些数据。如输入一项电子邮件地址后,服务器就记住了该数据,下次访问时就不用再输入。第6页/共30页文本区域 文本区域用来输入大段文本,与文本字段使用方式相同,也可以以密码的方式显示。第7页/共30页复选框 复选框的标记是在选项前有符号 ,其允许同
3、时选择多个选项。第8页/共30页单选按钮 在一组选项中只能选择一个选项,如在性别单选按钮组中选中了“男”单选按钮,再选中“女”单选按钮时,“男”单选按钮就会被撤消。第9页/共30页单选按钮组 一组相关联的单选按钮,同样一次只能选择一个单选按钮。第10页/共30页列表/菜单 “列表”指在一个下拉列表框中显示一些选项,可以从其中选择多个。“菜单”指在一个菜单中显示一些选项值,用户只能从中选择单个选项。第11页/共30页跳转菜单 可跳转的列表或弹出菜单,可以用它插入一种菜单,这种菜单中的每个选项都可以链接到某个文档或文件。第12页/共30页图像域 可以在表单中插入一个图像。图像域可用于制作图形化按钮
4、,使按钮更美观、更独特。第13页/共30页文件域 使用户可以浏览到本地电脑上的某个文件,并将该文件作为表单数据上传。第14页/共30页按钮 在单击时执行操作。通常这些操作包括提交或重置表单并可以为按钮添加自定义的名称或标签。第15页/共30页标签 使用标签选择器将Dreamweaver 8标签库、ColdFusion标签库、ASP.NET 标签库中的任何标签插入到页面中。第16页/共30页字段集 表单元素逻辑组的容器标签。第17页/共30页插入文本字段 根据文本字段的行数和显示方式可分为单行文本字段、多行文本字段和密码3种。第18页/共30页插入隐藏域 隐藏域在浏览器上不显示。第19页/共30
5、页插入文本区域 插入文本区域的方法与插入文本字段方法相同,设置方法也相同。第20页/共30页插入复选框 第21页/共30页插入单选按钮 第22页/共30页插入单选按钮组 插入单选按钮组方式可一次性插入多个单选按钮。第23页/共30页插入列表/菜单 第24页/共30页插入图像域 图像域用来将图像作为按钮。第25页/共30页插入文件域 文件域与单行文本字段外型相似,只是在文本框右侧增加了一个“浏览”按钮,用于引用本地电脑上的文件作为表单内容。第26页/共30页插入按钮 表单按钮在表单中用于控制表单的操作。第27页/共30页美化表单 在Internet上的表单都很美观,所以在制作好表单之后,还需要对表单进行美化操作。第28页/共30页上机实战 本课上机实战将制作一个论坛的注册页面。在练习过程中将用到创建表单、设置表单属性、添加表单对象和设置表单对象的属性等知识点。第29页/共30页感谢您的观看!第30页/共30页