网页设计与制作(HTML+CSS+JavaScript)教学全套课件（第2版）刘万辉教学资源任务8 设计表单.doc

4、授讲解新增的input输入类型：email、url域、number域、range域、日期数据DatePickers、search域、color域、tel域讲授法多媒体课件演示教师：讲授知识学生：边听边练学生实践创建一个新页面进行实践新增的input输入类型实验教学法多媒体教师：辅导交流学生：实践练习课堂总结（1）表单基本概念；（2）表单的组成；（3）新增表单input元素的使用方法；教师讲解多媒体课件演示整理笔记引导创新任务拓展通过网页与手机终端认识不同的表单元素。教师指导学生自学多媒体布置作业提出要求第4页共4页《网页设计与制作》课程教学单元设计淮安信息职业技术

5、学院教学过程设计8.2form新增属性与新增的input属性（学时数：2）主要步骤教学内容教学方法教学手段师生活动知识讲授讲解form新增属性：autocomplete属性novalidate属性讲授法多媒体课件演示教师：讲授知识学生：边听边练学生实践创建一个新页面进行实践form新增属性。实验教学法多媒体教师：辅导交流学生：实践练习知识讲授讲解新增的input属性：新增的input属性、multiple属性、placeholder属性、required属性讲授法多媒体课件演示教师：讲授知识学生：边听边练学生实践学生创建一个新页面进行实践新增的input属性实验教

6、学法多媒体教师：辅导交流学生：实践练习知识讲授讲解新增的表单元素：datalist元素、keygen元素、output元素讲授法多媒体课件演示教师：讲授知识学生：边听边练学生实践学生创建一个新页面进行实践新增的表单元素实验教学法多媒体教师：辅导交流学生：实践练习课堂总结（1）form新增属性（2）新增的表单元素（3）新增的表单元素教师讲解多媒体课件演示整理笔记引导创新任务拓展综合实例：用户注册页面的设计教师指导学生自学多媒体布置作业提出要求第4页共4页《网页设计与制作》课程教学单元设计淮安信息职业技术学院教学过程设计8.3任务实施：智慧校园信息门户的登录页表单设计

7、（学时数：2）主要步骤教学内容教学方法教学手段师生活动任务描述本任务是采用HTML+CSS的布局方式，结合表单设计的方法设计完成智慧校园信息门户的登录页面。任务驱动教学法多媒体教师：分析任务学生：信息交流任务分析根据学习的HTML+CSS的布局方法，针对登录表单的草图构建登录表单。任务驱动教学法多媒体教师：辅助分析学生：交流讨论任务计划小组讨论，将任务分解任务驱动教学法多媒体课件演示教师：辅助分析学生：交流讨论任务实施通过分析，实施步骤如下：第一步：设计登录表单的HTML结构代码。第二步：给登录表单元素设计适合的CSS样式表。任务驱动教学法多媒体教师：辅导交流学生

8、：实践练习