交互式表单ppt课件

1、 交互式表单复习提问复习提问课程引导课程引导案例展示案例展示任务分析任务分析知识目标知识目标知识讲解与知识讲解与操作示范操作示范课堂模仿课堂模仿归纳总结归纳总结扩展性任务扩展性任务疑难解析疑难解析复习提问复习提问大家刚刚学过css，请同窗回答以下问题：什么是CSS? CSSCascading Stylesheet。就是一种叫做款式表stylesheet的技术。也有的人称之为层叠款式表。CSS的作用是什么？ 在主页制造时采用CSS技术，可以有效地对页面的规划、字体、颜色、背景和其它效果实现更加准确的控制。 复习提问复习提问课程引导课程引导案例展示案例展示任务分析任务分析知识目标知识目标知识讲解与

2、知识讲解与操作示范操作示范课堂模仿课堂模仿归纳总结归纳总结扩展性任务扩展性任务疑难解析疑难解析课程引导课程引导 CSS对页面效果的控制加上图文并茂的页面内容可以使页面很美丽，也可以使内容很丰富。可是与用户的交互功能也是网站设计中经常要用到的，比如在日常中恳求QQ帐号，注册本人的邮箱，输入用户名和密码识别阅读客户的身份等等，都需求与用户交互才干进展。表单可以接纳用户的信息，并能提交到效力器中进展处置。复习提问复习提问课程引导课程引导案例展示案例展示任务分析任务分析知识目标知识目标知识讲解与知识讲解与操作示范操作示范课堂模仿课堂模仿归纳总结归纳总结扩展性任务扩展性任务疑难解析疑难解析知识目的知识目

3、的 1、可以在表单网页中插入表单域。 2、可以在表单域中插入文本域和文本区域 3、可以在表单域中插入单项选择按钮、单项选择按钮组和复选框 4、可以在表单域中插入列表/菜单、按钮 5、可以在表单域中插入图像域 6、可以在表单域中插入隐藏域 复习提问复习提问课程引导课程引导案例展示案例展示任务分析任务分析知识目标知识目标知识讲解与知识讲解与操作示范操作示范课堂模仿课堂模仿归纳总结归纳总结扩展性任务扩展性任务疑难解析疑难解析案例展现案例展现“提供用户信息的表单实例复习提问复习提问课程引导课程引导案例展示案例展示任务分析任务分析知识目标知识目标知识讲解与知识讲解与操作示范操作示范课堂模仿课堂模仿归纳总

4、结归纳总结扩展性任务扩展性任务疑难解析疑难解析义务分析义务分析 1、确定网页规划：也就是要用表格规划好表单元素的放置位置。 2、插入表单元素：表单元素中最重要的就是表单域，它可以用来确定表单中有效数据范围。复习提问复习提问课程引导课程引导案例展示案例展示任务分析任务分析知识目标知识目标知识讲解与知识讲解与操作示范操作示范课堂模仿课堂模仿归纳总结归纳总结扩展性任务扩展性任务疑难解析疑难解析知识讲解与操作规范知识讲解与操作规范 知识讲解： 简述表单的概念：表单属于容器类，可以包含用以显示并编辑数据的控件，在表单域上需求设定处置数据的运用程序的位置以及数据的处置方法等。 操作规范： 1.新建网页，创

5、建表格。 2.插入表单域，把表格移到表单域中。 3.插入表单元素：插入单行文本域、插入文本区域、插入单项选择按钮、插入单项选择按钮组、插入列表和菜单、插入表单按钮、插入图像域。 4.在阅读器中预览其效果复习提问复习提问课程引导课程引导案例展示案例展示任务分析任务分析知识目标知识目标知识讲解与知识讲解与操作示范操作示范课堂模仿课堂模仿归纳总结归纳总结扩展性任务扩展性任务疑难解析疑难解析课堂模拟课堂模拟制造制造“用户信息反响网站：用户信息反响网站：1、新建一网页，做好页面规划、新建一网页，做好页面规划2、插入表单元素、插入表单元素复习提问复习提问课程引导课程引导案例展示案例展示任务分析任务分析知识

6、目标知识目标知识讲解与知识讲解与操作示范操作示范课堂模仿课堂模仿归纳总结归纳总结扩展性任务扩展性任务疑难解析疑难解析疑问解析疑问解析问题问题1：表单控件元素的特点和意义？：表单控件元素的特点和意义？问题问题2：如何设计美丽的提交按钮？：如何设计美丽的提交按钮？复习提问复习提问课程引导课程引导案例展示案例展示任务分析任务分析知识目标知识目标知识讲解与知识讲解与操作示范操作示范课堂模仿课堂模仿归纳总结归纳总结扩展性任务扩展性任务疑难解析疑难解析归纳总结归纳总结 每个表单由一个表单域和假设干个表单控件组成，一切的表单控件要放置在表单域中才会有效。 表单网页是设计与功能的结合，一方面要与后台的程序很好地结合起来，另一方面要制造得美观。所以应该掌握好表单元素的正确运用与设置。本单元重点、难点：表单的制造的步骤对接纳表单信息的处置程序的网页的了解复习提问复习提问课程引导课程引导案例展示案例展示任务