ZY070018 · 独立实验课程
Web前端技术实验
本课程独立设置，共34个实践学时。请先查看所在年级的课程要求、考核构成与提交方式，再按课次进入实验内容。
17实验课次
34实践学时
13必做项目
2年级版本
课程要求
请选择所在年级，查看课程目标、成绩构成、提交要求和实验项目安排。
2024级教学大纲要点
课程目标、20%＋20%＋60%考核构成、提交要求及13个实验项目
2025级课程要求2025级教学大纲要点
课程目标、40%＋20%＋40%考核构成、提交要求及13个实验项目
17次实验内容
按课次查看本次实验的学习目标、任务、提交要求和验收标准。
开发环境与首个HTML5页面
完整项目（2学时）｜LO1、LO2
实验 02 · 项目2语义化呈现买家评论信息
完整项目（2学时）｜LO1、LO2
实验 03 · 项目3商城数据表格与可访问展示
完整项目（2学时）｜LO1、LO2
实验 04 · 项目4酒店筛选表单
完整项目（2学时）｜LO1、LO2、LO3
实验 05 · 项目5响应式图片与图片链接
完整项目（2学时）｜LO1、LO2、LO3
实验 06 · 项目6HTML5视频嵌入与基础控制
第1次（4学时项目的前2学时）｜LO1、LO2、LO3
实验 07 · 项目6视频事件、状态与可用性完善
第2次（完成4学时项目）｜LO1、LO2、LO3
实验 08 · 项目7CSS选择器与悬停/聚焦特效
完整项目（2学时）｜LO1、LO2、LO3
实验 09 · 项目8商城商品卡片的综合CSS设计
完整项目（2学时）｜LO1、LO2、LO3
实验 10 · 项目9语义列表与商品排列
完整项目（2学时）｜LO1、LO2、LO3
实验 11 · 项目102D变换照片墙的结构与变换
第1次（4学时项目的前2学时）｜LO1、LO2、LO3
实验 12 · 项目10动态照片墙的过渡、动效与适配
第2次（完成4学时项目）｜LO1、LO2、LO3
实验 13 · 项目11用JavaScript和DOM输出图片卡片
完整项目（2学时）｜LO1、LO2、LO3
实验 14 · 项目12循环生成年份和月份选项
第1次（4学时项目的前2学时）｜LO1、LO2、LO3
实验 15 · 项目12日期联动、边界与测试
第2次（完成4学时项目）｜LO1、LO2、LO3
实验 16 · 项目13商品详情Tab组件的结构与交互
第1次（4学时项目的前2学时）｜LO1、LO2、LO3
实验 17 · 项目13可访问Tab、综合验收与展示
第2次（完成4学时项目）｜LO1、LO2、LO3