资源简介

教案名称 任务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	2021计应1班	2021年9月	201
2021010203	王攀岩	男	18	2021计应1班	2021年9月	202
2021010204	刘雪红	女	17	2021计应1班	2021年9月	502
2021010205	李子海	男	29	2021计应1班	2021年9月	202
2021010206	张君玉	女	18	2021计应1班	2021年9月	502

定义样式：III.课堂小结：（5分钟） 掌握表格 CSS 样式设置方法。课后作业： 课后实训7和超星学台作业 表格不仅用于显示数据，以前也用于网页布局，但随着前端技术的发展，现在表格布局已过时，不再使用。引导学生与时俱进，聚焦新技术发展，养成终身学习的习惯。

展开更多......

收起↑