HTML 大作业NEW

武汉剪纸文化展示网站

武汉剪纸非遗主题静态展示网站，HTML+CSS+JS 实现，涵盖历史长廊、工具技法、十二生肖/民族/套色等多系列作品展示、传承人故事与 GSAP 动效，无需后端。

评分:4.8/5.0

销量:49

发布:6/24/2026

难度:L2 进阶级

获取完整源码

演示视频仅作效果参考。完整源码、项目说明与运行答疑，请私聊沟通（适合毕业设计 / 课程设计 / 课设参考）。

获取完整源码

✓含项目说明文档，便于对照学习

✓可本地运行，适合课设演示

✓沟通获取后可咨询运行问题

项目概览

武汉剪纸文化展示网站为非物质文化遗产主题大作业静态站，采用 HTML5、CSS3 与原生 JavaScript，配合 GSAP 与 MotionPathPlugin 动画插件。涵盖首页品牌首屏、历史长廊、工具与技法、作品展示（十二生肖、五十六个民族、倒影剪纸、水浒人物套色等系列子页）、传承人故事及联系互动等模块，无需后端依赖，适合作为毕业设计中非遗文化展示、GSAP 动效实现与多页面静态网站布局的学习参考。

项目说明

武汉剪纸文化展示网站

一、项目简介

本项目为武汉剪纸非物质文化遗产主题的大作业静态展示网站，采用 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/                    # 作品与页面图片资源