XXX班XX学年度第X学期授课计划
序
号
周
次
课时数
教学内容
教学
方式
课外
作业
备注
1
1
6
项目一:利用HTML5制作图文混排页面
任务1第一个网页的创建
任务2页面格式化标签的应用
任务3HTML5标签属性的应用
任务4文本样式标签的应用
任务5文本格式化标签的应用
任务6文本语义标签的应用
任务7图像标签的应用
理实一体
复习项目一所学标签意义
2
2
6
项目一:利用HTML5制作图文混排页面
任务8超链接标签的应用
任务9音频和视频标签的应用
项目实战制作杭州亚运会精彩赏析
课后拓展任务与项目总结
理实一体
项目一课后习题
3
3
6
项目二:利用HTML5搭建网页结构
任务1ul元素的应用
任务2ol元素的应用
任务3dl元素的应用
任务4列表的嵌套应用
任务5header元素的应用
任务6nav元素的应用
任务7article、section、aside、footer元素的应用
理实一体
复习项目二所学标签意义
4
4
6
项目二:利用HTML5搭建网页结构
任务8figure和figcaption元素的应用
任务9hgroup元素的应用
任务10details和summary元素的应用
项目实战制作“青少年心理健康教育”页面
课后拓展任务与项目总结
理实一体
项目二课后习题
XXX班XX学年度第X学期授课计划
序
号
周
次
课时数
教学内容
教学
方式
课外
作业
备注
5
5
6
项目三:利用CSS3美化网页文本
任务1行内式的应用
任务2内嵌式的应用
任务3链入式的应用
任务4导入式的应用
任务5标签选择器和类选择器的应用
任务6ID选择器的应用
任务7通配符选择器的应用
任务8标签指定式选择器的应用
任务9后代选择器的应用
理实一体
CSS3基础知识记忆
6
6
6
项目三:利用CSS3美化网页文本
任务10并集选择器的应用
任务11字体样式属性的应用
任务12@font-face的应用
任务13文本外观属性的应用
任务14文本装饰与文本阴影属性的应用
任务15文本溢出属性的应用
任务16CSS3层叠性和继承性的应用
任务17CSS3优先级的应用
项目实战制作“反诈小课堂”页面
理实一体
项目三课后习题
7
7
6
项目三:利用CSS3美化网页文本
课后拓展任务与项目总结
项目四:利用CSS3新增的选择器制作网页
任务1属性选择器的应用
任务2子代选择器的应用
任务3兄弟选择器的应用
任务4:root选择器的应用
任务5:not选择器的应用
任务6:only-child选择器的应用
理实一体
CSS3新增选择器知识点记忆
XXX班XX学年度第X学期授课计划
序
号
周
次
课时数
教学内容
教学
方式
课外
作业
备注
8
8
6
项目四:利用CSS3新增的选择器制作网页
任务7:first-child和:last-child选择器的应用
任务8:nth-child(n)和:nth-last-child(n)选择器的应用
任务9:nth-of-type(n)和:nth-last-of-type(n)选择器的应用
任务10:before选择器的应用
任务11:after选择器的应用
任务12链接伪类选择器的应用
项目实战制作“安全教育”页面
课后拓展任务与项目总结
理实一体
项目四课后习题
9
9
6
项目五利用盒子模型布局网页
任务1盒子模型基本属性的应用
任务2border属性的应用
任务3border-radius属性的应用
任务4padding和margin属性的应用
任务5box-sizing属性的应用
任务6box-shadow属性的应用
任务7float属性的应用
任务8盒子模型清除浮动的应用
任务9position属性的应用
理实一体
盒子模型相关属性意义记忆与背诵
10
10
6
项目五利用盒子模型布局网页
任务10背景属性的应用
任务11opacity属性的应用
任务12渐变属性的应用
任务13重复渐变属性的应用
任务14使用盒子模型布局网页
项目实战制作“消防安全知识教育”页面
课后拓展任务与项目总结
理实一体
项目五课后习题
XXX班XX学年度第X学期授课计划
序
号
周
次
课时数
教学内容
教学
方式
课外
作业
备注
11
11
6
期中考试
项目六利用CSS3美化列表样式