泰世邦说明文档

一、网站架构如下：

网站主架构（主导航）：HOME（主页）、ABOUT US(关于我们)、PRODUCTS（产品）、CUSTOMIZE(定制)、EXHIBITION（展会)、NEWS(新闻)、CONTACT（联系）。

上述主导航PRODUCTS下面有二级分类，也就是网站产品主系列。二级分类分别为：Titanium Frame、Titanium Fork、Titanium Stem、Titanium Seat Post、Titanium Handle Bar、Titanium Seat Clamp、Titanium Bar End、Titanium Headset、Titanium Head Badge、Titanium Space Washer。

二、网站部分效果介绍：

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

首页banner（上图）：每次写文档说明此处是必不可少的，因为每个网站首页banner都是经过设计师精心设计，然后再经过客户确认的；也是就最后展示在网站上的banner就是客户想要的；从网站上我们看出我们网站的banner是宽屏展示的，显得阔气和高大上有木有；放心这个地方做了自适应处理（无论你用多大分辨率的屏幕查看网页，banner都会全屏显示在你的面前）。

首页主要产品展示（上图）：这里主要分四块展示，点图片最底部四个点可以切换，同时也有自动切换功能；由于主要产品有些多，这里分四块大致不同的排版来展示能有效解决视角疲劳，让客户看了不是那么的乏味；其次再加上每切换到下一个版块时会有对应的动画效果（具体效果这里就不一一陈述了），应该能让客户对这一块有比较浓厚的兴趣。

首页ROAD BIKE和MTB BIKE部分配件介绍（上图）：从上图我们看到车上有几个红点，这几个点的位置不同，每个位置代表当前位置的配件，当你把鼠标移到当前位置上时右上角会显示当前配件的主要参数和型号，点击图片或者型号可去到对应的产品详情页面。我觉得这样的展示方式可以让客户很明确的找到自己想要的产品。

2.About Us( http://www.tsbcycles.com/about/)

公司简介（上图）：此处主要介绍的是动画效果。当我们点击图片上的左右按钮时图片实现切换，切换时的你会发现图片会平均分成很多小块，然后并翻转，等所有小图图翻转过后显示下一张的图。。我陈述的可能不是很清楚，因为翻转时的轨迹不好描述。

最后：一个好的网站不仅要做到图片设计和动态效果吸引人、新技术使用还要做到内部优化，这一点我们一直在不断的进步，相信在不断的努力下我们会做得更好！