Exena - 一页作品集模板 preview 1

Exena - 一页作品集模板

bookmark

Exena 是一款单页作品集 HTML 模板，采用全屏滚动布局，包含首页、关于、服务、案例、新闻、联系六大板块。内置 Slick、Owl Carousel、Swiper 等多种轮播组件，支持视差效果和响应式设计，适合创意工作室或个人展示型网站快速搭建。

HTMLagencycleancreativedesignerdeveloperfullscreengallery

项目简介

Exena 是一款单页作品集 HTML 模板，采用全屏滚动布局，包含首页、关于、服务、案例、新闻、联系六大板块。内置 Slick、Owl Carousel、Swiper 等多种轮播组件，支持视差效果和响应式设计，适合创意工作室或个人展示型网站快速搭建。

技术栈

  • HTML5 + CSS3（静态页面）
  • jQuery（核心交互）
  • fullPage.js（全屏滚动）
  • Slick Slider（服务轮播）
  • Owl Carousel（案例/新闻轮播）
  • Swiper（视差滑块）
  • Magnific Popup（图片灯箱）
  • PHP（联系表单后端）

项目结构

text
exenahtml-10/
├── Documentation/          # 官方文档
├── Template/
│   ├── index-*.html        # 不同首页变体
│   ├── contact.php         # 表单处理
│   ├── MIT-License/
│   ├── css/
│   │   ├── style.css       # 主样式
│   │   └── plugins.css     # 第三方插件样式
│   ├── fonts/              # ionicons 图标字体
│   ├── img/                # 示例图片资源
│   └── js/
│       ├── main.js         # 核心交互逻辑
│       └── plugins.js      # 第三方插件

核心文件说明

  • Template/index-*.html — 首页入口文件，提供多种视觉变体（视频背景、视差滑块等）
  • Template/css/style.css — 主样式表，定义全站布局、配色与响应式断点
  • Template/js/main.js — jQuery 交互逻辑，含预加载、导航、轮播、模态框等
  • Template/contact.php — 简单 PHP 邮件表单处理器（需配置 $myemail）
  • Template/css/plugins.css — 轮播、灯箱等第三方组件的样式覆盖

快速开始

  1. 解压压缩包，进入 Template 目录
  2. 双击 index-HTML5-VIDEO.html 或其他首页文件在浏览器中预览
  3. 上线时通过 FTP 将 Template 文件夹内容上传至服务器 public_html
  4. 修改 contact.php 中的 $myemail 为实际收件地址

使用建议

模板自带多套首页变体，可按需替换 index-*.html；联系表单依赖 PHP 环境，若使用静态托管需自建后端或接入第三方表单服务。

help_outline

常见问题