【html+css】簪花 · 非遗传承闽南之美7页

下载/充值不了等可加微信购买下载:ddywysj

在线购买后,直接下载,无需等待

¥19.9

所属分类:其他

页数:7页

技术:html+css

 

暂无演示
特别说明 :

成品网页源码具有复制性,请务必确认好是否是您需要的网页(功能描述是否符合你的要求)拍下后不可退换。成品不提供任何免费的修改和一对一教学服务哦,常见的下载解压运行修改教程都有,不会的可以看这个 点击>查看常见问题教程合集。如需要我们提供二次修改或者定制开发可联系客服:ddywysj(备注来意)。

下载的是包含所有的素材和代码文件,看到什么样的购买后就是什么样的,下载后就可以使用、想修改内容的也可以修改代码清晰。

网页代码简单清晰 图片文字代码均可修改没有任何限制

网页比较简单,适合初学者 dw、hbuilder、vscode、sublime等编辑软件都可以查看或者修改图片文字代码

不会下载解压运行看这个:http://doc.ddywysj.com/page/doc/down.html

 

# 簪花 · 非遗传承闽南之美

泉州蟳埔簪花围文化主题网站,展示国家级非物质文化遗产"蟳埔女习俗"中簪花围的历史、工艺、传承与体验。

## 项目概述

本网站围绕泉州蟳埔村簪花围文化,从历史溯源、工艺流程、传承人物、作品欣赏、体验活动等维度,系统呈现这项流传数百年的闽南非遗之美。网站共 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+
本地下载
- MB
首页 导航 会员 微信
客服微信 TOP
· 下载教程 · · 视频教程 ·
多多鱼微信
TOP