淘宝制作全屏通栏店招(图文并茂,一看就明白)

更新时间:2023-07-29 09:11:01 阅读量: 实用文档 文档下载

说明:文章内容仅供预览,部分内容可能不全。下载后的文档,内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的,是否完整无缺。

自定义全屏通栏店招,图文并茂全网最详细

我们经常看到很多大卖家或者天猫里面的通栏店招!很是羡慕,而对于刚接触淘宝的朋友来说,似乎很难上手自己去制作,买模板又动辄几百元,今天就来教会大家怎么来自己动手制

作!

先看一下效果图对比:

图1:淘宝默认店招

图2:通栏后的店招

差别很大吧好现在开始制作!

一、首先,你需要购买旺铺拓展版或者旗舰版才能执行以下操作!

二、打开PS新建一个宽950高150的背景图(高度根据自己的需要来调整)!颜色可以自定

义,我这里选择的是背景色,因为背景色我已经调成自己想要要颜色!

三、然后调出ctrl+r标尺,再用矩形选框工具根据自己需要的地方选择一块出来做分类店招!

四、编辑-填充自己店招想要的颜色!然后CTRL+D取消选框!

我这里是制作的两栏菜单所以填充颜色在中间,如只制作一栏的可以直接填充底部!

五、图片上编剧自己想要的内容,顶部店标或者店铺名称;中间和底部分类选项!

六、选择切片工具,把各个部位切割出来!

七、选择存储为web格式

存储-(注意这里选择,所有用户切片!)我们得到以下内容!

八、把images里面的图片全部传到你的图片空间备用!

九、打开dreamweaver 文件-打开刚才我们所存储的html文件!

十、把你每块图片的对应的源文件换成你图片空间对应图片地址;链接换成你想要链接的店

铺地址!

十一、添加好后,复制代码!回到你的店铺,删除默认店招!新建一个自定义模块-填入代

码-保存-发布!得到以下画面!

好了,接下来就要用到拓展版和旗舰版本的功能了!

十二、打开PS制作一个宽1920X150(你店招高度)按照二到四步制作一个相同颜色高度的

页头模块

十三、选择店铺装修-模板-背景设置-页头模块(把你制作好的图片,上传到背景图片)勾

选应用至模板-保存-发布-大功告成!

保存--发布--得到以下结果!

十四、现在你需要的页面背景颜色;以及背景图片上传-勾选应用至模板-保存-发布-大功告

成!

来看看整体效果!

如看了还有不明白的可以随时咨询本人!

其实还有一种方法直接用dreamweaver表格制作!

以后会慢慢为大家介绍!

本文来源:https://www.bwwdw.com/article/ksfm.html

Top