首页/百家讲堂/奥特瑞网站文档说明

奥特瑞网站文档说明

一、网站架构如下:

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

上述主导航中的PRODUCTS还有二级分类和三级分类, PRODUCTS子分类:Car tools、Refitment item、Electrical item、Security item、Exterior item、Interior item、Emergency item、Car care item、More Regular Items Available、PDQ Solution、Numerical Index、Comfortable item。(由于三级分类比较多这里就不展示了)

奥特瑞网站文档说明

二、网站内容效果介绍

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

奥特瑞网站文档说明

首页banner和导航(上图):1位置(主导航)我们可以看到每个栏目默认时有一个斜线作为分界线,当前选中时有一个斜的红色四边形背景。这样的设计虽然对我们制作来说添加了一些难度,但它的展示效果还是备受客户的喜爱的。2位置我们可以看到一个鼠标一个动态的箭头(一些低版本浏览器就看不到了),这样的组合是为了告诉访问者,页面还有可以向下滑动。3位置展示的是一个朝下的箭头,当我们用鼠标戳它时,页面会跑最底部的位置。还有就是当我们把鼠标向下滚动时箭头放会掉头, 然后我们这时再戳它时,页面会跑最顶部部的位置。

四张经过我们设计师精心设计的banner,将公司的产品展示得淋漓精致。

奥特瑞网站文档说明

首页合作商LOGO展示:此处在about页面也有展示,左右来回移动,形象生动的将多个图标展示给访问者。这里可编辑性很强,简单的说就是图标小于5个时,这里不会有移动效果,大于5个时,无论你添加多少个图标都不会影响移动效果。当然由于来回移动时间是固定的, 个数越多移动速度就会越快。

奥特瑞网站文档说明

网站底部展示(上图):左边是产品列表的展示, 在底部展示这样可保证访者在任何页面可以进到对应产品 页面, 增加访问者进入产品页面的概率。中间是最新新闻的展示, 这样的好处就是访问者不管在什么页面都可快 速的了解我们的最新动态。 右边是联系地址和联系方式的展示,这样访问者在任何页面都可快速的知道我们的联系 信息,同时达到快速相互沟通的目的。

2.CONTACT( http://www.szatr.com/contact/)

奥特瑞网站文档说明

联系页面(上图):2个缩小放大的红色圆圈给整个页面给激活了。 此图的下方是一个发送邮件的功能, 这个功能目前备受客户的喜欢, 给客户(网站所属者)增添了不少询盘,之所以这样是因为现在很多国外访问者, 不喜欢繁琐的联系方式, 这样一个方便快速的联系功能他们还是可以接受的。

这里只选择了部分效果介绍, 还有很多图片和效果也都不错的。