奥特瑞网站文档说明

一、网站架构如下：

网站主架构（主导航）：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个缩小放大的红色圆圈给整个页面给激活了。 此图的下方是一个发送邮件的功能， 这个功能目前备受客户的喜欢， 给客户（网站所属者）增添了不少询盘，之所以这样是因为现在很多国外访问者， 不喜欢繁琐的联系方式， 这样一个方便快速的联系功能他们还是可以接受的。

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