店铺全屏海报如何加入多个链接

时间:2014-03-01 10:39 来源:未知 作者:小编 浏览: 14113

现在,越来越多的卖家都会注意到自己店铺的装修,很多人也开始使用全屏海报作为促销工具。但是,一张海报里面蕴含了那么多的商品,如何给他们分别都做上超链接呢?下面就来介绍一种方式,在全屏海报加入多个链接。

首选,需要的工具是:Dreamweaver8-chs.exe

制作的方法:

第一步,先在网上下载一个全屏海报制作工具。将制作好的全屏海报上传到店铺的图片地址链接,或者淘宝图片空间里后,在于全屏海报制作工具黏贴到海报的地址框里,注意:后面的海报图片链接不要输入内容,点击生成代码,就可以看到全屏海报的代码了。

 

 

第二步:制作HTML页面:

打开安装好的Dreamweaver8-chs.exe,然后在创建新项目里面,点击第一个HTML,再新建一个空白的页面。接着点击代码视图

 

 

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

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

在Dreamweaver软件里,选择设计视图

 

 

,就可以看到你制作的全屏海报了。

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

 

 

 

 

点击矩形热点工具,在上面的图片里选择要制作链接的区域,然后图片下方的链接框里输入链接地址,目标栏里选择_blank(注意:如果是新页面打开链接就选择,不是的话就不做选择)

 

 

依照这种方法给其他图片区域也做上超链接即可。提醒卖家,选择图片区域时候千万不要重合。

第四步:最后将制作好的代码发布。

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

以上就是全屏海报加入多个链接的方法,让大家的店铺页面更加美观。

觉得本文有用?

精彩评论

推荐阅读

  • 淘宝店铺装修在线制作

    很多新手朋友对ps并不是很懂,或者说一窍不通,那么想制作一些自己的店招,分类,店标等等怎么办呢?淘宝学堂装修...

  • 如何让店铺视觉直接提升销售额

    最近碰到很多的卖家都在纠结自己的店铺视觉,总感觉自己的店铺风格不是自己需要的,我发现很多店主还是在凭自己的...