淘宝店铺导航条可以让到店铺的顾客更方便的找到他们所需要的,减少顾客的时间,提高他们的购物目的性,促进交易完成。那么如何制作淘宝店铺导航条?淘宝学堂图文解说,一学就会非常简单实用!今天给新手朋友们介绍一个给自己店铺制作旺铺导航条的方法,希望能够帮到大家。不过首先需要你的店铺是淘宝拓展版旺铺才可以哦,否则就只能看不能用了。
因为只有你的店铺是拓展版才可以自定义删除添加,否则如果标准版扶植版删除不了,具体的装修过程在下面有详细的描述。总之要做好淘宝店铺的导航条,工具不能少吧。就要用到Dreamweaver CS4了,我是用的这个版本的。
操作方法
01
首先打开Dreamweaver,新建HTML文件。如图
02
点击上方的插入,选择表格 如图
03
设定表格大小 格式 创建表格 如图
04
点击表格,表格中出现闪烁的光标 如图
05
淘宝店铺导航条制作选择插入图像
06
将图像的地址从本地电脑地址改为网络储存地址
07
替换文本这步不需要填写,直接点确定就可以了 淘宝店铺导航条制作如图
08
依次插入需要插入的导航条分类图片
09
插入图片完毕,开始设置图片超链接地址 如图
10
超链接的填写方法 淘宝店铺导航条制作如图
11
点击代码按钮,切换到代码编辑页面 如图
12
拷贝代码并保存,如图
13
店招模块下删除导航条模块,添加自定义模块,然后编辑HTML源文件代码 如图
14
点击保存,预览看效果 然后发布。千万记得要发布哦,不发布是不成功的。下边的截图是我的店铺的效果图:
15
到这里,淘宝店铺导航条就全部完成了,怎么样,去试下新的导航吧 看看转换页面是不是正确的。导航条分类图片可以做成其他颜色 图案的,至于怎么做,在这我就不多说了,相信大家都会做的。