《交互式表单.ppt》由会员分享，可在线阅读，更多相关《交互式表单.ppt（12页珍藏版）》请在三一办公上搜索。
1、1,交互式表单,2,复习提问,大家刚刚学过css，请同学回答以下问题：什么是CSS?CSS（Cascading Stylesheet）。就是一种叫做样式表（stylesheet）的技术。也有的人称之为层叠样式表。CSS的作用是什么？在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。,3,课程引导,CSS对页面效果的控制加上图文并茂的页面内容可以使页面很漂亮，也可以使内容很丰富。可是与用户的交互功能也是网站设计中经常要用到的，比如在日常中申请QQ帐号，注册自己的邮箱，输入用户名和密码识别浏览客户的身份等等，都需要与用户交互才能进行。表单可以接收用户
2、的信息，并能提交到服务器中进行处理。,4,知识目标,1、能够在表单网页中插入表单域。2、能够在表单域中插入文本域和文本区域 3、能够在表单域中插入单选按钮、单选按钮组和复选框 4、能够在表单域中插入列表/菜单、按钮 5、能够在表单域中插入图像域 6、能够在表单域中插入隐藏域,5,案例展示,“提供用户信息”的表单实例,6,任务分析,1、确定网页布局：也就是要用表格规划好表单元素的放置位置。2、插入表单元素：表单元素中最重要的就是表单域，它可以用来确定表单中有效数据范围。,7,知识讲解与操作规范,知识讲解：简述表单的概念：表单属于容器类，可以包含用以显示并编辑数据的控件，在表单域上需要设定处理数据
3、的应用程序的位置以及数据的处理方法等。操作规范：1.新建网页，创建表格。2.插入表单域，把表格移到表单域中。3.插入表单元素：插入单行文本域、插入文本区域、插入单选按钮、插入单选按钮组、插入列表和菜单、插入表单按钮、插入图像域。4.在浏览器中预览其效果,8,课堂模仿,制作“用户信息反馈”网站：1、新建一网页，做好页面布局2、插入表单元素,9,疑难解析,问题1：表单控件元素的特点和意义？问题2：如何设计漂亮的提交按钮？,10,归纳总结,每个表单由一个表单域和若干个表单控件组成，所有的表单控件要放置在表单域中才会有效。表单网页是设计与功能的结合，一方面要与后台的程序很好地结合起来，另一方面要制作得美观。所以应该掌握好表单元素的正确使用与设置。本单元重点、难点：表单的制作的步骤对接收表单信息的处理程序的网页的理解,11,扩展性任务,制作用户资料注册页面,12,结束,
