中职《Web前端开发案例教程（HTML5+CSS3）（第2版）》（人邮版·2023）任务7制作学生信息表 教案（表格式）

教案名称 任务7 制作学生信息表 计划学时 4学时 学习目标 掌握创建表格的HTML标记能够对单元格进行合并掌握表格的CSS样式设置方法 素质目标 培养与时俱进，不断创新的精神培养不断学习，终身学习的习惯 教学重点 创建表格的HTML标记 教学难点 表格的样式设置 教学模式 任务驱动教学法线上+线下混合教学模式 教学活动及主要环节 思政元素切入点 第1、2学时(表格基本标记、合并单元格)课前发布任务：观看学台相关学习视频。做课前测试题。I.学生讨论：（10分钟）表格的标记有哪些？如何创建表格？II.重难点内容讲授：一、表格标记（35分钟）代码如下：

学生情况表

学号	姓名	性别	专业	入学成绩
2021021506	王大震	男	计算机应用技术	390
2021021507	于雪	女	计算机应用技术	412
2021021508	马文文	女	计算机应用技术	376

（1）（2）（3）（4）实例7-2：创建学生情况表（35分钟）代码如下：

学生成绩表

基本信息				成绩信息
学号	姓名	性别	班级	Web前端开发	信息技术基础	C语言
2021021506	王大震	男	2021级计应1班	90	47	88
2021021507	于雪	女	2021级计应1班	89	76	90
2021021508	马丽	女	2021级计应1班	79	93	53

合并单元格的方法：给标记或添加colspan或rowspan属性。III.课堂小结：（10分钟） 掌握创建表格的各种标记及合并单元格的方法；课后作业： 课后实训7超星学台作业第3、4学时(使用CSS定义表格样式、制作学生信息表格)课前发布任务：观看学台相关学习视频。做课前测试题。I.学生讨论：（10分钟）表格样式定义主要用到哪些属性？II.重难点内容讲授：一、实例7-3，定义表格CSS样式（30分钟）样式代码：二、练习：对上面的表格自己灵活改变一下样式。（5分钟）三、任务实现：制作学生信息表（40分钟）结构搭建：

学生信息表

学号	个人信息			入学信息
	姓名	性别	年龄	班级	入学年月	宿舍号
2021010201	王大震	男	19	2021计应1班	2021年9月	201
2021010202	于雪鲲	男	19	2 ... ... ~~ 您好，已阅读到文档的结尾了 ~~ 立即下载 免费下载 （校网通专属） 登录下载Word版课件 同类资源 第2章 第1节借入资金的账务处理(课件)2023-2024学年中职高二《电子商务会计(第三版)》(中国劳动社会保障出版社)同步教学（2024-06-01） 模块一 任务1汽车涂装的认知(课件)2023年《汽车涂装技术(第二版)》(人民交通出版社)（2024-06-01） 模块八 任务六 车四拐曲轴. (课件)2024年《高级车工工艺与技能训练(第三版)》(劳动版)同步教学（2024-05-31） 模块一 任务五车刀的刃磨(课件)2024年《高级车工工艺与技能训练(第三版)》(劳动版)同步教学（2024-06-01） 模块二 任务二 粗车台阶轴(课件)2024年《高级车工工艺与技能训练(第三版)》(劳动版)同步教学（2024-06-01） 上传课件兼职赚钱 电子教辅 二一排课 公开课 组卷网 出卷网 题库 二一教育-课件中心 二一课件通 数据来源：21世纪教育网 粤ICP备11039084号