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

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

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

    那这个压缩是怎样做的呢?就是这样!
 

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

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

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

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