独立实验课程 · 教学大纲要点

2024级《Web前端技术实验》教学大纲要点

2024级
课程代码 ZY070018
2026—2027学年第一学期

本年级学习重点：重视期末综合成果，同时持续保留17次实验的过程证据与平时记录。

一、课程基本信息

项目	内容	项目	内容
课程名称	Web前端技术实验	课程代码	ZY070018
课程性质	专业教育选修课；考查	学分	1学分
实践学时	34学时	开课学期	第3学期
实验项目	13个必做项目	课堂组织	17次课

二、面向学习的课程目标

掌握 HTML5、CSS3、JavaScript 和 DOM 基础，完成页面结构、样式与交互。
能分析实验要求、选择实现方法，并使用开发者工具测试、定位和修复问题。
遵守文件与代码规范，完成实验报告、课堂展示与交流。

三、成绩构成

平时成绩	期中成绩	期末成绩	总评计算
20%	20%	60%	平时成绩×0.20 + 期中成绩×0.20 + 期末成绩×0.60

四、学生需要关注的事项

毕业要求指标点 3.2、9.2、10.1
按课次完成可运行代码、必要截图或测试记录，并能够解释关键实现与问题修复。
期中与期末任务独立完成，题目和提交要求以课堂公布为准。
使用AI辅助时，应记录建议、本人修改与验证过程。

独立实验课程 · 教学大纲要点

2024级实验项目与17次课安排

2024级
课程代码 ZY070018
2026—2027学年第一学期

一、13个必做实验项目

项目	实验内容	学时	对应课次
1	通过开发工具创建一个网页	2	第1次课
2	实现网页中的买家评论信息	2	第2次课
3	通过表格制作商城首页	2	第3次课
4	通过表单实现酒店筛选	2	第4次课
5	设置网页中图片的属性	2	第5次课
6	通过 video 标签添加视频	4	第6—7次课
7	实现鼠标滑过图片时的特效	2	第8次课
8	实现商城商品卡片的综合样式	2	第9次课
9	通过列表实现商品排列	2	第10次课
10	通过 2D 变换实现动态照片墙	4	第11—12次课
11	使用 JavaScript 和 DOM 输出图片	2	第13次课
12	通过循环生成年份和月份	4	第14—15次课
13	实现商品详情 Tab 菜单	4	第16—17次课

课次安排：项目6、10、12、13各为4学时，分别用两次课完成；其余项目各一次课，共17次、34学时。

二、课堂学习与提交要求

课前阅读任务书并准备所需素材。
课堂完成核心任务、调试和验收，保留错误信息与修复证据。
源码、资源、截图和实验报告的命名保持一致。
能够现场演示作品并说明关键代码和测试结论。