工学一体化课程教学课页NO9
课程
学习任务
项目九：制作信息技术网站首页
使用学材
任课教师
班级
所属专业
实施地点
实施日期
总课时
周课时
学材处理
采用一体化教学模式，以学生为主体，围绕课程标准、以典型工作任务展开，知识点够用、适用为原则，并配合相关教辅学习资料，同时根据学生特点自行设计的课后补充任务进行强化实践用。在辅助知识和技能点学习时加入一些思政元素（安全、心理健康教育等内容在网页内容中）。
任务分析
本项目是结合本课程所有内容，制作一个信息技术网站首页。首先根据效果图，明确任务要求，查阅相关资料，确定任务完成流程及技术规范；在规定时间内完成站点创建、网页框架搭建，网页盒子布局与定位，CSS样式代码编写与调试等。
教学目标
（包含知识与技能、过程与方法、情感态度与价值观等三个目标）
知识与技能：
掌握站点的建立，能够建立规范的站点。
完成首页面的制作，并能够实现简单的CSS3动画效果。
过程与方法：
学生通过自主探究、小组合作，培养学生协作解决问题的能力和主动性。
情感态度与价值观：
让学生感受HTML5与CSS3的神奇之处；
让学生通过动手实践体验完成作品的成就与喜悦感。
教学重点
教学难点
重点及突出策略：
教学重点：建立站点、站点初始化设置、效果图分析、页面布局、定义公共样式、首页面详细制作。
措施：通过上机操作加强学习和补充案例进行巩固。
难点及解决方法：
教学难点：建立站点、站点初始化设置、页面布局。
措施：通过上机操作加强学习和补充案例进行巩固。
教学方法
项目教学，小组讨论，一体化教学
教学条件
准备
计算机、VSCode等网页编辑软件、教学PPT
教学组织
（简述并备注每一流程所需课时）
一、明确任务
教师给定任务，引导学生思考，明确任务要求（0.5课时）
二、制定工作计划（4课时）
分析任务后确定以下工作计划
教师引导学习，学生所需知识点学习；
按任务要求，制定工作计划
三、计划实施（8课时）
能正确使用所需的知识完成整个网站的制作，并按各模块效果图进行代码编写，并实现效果。
四、检查验收（0.5课时）
检查任务完成情况，正确填写检查报告
五、总结反思与评价（1课时）
以小组为单位，用演示文稿向全班展示、汇报制作成果；教师针对各组任务工作过程及汇报情况分别作评价；工作过程回顾及总结。
教学反思
教学实施（次页）
教学环节
教学内容
学生活动
教师活动
评价点
资源
用时
一明确工作任务
工作任务的阅读与分析；
明确工时、工作内容和人员分组；
1、接收任务并进行阅读分析；
2、根据任务要求进行人员分工；
3、与小组成员讨论网页中所需效果等要求；
1、发放任务并说明要求；
2、指导各小组进行任务分工；
3、察看、记录学生小组讨论情况及所存问题；
4、引导学生讨论所存实际问题（分工明确性）
5.检查学生填写工作页的正确性
1、是否明确任务、工时；
2、小组任务分工是否合理；
3、对任务理解、表达是否到位；
4、工作页完成是否到位；
5、小组积极性。
工作任务
0.5课时
二制定工作计划
回顾各大模块知识点的应用方法
设置各表单元素CSS样式的方法、步骤及注意事项
选择合适的CSS选择器及CSS样式属性
工作计划的制定
查阅教辅学习CSS3曾经做过的HTML5与CSS应用案例
分析效果图，划分模块结构
学习跟效果图各模块有关设计制作方法
讨论编写代码步骤
制定设计计划
1．巡查、记录学生查阅教辅自主学习情况，并给以必要的引导；
2.组织学生讨论，解决遇到的问题、确定编写代码的步骤
3.指导学生制定工作计划
1.能否准确描述各模块要应用的关键技术点
2.选用标记是否合理
3.回答问题是否准确。
4.语言表达是否规范。
工作页、计划表、实施进度表、教辅
4课时
教学环节
教学内容
学生活动
教师活动
评价点
资源
课时
三实施工作计划
准备工作
建立站点、站点初始化设置、页面布局、定义公共样式
首页面详细制作（搭建HTML结构及编写CSS样式代码）
制作头部、导航内容
制作内容部分（科技要闻）
制作内容部分（本周排行榜）
制作内容部分（四个模块）
制作尾部内容
根据学习到的HTML5用法搭建各模块框架
根据所学CSS知识设置相应模块样式效果
遇到问题时小组成员互相讨论
网页整体调试运行
巡查、记录学生在编写代码过程中遇到的问题及