淘宝装修之dw热点工具详解是什么

来源:趣味经验馆 2.78W

很多新手对于店铺的装修是一筹莫展,不知道如何下手,而且自己的经验又不足做不出漂亮的店铺来,我们会经常看到其他店铺里边非常个性的商品排放,这些用淘宝模块是实现不了的,下面我所教给大家的是一个图片如何实现自定义的链接!以下是我所演示的图片和具体步骤及注意事项

材料/工具

Adobe Photoshop cs6Adobe Dreamweaver CS5

方法

先编辑好自己的图片,这里尺寸为集市店宽度为950、天猫稍微大一些为990,然后上传到自己的图片空间,复制其链接,然后打开DW选择新建HTML文件

如图所示

淘宝装修之dw热点工具详解是什么

直接插入图片,快捷键 ctrl+alt+i键 然后出现下面对话框

淘宝装修之dw热点工具详解是什么 第2张

在url所对应的栏里输入你刚才所复制的图片链接,一定要插入你的图片链接,而不是在本地选择!

如图所示

淘宝装修之dw热点工具详解是什么 第3张

然后选择设计页面,这样就可以可视化的编辑,更加方便一些

如图所示

淘宝装修之dw热点工具详解是什么 第4张

下面才是重点 然后点击图片底部会出现属性的选项,不点击是不会出现的,有很多新手朋友都会问我这样的问题,望大家注意下次步骤!

如图所示

淘宝装修之dw热点工具详解是什么 第5张

之后在属性选项的左下角点击矩形热点工具,再图片中选中你要添加自定义链接的区域,然后呢下边的属性页面发生变化,我们需要输入对应区域的链接,还有目标 一般选择blank意思是在新的出口中打开该链接

如图所示

淘宝装修之dw热点工具详解是什么 第6张

如果你要添加多个链接方法同上边是一样的,然后打开我们的代码编辑页面 快捷键 ctrl+a 全部选中 复制粘贴到淘宝店铺装修页面 一定要用源码编辑的方式添加才会生效

如图所示

淘宝装修之dw热点工具详解是什么 第7张

如果你要添加多个猪的图片到你的店铺,在完成热点划分添加好链接之后,复制代码的时候你要注意修改两个地方,不然链接就会打乱的, usemap="#Map"在map后边加上一个数值比如1,<map name="Map"同样在map后边加上1.之后再复制粘贴就可以正常使用了!

淘宝装修之dw热点工具详解是什么 第8张

扩展阅读,以下内容您可能还感兴趣。

淘宝装修在DW里面加热点,是要一小个页面编辑还是可以整个页面直接加热点

热点可以不用在DW上面设置 直接网上百度下 网上在线制作热点 直接复制代码到店铺装修就可以了追答求采纳 谢谢

DW里面做好的代码放到淘宝里面没有热点

昨天也遇见一个朋友问

是不是淘宝不能加热点?追问是的

全屏海报在DW里添加多个热点链接 ,代码放到淘宝店铺装修发布没有热点链接了,哪位大师知道怎么回事吗

用map标记可以 有一些代码在淘宝内部是不能用

会自动剔除

用DW给图片里面添加多个热点链接,发布产品的时候发现打开的链接都是第一个热点的链接是怎么回事啊

因为你图片在dw里面的大小跟在网页中不一样,而热点是根据图片中点的坐标进行定位的。所以。。错位很正常。你只能在dw慢慢调错位。

DW热点绘制复制代码到淘宝后点击没有链接

热点,你加链接了没有,不能加外链,只能淘宝站内的链接更多追问追答追问我加的链接就是淘宝内部的链接,主要是切片太麻烦,直接绘制热点快的多。。。。追答制作热点的时候,要先删掉里面的代码,淘宝屏蔽了那些的,

制作过程为

新建网页,切换到代码模式,删掉里面的所有代码,再插图,加热点加链接

问题还依旧存在加我QQ,如解决请采纳追问

你看看这个没问题吧,结果还是没反应啊。。。

热门标签