基本信息
文件名称:网页设计与开发(HTML5+CSS3)授课计划.docx
文件大小:30.69 KB
总页数:5 页
更新时间:2025-06-26
总字数:约2.86千字
文档摘要

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美化列表样式