《Dreamweaver网页设计与应用 教学课件 PPT 作者 张丽英 10》由会员分享，可在线阅读，更多相关《Dreamweaver网页设计与应用 教学课件 PPT 作者 张丽英 10（19页珍藏版）》请在金锄头文库上搜索。
1、第10章 表单的使用,本章介简： 表单的出现已经使网页从单向的信息传递，发展到能够实现与用户交互对话，使网页的交互性越来越强。本章主要讲解了表单的使用方法和应用技巧，通过这些内容的学习，可以利用表单输入信息或进行选择，使用包括文本域、密码域、单选按钮/多选按钮、列表框、跳转菜单、按钮等表单对象，将表单相应的信息提交给服务器进行处理。使用表单可以实现网上投票、网站注册、信息发布、网上交易等功能。,课堂学习目标,掌握创建表单的方法 掌握设置表单属性的方法 掌握创建列表和菜单的方法 掌握创建跳转菜单的方法 掌握创建文本域和图像域的方法 掌握创建按钮的方法,10.1 表单的使用,创建表单 表单的属性
2、单行文本域 课堂案例产品订单 复选框 单选按钮 单选按钮组 课堂案例会员登录表 创建列表和菜单 创建跳转菜单 创建文本域 创建图像域 创建按钮,10.1.1 创建表单,在文档中插入表单的具体操作步骤如下。 （1）在文档窗口中，将插入点放在希望插入表单的位置。 （2）启用“表单”命令，文档窗口中出现一个红色的虚 轮廓线用来指示表单域。,创建表单,10.1.2 表单的属性,在文档窗口中选择表单，“属性”面板中出现表单属性。,“属性”面板,10.1.3 单行文本域,1插入单行文本域 单行文本域通常提供单字或短语响应，如姓名或地址。 2插入密码文本域 密码域是特殊类型的文本域。当用户在密域中输入时，所
3、输入的文本被替为星号或项目符号，以隐藏该文本，保护这些信息不被看到。 3插入多行文本域 多行文本域为访问者提供一个较大的区域，供其输入响应。可以指定访问者最多输入的行数以及对象的字符宽度。如果输入的文本超过这些设置，则该域将按照换行属性中指定的设置进行滚动。,10.1.4 课堂案例产品订单,使用“文本字段”按钮插入文本字段。使用“文本区域”按钮插入文本区域。使用“属性”面板设置文本字段和文本区域的属性。,效果图,10.1.5 复选框,插入复选框有以下几种方法。 单击“插入”面板“表单”选项卡中的“复选框”按钮 ，在文档窗口的表单中出现一个复选框。 选择“插入记录 表单 复选框”命令，在文档窗口
4、的表单中出现一个复选框。,10.1.6 单选按钮,插入单选按钮有以下几种方法。 单击“插入”面板“表单”选项卡中的“单选按钮”按钮 ，在文档窗口的表单中出现一个单选按钮。 选择“插入记录 表单 单选按钮”命令，在文档窗口的表单中出现一个单选按钮。,10.1.7 单选按钮组,先将光标放在表单轮廓内需要插入单选按钮组的位置，然后启用“单选按钮组”对话框。 启用“单选按钮组”对话框有以下几种方法。 单击“插入”面板“表单”选项卡中的“单选按钮组”按钮 。 选择“插入记录 表单 单选按钮组”命令。,10.1.8 课堂案例会员登录表,使用单选按钮制作选择性别和血型的效果。使用复选框按钮制作出只显示年龄段
5、的效果。,效果图,10.1.9 创建列表和菜单,1插入下拉菜单 插入下拉菜单有以下几种方法。 单击“插入”面板“表单”选项卡中的“列表/菜单”按钮 ，在文档窗口的表单中出现下拉菜单。 选择“插入记录 表单 列表/菜单”命令，在文档窗口的表单中出现下拉菜单。 2插入滚动列表 插入滚动列表有以下几种方法。 单击“插入”面板“表单”选项卡的“列表/菜单”按钮 ，在文档窗口的表单中出现滚动列表。 选择“插入记录 表单 列表/菜单”命令，在文档窗口的表单中出现滚动列表。,10.1.10 创建跳转菜单,在网页中插入跳转菜单的具体操作步骤如下。 （1）将光标放在表单轮廓内需要插入跳转菜单的位置。 （2）启用
6、“插入跳转菜单”命令，调出“插入跳转菜单”对话框。,“插入跳转菜单”对话框,10.1.11 创建文本域,插入文件域有以下几种方法。 将光标置于单元格中，单击“插入”面板“表 单”选项卡中的“文件域”按钮 ，在文档窗口中的单元格中出现一个文件域。 选择“插入记录 表单 文件域”命令，在文档窗口的表单中出现一个文件域。,10.1.12 创建图像域,启用“选择图像源文件”对话框有以下几种方法。 单击“插入”面板“表单”选项卡中的“图像域”按钮 。 选择“插入 表单 图像域”命令。,10.1.13 创建按钮,插入按钮有以下几种方法。 单击“插入”面板“表单”选项卡中的“按钮”按钮 ，在文档窗口的表单中出现一个按钮。 选择“插入 表单 按钮”命令，在文档窗口的表单中出现一个按钮。,课堂练习星座查询网页,使用表单按钮插入表单。使用CSS样式命令改变文本字段的样式。使用单选项按钮组插入多个单选按钮。,效果图,课后习题会员注册表单,使用文本字段、列表/菜单按钮、单选按钮、复选框按钮、提交按钮制作会员注册表单效果。,效果图,
