如何制作淘宝店铺导航条

淘宝店铺导航条可以让到店铺的顾客更方便的找到他们所需要的,减少顾客的时间,提高他们的购物目的性,促进交易完成。那么如何制作淘宝店铺导航条?淘宝学堂图文解说,一学就会非常简单实用!今天给新手朋友们介绍一个给自己店铺制作旺铺导航条的方法,希望能够帮到大家。不过首先需要你的店铺是淘宝拓展版旺铺才可以哦,否则就只能看不能用了。
因为只有你的店铺是拓展版才可以自定义删除添加,否则如果标准版扶植版删除不了,具体的装修过程在下面有详细的描述。总之要做好淘宝店铺的导航条,工具不能少吧。就要用到Dreamweaver CS4了,我是用的这个版本的。

操作方法

  • 01

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

  • 02

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

  • 03

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

  • 04

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

  • 05

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

  • 06

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

  • 07

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

  • 08

    依次插入需要插入的导航条分类图片

  • 09

    插入图片完毕,开始设置图片超链接地址 如图

  • 10

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

  • 11

    点击代码按钮,切换到代码编辑页面 如图

  • 12

    拷贝代码并保存,如图

  • 13

    店招模块下删除导航条模块,添加自定义模块,然后编辑HTML源文件代码 如图

  • 14

    点击保存,预览看效果 然后发布。千万记得要发布哦,不发布是不成功的。下边的截图是我的店铺的效果图:

  • 15

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

(0)

相关推荐

  • 如何在淘宝店铺导航条加入自定义页面

    如何在淘宝店铺导航条加入自定义页面呢?比如公司介绍.这个很简单,大家跟我一起来. 操作方法 01 输入账号及密码登陆淘宝店铺. 02 点击卖家中心,在左侧店铺管理下有个店铺装修,点击进去. 03 鼠标 ...

  • 淘宝店铺导航条怎么设置

    在淘宝创建店铺后设置店铺主页的导航条时是很重要的步骤,设置好首页导航条可以为你的店铺快速设置分类,让用户可一目了然的手动选择直达相应类目,如果懂CSS代码编写更能为店铺增光添彩 操作方法 01 进入我 ...

  • 甩手工具制作淘宝店铺视频

    主图视频就是进入宝贝详情页后,宝贝标题下的第一张的第一眼进入您视线的,有静态图片,这个称之为主图,而现在也可以用动态视频替代.用甩手工具箱制作淘宝店铺视频有着快(制作快捷).智(工具智能化).简(工具 ...

  • 淘宝美工:淘宝店铺导航颜色装修代码有哪些?

    淘宝首页想要装修的漂亮,需要用到一些代码,现在可以借住一些在线代码制作的网站,也可以自己用DW写代码.下面给大家介绍导航装修的简单的代码. 修改导航背景色 01 静态背景颜色 代码:.skin-box ...

  • 淘宝店铺的导航条怎么添加栏目?颜色怎么修改?

    淘宝店铺的导航条怎么添加栏目?颜色怎么修改?

  • 怎样制作淘宝海报热点?海报如何加入多个链接?

    小编将细致的介绍怎样制作淘宝店铺海报(或全屏海报)如何一图添加多个链接,so easy!让店铺瞬间变得高大上哦! 操作方法 01 先用PS做好海报(这里小编做的海报宽度为950px,高度为380px) ...

  • 淘宝店铺优惠券制作及在店铺显示(新人简单版)

    本人淘宝新人一枚,想做个优惠券,网上找了半天,发现大多说的比较深奥或者不够详细,摸索了半天终于做好,现简单化后分享下,仅供同是新人的朋友们参考,内容比较详细,可能比较低级,高手们见笑了! 本文分享的是 ...

  • 淘宝店铺的导航怎样修改颜色

    淘宝的导航颜色没有直接的按钮可以修改,所以很多人不满意原本的颜色,又不知如何改.其实这里是要用CSS代码的,下面就来看看. 操作方法 01 第一,打开并登录千牛,点击"常用网址"- ...

  • 怎么制作淘宝详情页才能提高店铺转化

    淘宝店铺的转化率等于进入淘宝店铺的访问量(PV)除以我们成交的订单数,那么根据这个公式可以看出,淘宝店铺的转化率与访问量有着很大的关系,想要提高淘宝店铺的访问量就需要把淘宝的"外功" ...