Web前端技术项目式教程电子教案 任务七 添加用户交互界面-表单_第1页
Web前端技术项目式教程电子教案 任务七 添加用户交互界面-表单_第2页
Web前端技术项目式教程电子教案 任务七 添加用户交互界面-表单_第3页
Web前端技术项目式教程电子教案 任务七 添加用户交互界面-表单_第4页
全文预览已结束

下载本文档

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

文档简介

PAGE1PAGE任务七添加用户交互界面——表单课程名称网页设计项目名称添加用户交互界面——表单任务名称表单的使用课时4项目性质□演示性□验证性□设计性√综合性授课班级授课日期授课地点教学目标能力目标：1.掌握表单常用元素的使用方法2.掌握常见的登录、注册的制作方法知识目标：1.了解表单元素的类型2.了解表单的属性素质目标：1.培养学生信息搜集能力2.培养学生团结合作、互帮互助的能力；教学内容1.任务描述2.任务展示与实现（1）利用编辑工具编写CSS3代码并验证其效果（2）学生动手操作3.教师讲解本任务涉及的知识点4.任务小结教学重点（1）实现首页和二级页面的搜索框（2）实现反馈页面。教学难点（1）登录、注册页面教学准备1.装有vscode的电脑2.教学课件PPT3.教材：《Web前端技术项目化教程》作业设计1．设计一个会员登录页面。教学过程教学内容与过程（教学内容、教学方法、组织形式、教学手段）做好课前“5分钟”教学管理（多媒体、实训室），做好上课前的各项准备工作（打开电脑、打开课件、打开软件、打开U盘中的素材位置、打开授课计划、教案等），吸引学生注意力。【课前说明】分别从表单标签，表单域、表单按钮等知识点进行介绍。【目的】使学生从了解本单元的学习目标、学习重点、考评方式等方面明确学习本单元知识的要求和目标。一、什么是<form>标签？<form>有两方面的作用，一方面，限定表单的范围，表单中各个元素都要设置在这个区域内，单击提交按钮时，提交的也是这个区域内的数据；另一方面，携带表单的相关信息，如处理表单的程序、提交表单的方法等。二、什么是<input>元素？<input>元素是最重要的表单元素。其中包括文本框、密码框、单选框、复选框、按钮等元素。三、HTML5新增的input类型。H5中新增了一些类型，使用起来更加方便，包括：color、date、datetime、datetime-local、email、month、number、range、search、tel、time、url、week等。案例：1.例7-1基本注册页面1.搜索框制作。2.意见反馈表制作。表单在网页中主要负责数据采集、通过脚本程序可以对表单中采集的数据进行响应。本任务介绍了表单的3个基本组成部分：表单标签、表单元素、按钮。表单元素包括文本框、密码框、

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

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

最新文档

评论

0/150

提交评论