项目七表单的应用.pptVIP

第 * 页 《中小型网站建设与管理》 项目七 表单的应用 项目简介 本项目的任务是制作一个信息反馈表单。 在网页制作时经常会遇到通过表单提供交互信息。本项目就是通过表单来收集访问者的信息，实现网站同访问者之间进行交互的高级功能。表单通过一些基本的元素，如文本字段、文本域和单选按钮等，收集访问者的请求信息，然后将这些信息传送给相应的处理程序，由这些程序对访问者的请求做出回应。 本项目中，页面完成的功能如下： （1）创建表单 （2）创建表单对象 （3）表单输入验证 （4）表单结果的接受 项目目标 　　　本项目通过制作信息反馈表单，要求学生掌握表单布局、美化表单、操作表单项、并对表单的各种元素灵活运用，熟练制作信息反馈表单。 工作任务 制作一个信息反馈表单。 模块一 建立表单 (一)　学习目标 　　　掌握表单布局、美化表单、操作表单项、并对表单的各种元素灵活运用，熟练制作信息反馈表单。 (二) 任务分析 （1）创建表单 （2）创建表单对象 图7.1 表单效果图 任务一：建立站点 1、在D盘建立站点目录cpfk，并使用高级标签定义站点，站点名为“产品反馈”； 2、在起始页中的“创建新项目”中单击“html”创建新网页； 3、执行“文件保存”命令，将网页保存在站点根目录下，保存文件名为cpfk.html； 任务二：创建表单 1、单击属性面板中的“页面属性”按钮，设置页面属性，如图7.1.1所示。 图7.1.1 设置页面属性 2、单击插入工具栏上“表单”选项卡中的“表单”按钮，如图7.1.2所示。 3、即可在页面中插入一个空白表单，表单轮廓以红色虚线表示，如图7.1.3所示。 图7.1.2 插入表单 图7.1.3 表单显示 任务三：创建表单对象 1、将光标定位在空白表单中，在表单中插入一个9行4列的表格，设置表格属性，如图7.1.4所示，调整单元格并填写文字内容，效果如图7.1.5所示。 2、将光标定位在“姓名”右侧的单元格中，单击插入工具栏“表单”选项卡中的“文本字段”按钮，如图7.1.6所示。 3、打开“输入标签辅助功能属性”对话框，单击对话框下面的链接文字“请更改‘辅助功能’首选参数”，如图7.1.7所示。 4、打开“首选参数”对话框，取消选中“表单对象”复选框，单击“确定”按钮，如图7.1.8所示。 5、回到“输入标签辅助功能属性”对话框，单击“确定”按钮，文本字段被插入到文档中，如图7.1.9所示。 6、选定上面的文本字段，打开“属性”面板，确认类型为“单行”，如图图7.1.10所示。 7、将光标定位在“年龄”右边的单元格中，单击插入工具栏“表单”选项卡中的“文本字段”按钮。 图7.1.4 创建表格并设置其属性 图7.1.5 表格内容 图7.1.6 插入文本字段 图7.1.7 更改辅助功能 图7.1.8 首选参数 图7.1.9 文本字段效果 图7.1.10 设置文本字段属性 9、在“工作性质”右边的单元格中插入“列表菜单”，如图7.1.11所示。 10、打开“列表值”对话框，单击“+”按钮，增加项目标签-值对，输入完毕后单击“确定”按钮，如图7.1.12 图7.1.13所示。 11、将光标定位在“性别”右边的单元格中，单击插入工具栏“表单”选项卡中的“单选按钮”按钮，如图7.1.14所示。 12、选定刚刚插入的单选按钮，打开“属性”面板，将“初始状态”由“未选中”改为“已勾选”，如图7.1.15所示。 13、再插入一个单选按钮，并在旁边分别输入文字说明“男”和“女”，如图7.1.16所示。 14、将光标定位在“您是如何知道本产品的”右下方的单元格中，单击插入工具栏“表单”选项卡中的“单选按钮组”按钮，如图7.1.17所示。 15、打开“单选按钮组”对话框，单击“+”按钮，增加标签-值对，输入完毕后单击“确定”按钮，如图7.1.18所示。 图7.1.11 插入下拉列表 图7.1.12 设置下拉列表属性 图7.1.13 添加列表值 图7.1.14 插入单选按钮 图7.1.15 设置单选按钮属性 图7.1.16 单选按钮效果图 图7.1.17 插入单选按钮组 图7.1.18 添加单选按钮组选项 16、将光标定位在“您对本产品最感兴趣的部分是”右下方的单元格中，单击插入工具栏“表单”选项卡中的“复选框”按钮，如图7.1.19所示。 17、在该复选框右边输入文字说明“颜色”。 18、再插入几个复选框，并输入必要的文字，如图7.1.20所示。 19、将光标定位在“您认为本产品有哪些地方需要改进？”右下方