最近大家有没有发现手机店铺的流量猛增呢？现在无线端的手机店铺访客数已经远远超过了PC端的访客数了呢！这么大的流量，如果不好好地去转化，那确实就是可 惜了呀！最近加的一个无线端的交流群，里面好多小伙伴都在问，怎样去自己做一个自定义的导航条。我琢磨了好久，就找到了一个方法！现在就一步一步来教大家 怎样去做！ps：不排除有更加好的办法哈。先上效果图：

    第一步：制作素材。 首先让你的美工小伙伴，或者你自己动作用PS做好了分类导航的图片。具体大小我用的是：720 x 260像素，我的用预留10像素。具体看图：
 

    第二步：压缩图片大小。相信有很多朋友都会发现，做成代码上传后，展示出来的图片会被系统放大了，于是就做不到成功的效果，需要一直去调试无数次。我这里 和大家分享一下小心得。 注意：不要把这个图片去切片，你切片越多，系统的改变也就越多，你只需要直接在这张大图片上用DREAMWEAVER 加热点就可以了。这是又会出现一个问题了，就是结果，长度是合适了，可是高度却被拉长了！！ 这是小编发现了一个特点，就是只要不切片做热点的代码，长度是不会变，高度是会被拉长1倍！ 于是，聪明的你就知道该怎么半了吧！ 没错，就是把我们的图片人为地高度压缩一半！ 看图！
 

    那这个压缩是怎样做的呢？就是这样！
 

    第三步：把你要分类的页面都新建准备好。
 

    第四步：提取页面链接，小编的方法比较笨，不排除有更好的方法哈。点击分享，qq空间，就看到地址了。
 

第五步：就是打开DREAMWEAVER，把你的图片，添加热点链接，生成了代码。

最最后一步！在后台，新建一个自定义页面，然后在源代码那里，把代码黏贴下去！保存！发布！ 大功告成！