教学设计
一、基本信息
课程名称
Web前端开发技术
课题名称
客栈网页的遮罩效果制作
授课班级
授课时间
授课类型
理实一体化课、新授课
授课地点
机房(有网络),依托超星教学平台
授课学时
40分钟*2学时
教材版本
《Web前端开发技术》(对应第七单元内容)
授课教师
待定
教学资源
超星教学平台网络课程、VSCode、Chrome浏览器、乡村客栈素材包、AIGC提示词模板、错误案例集
教材分析
本节选自教材第七单元7.2节,是CSS动画模块进阶内容,衔接上节照片墙交互效果,核心是CSS遮罩(opacity、background)与transition过渡的联动应用。通过乡村客栈首页
您可能关注的文档
- Web前端开发技术(AIGC版) 教案-教学设计 第1单元 1多工具开发环境搭建——HBuilder X、Dreamweaver与浏览器应用 .docx
- Web前端开发技术(AIGC版) 教案-教学设计 第1单元 2代码开发与服务器环境搭建——VS Code与PHPStudy应用.docx
- Web前端开发技术(AIGC版) 教案-教学设计 第2单元 HTML标记与文本排版——制作《七律·长征》古诗文网页(教案1:2 学时).docx
- Web前端开发技术(AIGC版) 教案-教学设计 第2单元 HTML表格深化应用——制作企业统计表与联系方式网页(教案6:2 学时).docx
- Web前端开发技术(AIGC版) 教案-教学设计 第2单元 HTML表格应用——优化《七律·长征》古诗文网页布局(教案4:2 学时).docx
- Web前端开发技术(AIGC版) 教案-教学设计 第2单元 HTML超链接应用——优化《七律·长征》古诗文网页(教案2:2 学时).docx
- Web前端开发技术(AIGC版) 教案-教学设计 第2单元 HTML图像应用——美化《七律·长征》古诗文网页(教案3:2 学时).docx
- Web前端开发技术(AIGC版) 教案-教学设计 第2单元 HTML综合应用——制作大湾区基建企业简介网页(教案5:2 学时).docx
- Web前端开发技术(AIGC版) 教案-教学设计 第3单元 HTML5表单控件(上)与内联框架——优化大国工匠交互网页(教案3:2 学时).docx
- Web前端开发技术(AIGC版) 教案-教学设计 第3单元 HTML5表单控件(下)与内联框架拓展——完善大国工匠交互网页(教案4:2 学时).docx
- 中国国家标准 GB/Z 37551.300-2026海洋能 波浪能、潮流能及其他水流能转换装置 第300部分:河流能转换装置发电性能评估.pdf
- GB/T 44937.3-2025集成电路 电磁发射测量 第3部分:辐射发射测量 表面扫描法.pdf
- 中国国家标准 GB/T 44937.3-2025集成电路 电磁发射测量 第3部分:辐射发射测量 表面扫描法.pdf
- 《GB/T 44937.3-2025集成电路 电磁发射测量 第3部分:辐射发射测量 表面扫描法》.pdf
- 中国国家标准 GB/T 44937.1-2025集成电路 电磁发射测量 第1部分:通用条件和定义.pdf
- GB/T 44937.1-2025集成电路 电磁发射测量 第1部分:通用条件和定义.pdf
- 《GB/T 44937.1-2025集成电路 电磁发射测量 第1部分:通用条件和定义》.pdf
- 中国国家标准 GB/T 4937.37-2025半导体器件 机械和气候试验方法 第37部分:采用加速度计的板级跌落试验方法.pdf
- 《GB/T 4937.10-2025半导体器件 机械和气候试验方法 第10部分:机械冲击 器件和组件》.pdf
- 中国国家标准 GB/T 44937.2-2025集成电路 电磁发射测量 第2部分:辐射发射测量TEM小室和宽带TEM小室法.pdf
原创力文档

文档评论(0)