https://github.com/siteserver/template-aeson

Aeson自适应模板
https://github.com/siteserver/template-aeson

Last synced: 4 months ago
JSON representation

Aeson自适应模板

• Host: GitHub
• URL: https://github.com/siteserver/template-aeson
• Owner: siteserver
• Created: 2017-06-21T07:17:29.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2017-06-23T01:09:59.000Z (almost 9 years ago)
• Last Synced: 2025-01-02T15:50:39.877Z (over 1 year ago)
• Language: HTML
• Size: 22.4 MB
• Stars: 6
• Watchers: 5
• Forks: 7
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 相关地址

## [演示地址](http://theme.demo.siteserver.cn/Aeson/)| [下载地址](http://download.siteserver.cn/templates/T_Aeson.zip) | [使用说明](http://bbs.siteserver.cn/t/t-aeson/1013) | [产品下载](http://cms.siteserver.cn) | [安装说明](http://docs.siteserver.cn/getting-started/index.html) | [搭建站点](http://docs.siteserver.cn/getting-started/create.html)

# 模板简介

### 自适应、html5、企业展示、专题网站、图片 展示、附件下载、手机端、大banner图

这是一套响应式网站模版，适应于地产、汽车、互联网、建筑、媒体、家居、产品型公司以及各种企业集团网站模板：

![image](https://github.com/mingjie888/template-aeson/blob/master/introduce/01.png)

# 页面模块

### 新闻列表

采用的是图文混合的形式排列，让表现形式多样，图文互补，利于用户体验。

![image](https://github.com/mingjie888/template-aeson/blob/master/introduce/02.png)

### 专题中心

整个页面有banner滚动模块、文字介绍模块、图文列表、图片列表等板块，让整个专题网站更加形象生动。

![image](https://github.com/mingjie888/template-aeson/blob/master/introduce/03.png)

### 图片中心

搭建专门的图片预览中心，比起文字介绍，图片中心往往更容易引起读者的兴趣，从而增加用户的页面停留时间，还能降低页面的跳出率，增加页面点击率、提高网站流量。

![image](https://github.com/mingjie888/template-aeson/blob/master/introduce/04.png)

# 更多的细节

1、除了常规的鼠标点击效果，我们增加了鼠标滑入效果，增加网站的趣味性，提升体验感

 ![image](https://github.com/mingjie888/template-aeson/blob/master/introduce/05.png)

2、大banner图结合文字介绍，增加用户浏览的直观性，展现形式的多样性。

![image](https://github.com/mingjie888/template-aeson/blob/master/introduce/06.png)

 

3.提供资料下载中心页面，增加用户的体验性以及用户与网站的互动性

![image](https://github.com/mingjie888/template-aeson/blob/master/introduce/07.png) 

4、手机端兼容——所有图片在手机端都进行过处理，而响应式网站不同设备内容源码是一样的。因此，你不得不担心响应式网站在移动端的速度以及流量消耗，我们采用图片处理技术，在手机上会只加载尺寸更小的图片。

![image](https://github.com/mingjie888/template-aeson/blob/master/introduce/08.png) ![image](https://github.com/mingjie888/template-aeson/blob/master/introduce/09.png)