如何制作淘宝店铺导航条

时间:2011-11-19 18:17 来源:未知 作者:地瓜 浏览: 13303

淘宝店铺导航条可以让到店铺的顾客更方便的找到他们所需要的,减少顾客的时间,提高他们的购物目的性,促进交易完成。那么如何制作淘宝店铺导航条?淘宝学堂图文解说,一学就会非常简单实用!今天给新手朋友们介绍一个给自己店铺制作旺铺导航条的方法,希望能够帮到大家。不过首先需要你的店铺是淘宝拓展版旺铺才可以哦,否则就只能看不能用了。

因为只有你的店铺是拓展版才可以自定义删除添加,否则如果标准版扶植版删除不了,具体的装修过程在下面有详细的描述。总之要做好淘宝店铺的导航条,工具不能少吧。就要用到Dreamweaver CS4了,我是用的这个版本的,没有的朋友,可以到百度搜索下载一个。

1:首先打开Dreamweaver,新建HTML文件。如图

如何制作淘宝店铺导航条

2:点击上方的插入,选择表格 如图

如何制作淘宝店铺导航条

3:设定表格大小 格式 创建表格 如图

如何制作淘宝店铺导航条

4:点击表格,表格中出现闪烁的光标 如图

如何制作淘宝店铺导航条

5:淘宝店铺导航条制作选择插入图像

如何制作淘宝店铺导航条

6:将图像的地址从本地电脑地址改为网络储存地址

如何制作淘宝店铺导航条

7:替换文本这步不需要填写,直接点确定就可以了 淘宝店铺导航条制作如图如何制作淘宝店铺导航条

8:依次插入需要插入的导航条分类图片如何制作淘宝店铺导航条

9:插入图片完毕,开始设置图片超链接地址 如图如何制作淘宝店铺导航条

10:超链接的填写方法 淘宝店铺导航条制作如图如何制作淘宝店铺导航条

11:点击代码按钮,切换到代码编辑页面 如图如何制作淘宝店铺导航条

12:拷贝代码并保存,如图如何制作淘宝店铺导航条

13:店招模块下删除导航条模块,添加自定义模块,然后编辑HTML源文件代码 如图如何制作淘宝店铺导航条

14:点击保存,预览看效果 然后发布。千万记得要发布哦,不发布是不成功的。下边的截图是我的店铺的效果图:如何制作淘宝店铺导航条

到这里,淘宝店铺导航条就全部完成了,怎么样,去试下新的导航吧 看看转换页面是不是正确的。导航条分类图片可以做成其他颜色 图案的,至于怎么做,在这我就不多说了,相信大家都会做的。

觉得本文有用?

精彩评论

推荐阅读

  • 淘宝店铺装修在线制作

    很多新手朋友对ps并不是很懂,或者说一窍不通,那么想制作一些自己的店招,分类,店标等等怎么办呢?淘宝学堂装修...

  • 如何让店铺视觉直接提升销售额

    最近碰到很多的卖家都在纠结自己的店铺视觉,总感觉自己的店铺风格不是自己需要的,我发现很多店主还是在凭自己的...