Dreamweaver CS5 网页的设计与应用（第2版）第10章表单的使用.pptxVIP

第10章 表单的使用 本章介简：表单的出现已经使网页从单向的信息传递，发展到能够实现与用户交互对话，使网页的交互性越来越强。本章主要讲解表单的使用方法和应用技巧，通过这些内容的学习，可以利用表单输入信息或进行选择，使用包括文本域、密码域、单选按钮/多选按钮、列表框、跳转菜单、按钮等表单对象，将表单相应的信息提交给服务器进行处理。使用表单可以实现网上投票、网站注册、信息发布、网上交易等功能。课堂学习目标掌握创建表单的方法掌握设置表单属性的方法掌握创建列表和菜单的方法掌握创建跳转菜单的方法掌握创建文本域和图像域的方法掌握创建按钮的方法 10.1 表单的使用 创建表单表单的属性单行文本域课堂案例——商品订单复选框单选按钮单选按钮组课堂案例——会员注册界面创建列表和菜单创建跳转菜单创建图像域创建文本域创建按钮 10.1.1 创建表单 在文档中插入表单的具体操作步骤如下。（1）在文档窗口中，将插入点放在希望插入表单的位置。（2）启用“表单”命令，文档窗口中出现一个红色的虚轮廓线用来指示表单区域。 创建表单 10.1.4 课堂案例——商品订单 使用“文本字段”按钮插入文本字段，使用“属性”面板设置文本字段和文本区域的属性。 效果图10.1.5 复选框 插入复选框有以下几种方法。单击“插入”面板“表单”选项卡中的“复选框”按钮 ，在文档窗口的表单中出现一个复选框。选择“插入记录 表单 复选框”命令，在文档窗口的表单中出现一个复选框。10.1.6 单选按钮 插入单选按钮有以下几种方法。单击“插入”面板“表单”选项卡中的“单选按钮”按钮 ，在文档窗口的表单中出现一个单选按钮。选择“插入记录 表单 单选按钮”命令，在文档窗口的表单中出现一个单选按钮。10.1.7 单选按钮组 先将光标放在表单轮廓内需要插入单选按钮组的位置，然后启用“单选按钮组”对话框。启用“单选按钮组”对话框有以下几种方法。单击“插入”面板中“表单”选项卡的“单选按钮组”按钮 。选择“插入记录 表单 单选按钮组”命令。10.1.8 课堂案例——会员注册界面使用文本字段按钮、单选按钮和复选框制作表单。 效果图10.1.9 创建列表和菜单 1．插入下拉菜单插入下拉菜单有以下几种方法。单击“插入”面板“表单”选项卡中的“列表/菜单”按钮 ，在文档窗口的表单中出现下拉菜单。选择“插入记录 表单 列表/菜单”命令，在文档窗口的表单中会出现下拉菜单。在“属性”面板中显示下拉菜单的属性。2．插入滚动列表若要在表单域中插入滚动列表，先将光标放在表单轮廓内需要插入滚动列表的位置，然后插入滚动列表。插入滚动列表有以下几种方法。单击“插入”面板“表单”选项卡的“列表/菜单”按钮 ，在文档窗口的表单中出现滚动列表。选择“插入记录 表单 列表/菜单”命令，在文档窗口的表单中出现滚动列表。在“属性”面板中显示滚动列表的属性。10.1.10 创建跳转菜单 在网页中插入跳转菜单的具体操作步骤如下。（1）将光标放在表单轮廓内需要插入跳转菜单的位置。（2）启用“插入跳转菜单”命令，调出“插入跳转菜单”对话框。 “插入跳转菜单”对话框 10.1.11 创建图像域 启用“选择图像源文件”对话框有以下几种方法。① 单击“插入”面板“表单”选项卡中的“图像域”按钮 。② 选择“插入 表单 图像域”命令。10.1.12 创建文本域 插入文件域有以下几种方法。将光标置于单元格中，单击“插入”面板“表单”选项卡中的“文件域”按钮 ，在文档窗口中的单元格中出现一个文件域。选择“插入记录 表单 文件域”命令，在文档窗口的表单中出现一个文件域。10.1.13 创建按钮 插入按钮有以下几种方法。单击“插入”面板“表单”选项卡中的“按钮”按钮 ，在文档窗口的表单中出现一个按钮。选择“插入 表单 按钮”命令，在文档窗口的表单中出现一个按钮。课堂练习——会员登录界面使用文本字段按钮和属性面板制作会员登录界面效果。 效果图课后习题——星座查询网使用表单按钮插入表单，使用CSS样式命令改变文本的样式，使用单选按钮组插入多个单选按钮。 效果图