网页设计与开发（HTML5+CSS3）授课计划

XXX班XX学年度第X学期授课计划序号周次课时数教学内容教学方式课外作业备注116项目一：利用HTML5制作图文混排页面任务1第一个网页的创建任务2页面格式化标签的应用任务3HTML5标签属性的应用任务4文本样式标签的应用任务5文本格式化标签的应用任务6文本语义标签的应用任务7图像标签的应用理实一体复习项目一所学标签意义226项目一：利用HTML5制作图文混排页面任务8超链接标签的应用任务9音频和视频标签的应用项目实战制作杭州亚运会精彩赏析课后拓展任务与项目总结理实一体项目一课后习题336项目二：利用HTML5搭建网页结构任务1ul元素的应用任务2ol元素的应用任务3dl元素的应用任务4列表的嵌套应用任务5header元素的应用任务6nav元素的应用任务7article、section、aside、footer元素的应用理实一体复习项目二所学标签意义446项目二：利用HTML5搭建网页结构任务8figure和figcaption元素的应用任务9hgroup元素的应用任务10details和summary元素的应用项目实战制作“青少年心理健康教育”页面课后拓展任务与项目总结理实一体项目二课后习题XXX班XX学年度第X学期授课计划序号周次课时数教学内容教学方式课外作业备注556项目三：利用CSS3美化网页文本任务1行内式的应用任务2内嵌式的应用任务3链入式的应用任务4导入式的应用任务5标签选择器和类选择器的应用任务6ID选择器的应用任务7通配符选择器的应用任务8标签指定式选择器的应用任务9后代选择器的应用理实一体CSS3基础知识记忆666项目三：利用CSS3美化网页文本任务10并集选择器的应用任务11字体样式属性的应用任务12@font-face的应用任务13文本外观属性的应用任务14文本装饰与文本阴影属性的应用任务15文本溢出属性的应用任务16CSS3层叠性和继承性的应用任务17CSS3优先级的应用项目实战制作“反诈小课堂”页面理实一体项目三课后习题776项目三：利用CSS3美化网页文本课后拓展任务与项目总结项目四：利用CSS3新增的选择器制作网页任务1属性选择器的应用任务2子代选择器的应用任务3兄弟选择器的应用任务4:root选择器的应用任务5:not选择器的应用任务6:only-child选择器的应用理实一体CSS3新增选择器知识点记忆XXX班XX学年度第X学期授课计划序号周次课时数教学内容教学方式课外作业备注886项目四：利用CSS3新增的选择器制作网页和:last-child选择器的应用f-type(n)和:nth-last-of-type(n)选择器的应用任务10:before选择器的应用任务11:after选择器的应用任务12链接伪类选择器的应用项目实战制作“安全教育”页面课后拓展任务与项目总结理实一体项目四课后习题996项目五利用盒子模型布局网页 任务1盒子模型基本属性的应用 任务2border属性的应用任务3border-radius属性的应用 任务4padding和margin属性的应用任务5box-sizing属性的应用任务6box-shadow属性的应用任务7float属性的应用任务8盒子模型清除浮动的应用任务9position属性的应用理实一体盒子模型相关属性意义记忆与背诵10106项目五利用盒子模型布局网页任务10背景属性的应用 任务11opacity属性的应用 任务12渐变属性的应用 任务13重复渐变属性的应用 任务14使用盒子模型布局网页项目实战制作“消防安全知识教育”页面 课后拓展任务与项目总结理实一体项目五课后习题XXX班XX学年度第X学期授课计划序号周次课时数教学内容教学方式课外作业备注11116期中考试项目六利用CSS3美化列表样式任务1设置列表项目符号任务2制作横向导航 任务3制作立体导航 理实一体补充任务12126任务4制作下拉式菜单导航 任务5制作下拉式面板导航项目6利用CSS3美化列表样式任务6制作旅游攻略栏目 任务7设计图片列表版式 项目实战制作“青年教育宣传”页面拓展任务与项目总结理实一体项目六课后习题13136项目七利用CSS3美化表格和表单样式任务1设置表格的背景颜色 任务2设置表格的边框样式任务3设置单元格的边框样式 任务4设置表头的样式任务5制作网页通讯录任务6制作用户登录表单任务7制作并美化用户注册表单理实一体表格和表单相关标记和属性记忆背诵14146项目7利用CSS3美化表格和表单样式任务8制作并美化用户信息注册表单项目实战制作“景点排行榜”页面课后拓展任务与项目总结理实一体项目七课后习题XXX班XX学年度第X学期授课计划序号周次课时数教学内容教学方式课外作业备注15156项目八利用CSS3制作网页特效任务1定义平移效果 任务2定义缩放效果 任务3定义倾斜效果 任务4定义2D旋转效果任务5定义变形原点任务6定义3D旋转效果任务7定义过渡效果任务8设置过渡效果持续时间理实一体CSS3动效相关属性意义记忆背诵16166项目8利用CSS3制作网页特效任务9定义过渡效果速度曲线 任务10制作CSS3动画效果项目实战制