首页/百家讲堂/兰考木业网站文档说明

兰考木业网站文档说明

一、网站架构如下:

网站主架构(主导航):HOME(首页)、ABOUT(关于我们)、PRODUCTS(产品)、CONTACT(联系我们)。

上述主导航中的PRODUCTS还有二级分类,PRODUCTS子分类:Film Faced Plywood(覆膜板)、Commercial Plywood(胶合板)、Safety Gate(安全门)。

兰考木业网站文档说明

二、网站部分效果介绍:

1、Home( http://www.yyjdwood.com/)

兰考木业网站文档说明

导航和首页banner(上图):首先映入眼帘的是我们霸气的LOGO,他就静静的镶嵌在那里,宣誓着网站主权和品牌。然后就是超大尺寸的banner展示,整个banner位置目前是三张轮播,这个地方能吸引客户的地方应该有两个地方, 第一点应该是设计师精心设计的banner(大图),第二点应该是这个地方做了自适应处理(无论你用多大分辨率的屏幕查看网页,banner都会全屏显示在你的面前)。

兰考木业网站文档说明

首页我们的优势(上图):这里感觉有意思的是三个图标的动态效果,强大的H5让这个本来死的图标变的有生机,具体动画效果需要您自己去亲生体会。

兰考木业网站文档说明

首页高品质的膜(上图):这个地方主要是告诉访问者这里有三个颜色的膜可以选择,膜有坚固耐用、抗腐蚀等功能。当然这里的亮点不是这些文字信息展示,而是切换不同颜色时效果, 它不像以前单纯的显示和隐藏,这像是一个人操作(跟换膜)时的实时场景。

兰考木业网站文档说明

网站底部(上图):这里介绍的一点是这里的设计,这里简洁的图标代替了以前文字(Email、Address、Call), 新鲜合理的东西总是很容易让人接受。还有就是是它的动态效果,效果如下:当你鼠标移到其中任何一个图标上时, 您发现这个图标会变色的同时,还会微微往下沉, 最后你还会看到一个圆形的光圈慢慢扩散开来,知道消失。

还有整个网站做了自适应处理,不再像以前分辨率大于1600px时内容还是以1600px居中显示(这样浏览器窗口 两边会有留白)。目前做了改善分辨率大于1600px时浏览器窗口两边也不会出现留白现象。

最后:整网站不仅在外观上做了很大努力,在内部优化方面也做的很到位, 具体细节方面就不一一列举了。