如何使用PS制作淘宝网店自定义区的切片分块链接

2024-10-19 21:42:32

引言:

很多卖家对网页制作软件并不熟悉,相对于dremaweaver软件来说,懂PS软件的要多一些, 昨晚刚学了一招.就上这发出来和大家分享一下.对于我们从未接触过网页制作的一些卖家来说,如何去使用PS来制作自定义区的广告图片切片分块链接呢,那么,凡尘1239将自己所掌握的东西毫无保留的介绍给大家,希望各位都能制作出漂亮的自定义区,在此祝愿大家生意兴隆,全家安康!

一、先要在PS中创建宽度为740像素,高度不限,分辨率为72,颜色为RGB模式的新文档。

二、根据自己的设计风格和内容,设计好相关的图片及版式

三、点击工具栏中的切片工具在图像中根据自己的需要切成完成的片(越简单越好),方法就是像创建选区一样使用切片工具在图像中框选,本图我是切了三个片。(图片中三个颜色左上角的01 02 03就是切片名称)

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

1、打开产品的页面,复制地址。

如何使用PS制作淘宝网店自定义区的切片分块链接

3、在URL地址中粘贴刚才复制的商品页面地址,并在“目标”一栏中输入_banck 表示“从新窗口中打开页面”

如何使用PS制作淘宝网店自定义区的切片分块链接

完成后,打开刚才保存的 html格式的文件,点击“查看”菜单--选择“查看源文件”

如何使用PS制作淘宝网店自定义区的切片分块链接

七、打开我的旺旺中“店铺装修”---选择“自定义区域”并点击右侧左上角的“代码”

将刚才复制的代码,粘贴到第一行或最后一行(注:如粘贴到第一行,则该图片会在最上面显示,如粘贴到结尾,则在最下面显示)

再次点击“代码”切换至图像编辑状态。

此时,加入的图片是不能显示的。图片显示红叉,如图所示

好,最后,打开淘宝图片空间,打开刚保存的图片点击复制,把URL地址复制一下。

如何使用PS制作淘宝网店自定义区的切片分块链接

打完收功,保存即可。各位试一下吧,

猜你喜欢