武汉剪纸文化展示网站
本项目为武汉剪纸非物质文化遗产主题的大作业静态展示网站，采用 HTML + CSS + JavaScript 实现，无需后端。网站涵盖剪纸历史、工具技法、作品展示、传承人故事及联系互动等模块，适合课程设计、非遗文化展示与前端静态页学习。
项目说明
武汉剪纸文化展示网站
一、项目简介
本项目为武汉剪纸非物质文化遗产主题的大作业静态展示网站，采用 HTML + CSS + JavaScript 实现，无需后端。网站涵盖剪纸历史、工具技法、作品展示、传承人故事及联系互动等模块，适合课程设计、非遗文化展示与前端静态页学习。
入口页面： index.html
二、技术栈
| 类型 | 技术 |
|---|---|
| 页面结构 | HTML5 |
| 样式 | CSS3 |
| 交互 | 原生 JavaScript |
| 动画 | GSAP、MotionPathPlugin |
三、项目功能
3.1 首页（index.html）
- 品牌首屏与剪纸主题视觉
- 导航至各功能模块
- 跳转欢迎页视觉体验
3.2 历史长廊（history.html）
- 武汉剪纸发展历史介绍
3.3 工具与技法（skills.html）
- 剪纸工具与制作工艺说明
3.4 作品展示（gallery.html 及子页）
- 彩贴剪纸《十二生肖》（
gallery-zodiac.html） - 彩贴剪纸《五十六个民族》（
gallery-ethnic.html） - 倒影剪纸（
gallery-reflection.html） - 套色剪纸《水浒人物》（
gallery-watermargin.html）
3.5 传承人故事（inheritor.html）
- 剪纸传承人介绍与故事展示
3.6 联系我们（contact.html）
- 联系信息与留言展示
3.7 欢迎页（welcome.html）
- 视觉体验与动效演示
四、目录结构（简要）
homework-jianzhi/
├── 项目说明.md
├── index.html
├── welcome.html
├── history.html
├── skills.html
├── gallery.html
├── gallery-*.html # 各系列作品子页
├── inheritor.html
├── contact.html
├── css/
├── js/
└── img/ # 作品与页面图片资源
五、运行方式
- 浏览器直接打开
index.html - 或使用 Live Server 等静态服务器本地预览
- 无需安装依赖与数据库
六、适用场景
- 大作业 / 课程设计
- 非遗文化主题静态网站参考
- 前端页面布局与动效学习
技术分类
包含内容
适用人群
学习参考与二次开发
关于 AI源码
AI源码 专注优质项目源码分享，提供完整源码、详细文档与技术支持，助力源码设计与课程作业。
相关推荐
查看全部 →
本草纲目溯源
「本草纲目溯源」是一款以中国传统医药文化为主题的静态展示网站。项目以明代李时珍所著《本草纲目》为切入点，通过首页、名人、著作、药材四大模块，串联中医发展脉络与经典典籍、代表性人物及常见药材知识，整体采用古风视觉与竖排文字排版，配合入场动画、3D 轮播、画卷式详情等交互，呈现「溯本求源」的阅读体验。
非遗传承小程序
这是一个非物质文化遗产展示与传承的微信小程序，采用纯前端实现，使用本地Mock数据模拟后端接口。项目完整实现了非遗项目浏览、传承人介绍、活动报名、资讯阅读、收藏管理等核心功能，适合作为微信小程序开发学习项目或计算机设计参考。
非遗·油纸伞
当前版本为 纯前端 Demo：无后端服务，数据来自本地 Mock 与浏览器 持久化。
非遗油纸伞文化数字体验平台
本项目是一个面向非物质文化遗产油纸伞文化传播与数字交互的综合 Web 平台。平台以「文化展示 + 沉浸体验 + 用户创作 + 知识传播」为主线，将油纸伞的历史渊源、制作工艺、文化内涵与现代 Web 技术相结合，帮助公众以可感知、可参与的方式了解并传承这一传统技艺。
醴陵釉下五彩 · 非遗专题网站
本项目为醴陵釉下五彩非物质文化遗产主题的静态展示网站，采用原生 HTML5、CSS3、JavaScript 构建，无前端框架与构建工具，可直接在浏览器中打开运行。网站以「总览 → 历史 → 荣誉 → 工艺 → 精神 → 传承」六大篇章，系统呈现釉下五彩的文化脉络、制作技艺与当代发展。
古镇风情导览小程序
这是一个江南古镇旅游导览的微信小程序，采用纯前端实现，使用本地Mock数据模拟后端接口。项目完整实现了古镇景点介绍、历史文化展示、特色美食推荐、文创产品展示、住宿交通指南等核心功能，适合作为微信小程序开发学习项目或计算机设计参考。