淘宝店铺装修招数分享——用PS制作切片链接

发布时间:2015/4/16 18:01:25

对于开网店的卖家,在网店装修时基本都会用到自定义区的广告图片切片分块链接,那么对于不懂网页设计的店主,用ps来制作,不失为一种简单可行的方法,那么如何使用PS来制作自定义区的广告图片切片分块链接呢?下面是我掌握的方法,就给大家介绍一下,在此也顺祝大家身体健康,生意红火!

一、          首先要根据你的自定义区的尺寸根据自己需要的内容制作一张所需要的图片,保存好以备用,例如我已经制作好了一张页尾的设计图,在PS中打开。如图:

二、          点击工具栏中的切片工具(裁剪工具图标展开),在图像中根据自己的需要切成完整的片(越简单越好),方法就是像创建选区一样使用切片工具在图像中框选,本图我是切了5个片,最上面的不做链接。(图片中左上角的01 02 03 04 05就是切片名称)

 

三、          为切片创建超级链接(为了方便客户直接点击而进入产品介绍界面)

1、    打开需要链接的页面,复制地址。(在此我打开的是所有宝贝链接)

2、     回到PS,用切片选择工具双击要建立超链接的切片,会弹出切片选项面板。把刚才复制的地址粘贴在“URL“栏,在“目标” 栏中输入_banck(表示在新窗口中打开)

3、    利用同样的方法,给其它切片也建立超链接,在此需要说明一下,如果需要在新窗口中打开页面,就在目标栏中输入:_banck ,否则不输入。还有返回顶部的超链接需要在链接地址后面加一个#符号。

    

 

四、          保存文件

   方法:打开“文件菜单----存储为web和设备所用格式,保存类型选择“HTML和图像”格式,点击保存即可,记着自己存放的位置,方便找到文件。

五、上传图片:我们需要将刚才保存的图片上传到图片空间里,具体方法如下

打开图片空间,点击图片上传(这个相信大家都知道),找到保存的图片。(注:当我们保存为html和图像格式后,在你保存的地方会有一个文件夹和一个文件,一个是网页图标的文件,还有一个是images文件夹,那个images文件夹里的就是要上传的图片(里面文件的多少取决于切片的多少,所以前面说切片是要尽量简单,在此我理解为切片越大越少越好),将里面的图片全部上传到图片空间里。

 

六、          复制代码:

1、上传完图片后,打开刚才保存的 html格式的文件,点击“查看”菜单——选择“查看源文件”,我用的是360极速浏览器,查看源代码方法如下,在浏览器最右边有个像扳手的图标,左键打开,执行:工具——查看源代码。

2、             打开源代码后,选中“body”到"body"之间的代码,右击鼠标选择“复制”

3、            进入网店装修后台,点击自定义区的编辑按钮,在打开的窗口点击“源码“切换按钮,切换到源码编辑状态,即点击一下这个图标,将刚才复制的源代码粘贴到里面,然后保存,再次点击“源码”切换至图像编辑状态。此时,加入的图片是不能显示的。如图所示:

4、            点击不能显示的图片,选择编辑,打开该图片的编辑框,进图图片空间找到该图片,点击图片下边的链接按钮,复制该图片的地址,将其粘贴到“图片地址”栏中,确定后就可以看到图片了,用此方法,依次把各个图片的地址粘贴好,图片就可以显示了。

最后记着点击确定,好,快点预览一下,点击发布吧!

 


上一篇:淘宝店铺装修数据包,淘宝店铺装修非常重要

下一篇:怎么样在一张全屏海报上 加入多个链接

推荐货源
微商厂家直供货源
推荐资讯
最新资讯
分类栏目
新手开店 开店经验 淘宝推广
进货技巧 淘宝故事 网店装修
图片处理 网购技巧 行业新闻
创业项目 淘宝考试 品牌排行
微信开店 品牌百科 微商货源