# 簪花 · 非遗传承闽南之美
泉州蟳埔簪花围文化主题网站,展示国家级非物质文化遗产"蟳埔女习俗"中簪花围的历史、工艺、传承与体验。
## 项目概述
本网站围绕泉州蟳埔村簪花围文化,从历史溯源、工艺流程、传承人物、作品欣赏、体验活动等维度,系统呈现这项流传数百年的闽南非遗之美。网站共 7 个页面,采用纯原生 HTML + CSS 构建,无任何框架依赖。
## 页面一览
| 页面 | 文件 | 内容 |
|------|------|------|
| 首页 | `index.html` | Banner、簪花文化介绍、工艺流程、传承人展示、作品欣赏、文化活动、页脚 |
| 簪花文化 | `culture.html` | 簪花溯源、文化内涵、历史沿革时间线、非遗荣誉 |
| 工艺传承 | `craft.html` | 花材与工具、工艺流程五步详解、传承与创新、保护措施 |
| 传承人 | `inheritors.html` | 传承人卡片、传承故事、传承方式四步 |
| 作品欣赏 | `gallery.html` | 经典传统作品、现代创新作品、风格解读、传统与现代对话 |
| 体验活动 | `activities.html` | 四项体验活动详情、报名入口、预约须知 |
| 联系我们 | `contact.html` | 联系方式、预约表单、交通指引 |
## 项目结构
```
zanhua-website/
├── index.html # 首页
├── culture.html # 簪花文化
├── craft.html # 工艺传承
├── inheritors.html # 传承人
├── gallery.html # 作品欣赏
├── activities.html # 体验活动
├── contact.html # 联系我们
├── css/
│ └── style.css # 全站样式(外链引入)
└── img/
├── banner.png # 首页 Banner 背景
├── hero-bg.png # Banner 备用图
├── banner-*.png # 各内页 Banner(culture/craft/inheritors/gallery/activities/contact)
├── culture-zanhua.png # 簪花围实拍图
├── culture-history.png # 历史溯源配图
├── craft-materials.png # 花材工具配图
├── compare-trad-modern.png # 传统与现代对比图
├── inheritor.png # 传承人照片
├── inheritor-2.png # 传承人照片2
├── inheritor-3.png # 传承人照片3
├── work-1~6.png # 作品图片
├── act-1~4.png # 活动图片
├── logo.svg # 网站Logo
├── flower-deco.svg # 装饰花
├── step-1~5.svg # 工艺流程图标
├── icon-phone.svg # 电话图标
├── icon-email.svg # 邮箱图标
├── icon-location.svg # 地址图标
└── icon-time.svg # 时间图标
```
## 技术栈
- **HTML5** — 语义化标签,结构清晰
- **CSS3** — 外链引入,Flex 布局为主
- **图片** — 全部本地化,SVG 自制图标
## 设计规范
- **主色**:暗红 `#a84242`
- **辅色**:深红 `#8e3636`
- **点缀色**:金色 `#d4a76a`
- **背景色**:米白 `#fdf8f3`
- **文字色**:深灰 `#333` / 辅助灰 `#666` / 浅灰 `#999`
- **字体**:PingFang SC → Microsoft YaHei → Hiragino Sans GB
## 使用方式
1. 下载或克隆本项目
2. 用浏览器直接打开 `index.html` 即可浏览全站
3. 无需安装任何依赖,无需构建工具
## 浏览器兼容
- Chrome 80+
- Firefox 80+
- Safari 14+
- Edge 80+