工学一体化课程教学课页NO1
课程
学习任务
项目一：利用HTML5制作图文混排页面
使用学材
任课教师
XXX
班级
所属专业
XXX
实施地点
实施日期
总课时
120
周课时
学材处理
采用一体化教学模式，以学生为主体，围绕课程标准、以典型工作任务展开，知识点够用、适用为原则，并配合相关教辅学习资料，同时根据学生特点自行设计的课后补充任务进行强化实践用。在辅助知识和技能点学习时加入一些思政元素（安全、心理健康教育等内容在网页内容中）。
任务分析
本任务要求要首页，有链接的具体明细子网页，新生要根据现有教辅资料学习、实践、讨论、分析后完成这个综合任务。利用HTML5的基本结构和语法、文本控制标记、图像标记以及超链接标记知识等综合应用熟悉后就可完成“冬奥会”图文混排页面效果。
教学目标
（包含知识与技能、过程与方法、情感态度与价值观等三个目标）
知识与技能：
掌握HTML基本结构标签用法，能够利用HTML标签制作第一个页面；
掌握图片标签用法及相关属性设置方法，能够做出图文混排的页面，并完成页面超链接效果，锻炼学生网页制作的能力；
3.熟悉并掌握网页制作流程，能够熟练使用编程软件编写相关页面代码。
过程与方法：
1.通过自主探究、小组讨论、与老师沟通等制作网页相关模块，培养学生协作解决问题的能力和主动性以及与人交流合作的能力；
2.通过教师对“冬奥会”网页作品的点评与反馈，理解网页设计要点，培养学生总结归纳能力。
情感态度与价值观：
1.通过制作的网页内容，引导学生关注社会热点，培养积极正能量的良好品质。
2.在制作网页的过程中，培养学生探索、创新、实践、协作的职业素养。
3.通过学习编写代码，培养学生的信息素养和逻辑思维能力。
4.通过继续完善“冬奥会”网页作品，培养学生精益求精的职业素养。
教学重点
教学难点
重点及突出策略：
教学重点：HTML5语法、HTML5标记及其属性、文本控制标记。
措施：通过教师引导、学生上机操作加强学习和补充案例进行巩固。
难点及解决方法：
教学难点：HTML5标记及属性、图像标记、超链接标记。
措施：通过教师台上演示与讲解、学生上机操作加强学习和补充案例进行巩固。
教学方法
项目教学，小组讨论，一体化教学
教学条件
准备
计算机、VSCode软件、教学PPT、工作页
教学组织
（简述并备注每一流程所需课时）
一、明确任务
教师给定任务，引导学生思考，明确任务要求（0.5课时）
二、制定工作计划（2课时）
分析任务后确定以下工作计划
教师引导学习，学生完成项目所需知识点和技能点的学习；
按任务要求，制定工作计划
三、计划实施（4课时）
能正确使用所需HTML5标记，并按各模块效果图进行代码编写，并实现效果。
四、检查验收（0.5课时）
检查任务完成情况，正确填写检查报告
五、总结反思与评价（1课时）
撰写项目总结，随机抽取一个小组，向全班展示作品，并进行分析总结，能就本次任务中出现的问题提出改进措施；小组互评，组内互评，教师点评总结。
教学反思
教学实施（次页）
教学环节
教学内容
学生活动
教师活动
评价点
资源
用时
一明确工作任务
工作任务的阅读与分析；
明确工时、工作内容和人员分组；
接收任务并进行阅读分析；
根据任务要求进行人员分工；
3、与小组成员讨论网页中所需效果等要求；
1、发放任务并说明要求；
2、指导各小组进行任务分工；
3、察看、记录学生小组讨论情况及所存问题；
4、引导学生讨论所存实际问题（分工明确性）
5.检查学生填写工作页的正确性
1、是否明确任务、工时；
2、小组任务分工是否合理；
3、对任务理解、表达是否到位；
4、工作页完成是否到位；
5、小组积极性。
工作任务
0.5课时
二制定工作计划
HTML5基本语法、文本控制标记、图像标记的应用方法
制作图文混排的方法、步骤及注意事项
认识并选择合适的软件及标签
工作计划的制定
查阅教辅学习HTML5基本语法、文本控制标记、图像标记的应用案例
分析效果图，划分模块结构
学习跟效果图各模块有关设计制作方法
讨论编写代码步骤
制定设计计划
1．巡查、记录学生查阅教辅自主学习情况，并给以必要的引导；
组织学生讨论，解决遇到的问题、确定编写代码的步骤
3.指导学生制定工作计划
1.描述文本控制标记、图像标记的应用方法是否准确
2.能否准确描述图文混排的关键技术点
3.选用标记是否合理
4.回答问题是否准确。
5.语言表