首页  /  干货
淘宝店铺全屏店招、导航详细教程
2016-09-02 15:00:31
7664浏览
全屏店招显得高大上,现在大部分店铺都在使用,今天给大家制作一个详细的教程,每一步都有配图,希望大家能够用上。

全屏店招显得高大上,现在大部分店铺都在使用,今天给大家制作一个详细的教程,每一步都有配图,希望大家能够用上。

使用软件:Photoshop cc(简称ps)、Dreamweaver cc(简称dw)

一、 用ps打开制作好的店招和导航(尺寸是1920px宽,150高)

(为了没有广告嫌疑,打了马赛克,哈哈!)

淘宝店铺全屏店招、导航详细教程

二、 文件菜单⇒导出⇒存储为web所用格式

淘宝店铺全屏店招、导航详细教程

三、 选择jpg格式,质量设置80以上,点击存储

淘宝店铺全屏店招、导航详细教程

四、 选择保存的文件夹,命名店招背景

淘宝店铺全屏店招、导航详细教程

六、 新建两条参考线:

1、视图菜单⇒新建参考线,设置垂直485px

2、视图菜单⇒新建参考线,设置垂直1435px

(解释:店招的默认尺寸是宽950px,总长度是1920px,通过参考线可以得到中间的店招的部分)

淘宝店铺全屏店招、导航详细教程

淘宝店铺全屏店招、导航详细教程

七、 确定中间部分后,使用裁剪工具,框选中间部分,右上角打勾

淘宝店铺全屏店招、导航详细教程

淘宝店铺全屏店招、导航详细教程

八、 同“店招背景”的存储方法存储店招加导航部分

淘宝店铺全屏店招、导航详细教程

淘宝店铺全屏店招、导航详细教程

淘宝店铺全屏店招、导航详细教程

九、 把输出的两张图片上传到淘宝图片空间(打开淘宝网⇒登陆⇒卖家中心⇒打开图片空间⇒上传)

淘宝店铺全屏店招、导航详细教程

淘宝店铺全屏店招、导航详细教程

淘宝店铺全屏店招、导航详细教程

淘宝店铺全屏店招、导航详细教程

十、 打开DW_Dreamweaver软件(可以百度搜Dreamweaver绿色版下载软件),文件菜单⇒新建⇒html文件

淘宝店铺全屏店招、导航详细教程

淘宝店铺全屏店招、导航详细教程

十一、 文件菜单⇒插入⇒图像,选择“店招加导航”图片导入到dw,

淘宝店铺全屏店招、导航详细教程

淘宝店铺全屏店招、导航详细教程

淘宝店铺全屏店招、导航详细教程

十二、 回到浏览器图片空间的界面,点击图像下方链接按钮复制图片链接

淘宝店铺全屏店招、导航详细教程

十三、回到dreamweaver软件,点中图片,把复制的链接黏贴到软件下方图片地址位置

淘宝店铺全屏店招、导航详细教程

十四、接下来就可以给图片上加链接啦!从卖家中心找到查看淘宝店铺,复制链接,回到dw,点中图片,使用左下角添加热区工具框选“首页更精彩”,把链接黏贴到下方链接处,其他链接同样做法。

淘宝店铺全屏店招、导航详细教程

淘宝店铺全屏店招、导航详细教程

十五、 点击代码按钮,全部框选,复制所有代码

淘宝店铺全屏店招、导航详细教程

十六、 回到浏览器,在卖家中心点开店铺装修,在店招右上角点击编辑

淘宝店铺全屏店招、导航详细教程

淘宝店铺全屏店招、导航详细教程

十七、 选择自定义招牌的源码按钮,把代码黏贴到文本框,高度设置为150px,点击保存即可,店招就加上去了。

淘宝店铺全屏店招、导航详细教程

淘宝店铺全屏店招、导航详细教程

十八、 店招已经加上去了,接下来添加背景:点击左边页头⇒更换图片⇒页头背景,设置不平铺、居中、应用到所有页面。

淘宝店铺全屏店招、导航详细教程

淘宝店铺全屏店招、导航详细教程

十九、右上角点击发布站点,大功告成,我也得睡觉去啦!

淘宝店铺全屏店招、导航详细教程

本文"淘宝店铺全屏店招、导航详细教程"为卖家资讯编辑编创,转载请注明出处(本文转载于:卖家资讯http://www.maijia.com/news/article/173760)

图文阅读
大家淘宝上都有一个淘气值,那是基于你在近12个月在淘宝和天猫的购买、信誉、互动等行为综合做出的一个分值。在每月8号淘气值更新,其中淘气值超过一千分的会员为淘宝超级会员。
2020-10-10 15:24:00
在使用【发货管理】过程中,如果需针对店铺订单进行单个或者批量打印快递单,可进行如下操作。1、打开【发货管理】功能,登陆首页后,点击左侧进入到打印快递单页面。
2020-10-17 14:21:00
淘气值基于用户过去12个月在淘宝的“购买、互动、信誉”等行为,综合计算出来的一个分数,用来衡量用户在淘宝会员的等级,每个月8号更新1次。
2020-10-10 15:23:00
最新文章
如何使用超级店长打印快递单?
2020-10-17 14:21:00
淘气值下降的原因和用处介绍
2020-10-15 15:25:00
淘宝预售退货定金能退吗?
2020-10-15 10:17:00
淘气值标签如何使用?
2020-10-10 15:24:00
淘宝淘气值怎么刷?
2020-10-10 15:23:00
拼多多客服常见问题及解决方法
2020-10-03 10:20:00
如何处理拼多多客服回复率和dsr评分不达标的问题?
2020-10-03 10:19:00
怎么看淘宝宝贝的整体状况、预售明细、评论分析、SKU分析、营销推广数据、流量分析等数据信息
2020-08-06 14:20:53
精选专题
热门阅读
大家都在搜