《网页设计与制作》教学进度计划表

重庆科创职业学院学期授课计划表一、基本信息与审批执行时间2024-2025学年度（上）课程信息课名网页设计与制作学分4代码1516111626开课系人工智能学院大纲修订人周礼萍最新修订时间2024.06课程性质£考试R考查√课程类别□公共必修课□专业选修课R专业必修课√□全院选修课适用授课班级大数据应用技术ZK2401-2403使用教材教材名称网页设计与制作（HTML5+CSS3）项目式教程出版社西南交通大学出版社编著者周礼萍、刘开芬、曹小平课时分配教学大纲规定总学时64课内实验、上机等实践学时62本期教学任务总课时64习题课课时0理论课周数0复习总结课时0周学时4考核、测验、学生评价2计划理论上课学时0机动任课教师周礼萍制定时间2024.06教研室审查系审批

表二、课程学期授课计划表周次周内课次本次学时授课章节及内容课外作业实验执行备注第1周12模块一Web前端开发基础知识1.网页的相关术语、Web标准2.网页的基本组成元素3.常见Web开发工具任务1安装Web浏览器任务2安装VisualStudioCode完成预习与测验第1周221.创建本地站点和管理本地站点2.网站建设的基本流程任务3使用VisualStudioCode创建项目任务2农产品电商首页设计完成预习与测验第2周12模块二网页中的图文展示1.HTML5文档结构2.标签的分类和关系3.常见的文字标签4.常见的文本格式化标签任务4前端学习路线完成预习与测验第2周221.注释标签2.常见转义符3.图像标签4.音频标签5.视频标签6.路径7.网页中相对单位任务2传统节日中秋节页面的制作完成预习与测验第3周12模块三网页中超链接的应用1.超链接的概念2.超链接标签3.超链接的分类4.传统布局标签5.结构语义化标签任务1中国传统节日介绍页面完成预习与测验第3周221.锚点的概念2.锚点链接的使用方法任务2电视剧剧情介绍页面的制作完成预习与测验第4周12模块四网页中列表的应用1.无序列表2.有序列表3.HTML5页面交互标签任务1新闻列表页的制作任务2新闻排行榜完成预习与测验第4周221.定义列表2.列表的嵌套3.开发者工具的使用任务3页脚部分完成预习与测验第5周12模块五网页中表格的应用1.认识表格2.创建表格3.表格中常见属性4.表格结构划分标签任务1农产品电商市场运行大数据图表完成预习与测验第5周121.表格中的合并单元格2.表格嵌套任务2我的订单页面完成预习与测验第6周22模块六CSS3美化页面1.CSS概述2.CSS书写位置3.CSS样式规则4.CSS代码规范5.CSS基础选择器任务1网站简介部分完成预习与测验第6周121.CSS字体样式属性2.CSS文本外观属性3.CSS列表样式属性完成预习与测验第7周221.关系选择器2.属性选择器3.结构化选择器4.状态化伪类选择器5.伪元素选择器任务2关于我们页面完成预习与测验第7周121.CSS层叠性2.CSS继承性3.CSS优先性完成预习与测验第8周221.块级元素2.行内元素3.行内块元素4.元素之间的转换5.元素的隐藏任务1制作个人博客或企业网主页完成预习与测验第8周12模块七盒子模型和背景属性的应用1.认识盒模型2.盒子模型的组成3.盒子边框4.内边距5.外边距6.外边距塌陷问题7.box-sizing属性任务1整点秒杀部分完成预习与测验第9周121.圆角边框2.图像边框3.盒子阴影任务2制作水滴效果完成预习与测验第9周221.背景颜色2.背景图片3.背景平铺4.背景位置5.背景图像固定/附着6.背景连写7.背景尺寸任务3个人页面首页完成预习与测验第10周121.多重背景2.背景渐变3.精灵图任务4制作网页中的优惠券完成预习与测验第10周22模块八网页中常见布局的应用1.浮动的语法2.浮动的特性任务1助农网导航部分完成预习与测验第11周121.清除浮动2.浮动的运用任务2布局商品展示页结构完成预习与测验第11周221.多列布局任务3首页商品展示部分完成预习与测验第12周121.定位的作用2.定位的组成3.相对定位4.绝对定位完成预习与测验第12周221.固定定位2.粘性定位3.定位叠放次序z-index任务4首页轮播图部分完成预习与测验第13周121.flex布局简介2.flex父项常见属性3.flex子元素常见属性任务5助农网局部导航部分完成预习与测验第13周221.网格布局中的基本概念2.grid布局容器属性3.grid-gap属性4.grid-template-areas属性/grid-area属性任务6助农网品质优选部分完成预习与测验第14周12模块九网页中表单的应用1.认识表单2.表单的组成3.表单域4.常见的表单控件完成预习与测验第14周221.H5新增部分控件和属性任务1登录页面完成预习与测验第15周12模块十CSS3高级应用1.过渡2.定义动画3.调用动画任务1转呼啦圈的机器人1.位移任务2奔跑的北极熊完成预习与测验第15周221.缩放2.旋转3.变形任务3加载动画loading图制作任务4垃