《交互式表单》PPT课件.ppt_第1页
《交互式表单》PPT课件.ppt_第2页
《交互式表单》PPT课件.ppt_第3页
《交互式表单》PPT课件.ppt_第4页
《交互式表单》PPT课件.ppt_第5页
已阅读5页,还剩7页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

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,归纳总结,每个表单由一个表单域和若干个表单控件组成,所有的表单控件要放置在表单域中才会有效。 表单网页是设计与功能的结合,一方面要与后台的程序很好地结合起来,另一方面要制作得美观。所以应该掌握好表单元素的正确使用与设置。 本单元重点、难点: 表单的制

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论