淘宝装修网欢迎您,我们是专门的网店装修网站,为您提供完全免费的淘宝装修教程、素材、模板、代码等。       注册会员 | 会员登录 | 使用QQ登陆| 存到桌面 | RSS

如何在全屏海报中加入多个链接

时间:2014-02-12 09:26作者:网店装修网 点击:
在新旺铺里,越来越多的店铺开始使用全屏海报作为促销工具,但是一张全屏海报里如果包含了多个商品,如何给它们分别做上超链接呢? 在我们的网店装修群里就有很多店主提出了这

在新旺铺里,越来越多的店铺开始使用全屏海报作为促销工具,但是一张全屏海报里如果包含了多个商品,如何给它们分别做上超链接呢?

在我们的网店装修群里就有很多店主提出了这方面的问题,下面网店装修网就给大家详细的讲述下一张图使用热点工具制作多个链接的方法。

使用到的工具:dreamweaver百度网盘下载地址

制作步骤方法:

 第一步:制作全屏海报代码:

将制作好的全屏海报上传到您的淘宝图片空间里,或者图片地址链接后,在我们的全屏海报制作工具粘贴到海报地址框里,后面的海报图片链接框不要输入内容,点击生成新代码,就可以看到全屏海报的代码了。

 第二步:制作HTML页面:

打开安装好的Dreamweaver,在创建新项目里点击第一个“HTML”,新建一个空白页面。

然后点击代码视图删除默认新建的HTML代码,复制第一步制作的全屏海报代码,再粘贴进去。

第三步:使用热点工具添加链接:

在Dreamweaver软件里选择设计视图就可以看到你制作的全屏海报。

点击海报图片,在下面属性框里,就可以看到指针热点工具,如下图:

点击矩形热点工具,在上面的图片里选择要制作链接的区域,然后图片下方的链接框里输入链接地址,目标栏里选择_blank(如果是新页面打开链接就选择,不是的话就不做选择)
依此方法给其他图片区域做上超级链接即可。注意选择图片区域的时候不要重合。

第四步:将制作好的代码发布到淘宝里

将超链接全部添加完毕以后,点击回代码视图,复制里面的代码,在您的淘宝店铺里新建一个自定义内容区,然后粘贴进去代码,发布就可以看到一张全屏海报里多个超链接的效果了。

Tags:全屏海报(3)热点工具(1)
数据统计中!!
------分隔线----------------------------
发表评论
您所发布的评论都将被审核后显示,请自觉遵守互联网相关的政策法规。
评价:
表情:
用户名: 验证码:点击我更换图片
自助广告