超详细的淘宝网导航栏图怎么做实例教程，图片配文字的方法给你一一论述。为了能降低广告宣传的行为，大家用一张较为一般的导航图片来做演试，在这儿我们能够学好如何把这一张一般的照片，用它来制成一张好看且别有创意的导航图，你只需要在照片的任何一处点一下，就能进到相对应的产品详尽网页页面。
在接下来的这张图里边有很多东西，餐桌、桌椅、茶桌这些，你假如是别的的商品你也可以依此类推的做。倘若如今您想要看那一张办公座椅，那您只需要将电脑鼠标放进办公座椅上边，点一下，就能进到相对应的品类，先后推导，全部照片就能做到这一实际效果。呵呵呵~~~如何？有意思吧？
淘宝网导航栏图怎么做准备工作：
1：必备工具：Dreamweaver （这一款手机软件许多地区都是有免费下载，百度一下就可以）
2：准备好必须编写的照片，并把其上传入图片空间，预留
一：了解商品详情页专用工具
开启Dreamweaver软件，点一下“HTML”进到
进到以后是个空白的网页页面 。
二：插进必须制做的照片
（留意，就是你电脑上面的那一张，提交上图片空间的这张先无论它）我们或是以新开头的图片为例子
1：点一下左上方的添加图片按键
2：弹出来挑选网页页面，寻找需编写的照片，选中，点一下“明确”
3：打开图片以后，用鼠标单击一下，选中照片（如下图）
点击图片以后，网页页面的下边会表明这张图片的特性材料（如下图）
4：寻找“源代码”这一栏，将右侧栏里边的内容都删除，将上传入图片空间的那一张图片地址黏贴到里边
三：应用商品详情页专用工具
点一下属性栏左下方的一个灰黑色小箭头，这就是商品详情页专用工具，箭头符号的右侧三个浅蓝色的图型分别是方形选择工具（用于画矩形选中照片）、环形选择工具（用于画圆形）、不规则图形选择工具（可画随意图型）
好啦，我们正式开始进行了。所必须的作用便是点击图片里的办公座椅，会进到店内桌椅类的网页页面。
1：点一下挑选商品详情页专用工具的灰黑色剪发，再点一下右侧的任意一个选中专用工具，好，我点一下第一个矩形选专用工具， 将鼠标移动到照片里边办公座椅的部位，左击电脑鼠标按着，拖拽。这样就可挑选出一个你想要的地区，如下图（假如选择错了可同时按“delete”键删掉此地区）
挑选完了之后，下边的属性栏还会跟随更改，成下列款式
2：在上绘画底线处的框中，其实就是“连接”这一栏，黏贴上必须加入的网页页面联接（留意除掉“#”） 连接的右下面有一个“更换”，在里面键入提醒文本，例如：桌椅系列产品。当鼠标滞留在次地区里的情况下，网页页面便会全自动发生这种提醒文本。
保证这，基本上就完成了，假如还要在照片别的的地方加上依照之上实际操作做就可以啦，假如有什么不搞清楚的，立即找我就行
如今浏览下实际效果
先按“ctrl” “s”储存，再按一下“F12” 这时候会全自动打开一个网页页面，里边便是这张图片，将电脑鼠标放进办公座椅上边，间断一下，这时候，就能见到电脑鼠标旁发生“桌椅系列产品”这几个字，点一下就入，OK，进到另一个你设置好的网页页面
这有的好朋友就问了 我想选的地区不是方形该怎么办？ 找邦企！ 那么你选环形的呗 ，样子繁杂就点一下最后一个，然后用电脑鼠标在图形的每一个角先后点一下就可以
好啦，解决！
这就完后？ 是的！ 就是这么简单。 呵呵呵~~ 制做进行啦， 现在我们要把搞好的这个图片放进店面里去啦。
四：复制代码
1：返回Dreamweaver软件的编辑页面，在左上方寻找“编码”按键
2：进到以后网页页面会所有变为编码（如下图）
呵呵呵 是否头疼啦？ 那么多密密麻麻的标识符 看都不明白啊！ 没事儿！ 我们不用懂 管它是个啥含意 通通滴、所有滴用电脑鼠标选中下去 将其拷贝
五：装修店铺
1：进到“店面装修”—“在这里加上控制模块”—加上“自定具体内容区”—“编写”—“编写HTML源代码”（其实就是最后一个按键）
2：进到以后，将刚刚拷贝的编码黏贴到这里面来， 随后储存—公布
OK 解决。保证这，就已所有解决啦，呵呵呵，有编码我们也不害怕啦。实际上这个小技巧是一通百通，虽然是用于做汽车导航的，也能将这一基本原理应用到其它的位置，例如在店铺招牌或是其他图片上加上在线客服往往，在展示图片加上好几个商品联接热情欢迎顾客点一下收看这些~~ 新颖的念头多的是，就怕没艺术创意呀 ！
