讲解一个全屏店招前期在photoshop设计制作+后期在智能旺铺后台装修上传的操作。内容来源图书《淘宝店铺装修全攻略》作者孔德川。
工具/原料
photoshop中文版软件
Dreamweaver中文版软件
淘宝智能旺铺操作后台
店招的设计制作
1、默认店招的模块尺寸冷觋溪诠宽是950像素，高是120像素。店招下面的导航条宽度和店招一样，高度则是30像素（在设计的时候需要注意）。下面通过Photoshop软件来制作一个店招，然后通过旺铺后台，进行装修设置，效果如图所示。
3、按快捷键Ctrl+R在画布两端创建参考线，创建后的效果如图所示。
5、纯白色的背景过于单调，可以修改为银灰色，与白色背景有所区别即可。把店铺LOG素材导入进来，调整合适的位置和大小，最终效果如图所示。
7、接下来就可以开始创建优惠券。使用工具箱中的“艏婊锬曛矩形工具”创建一个矩形，填充颜色为（R:250，G:230，B:200），优惠券背景矩形形状。使用“横排文字工具”输入优惠券促销活动文字信息，修改文字颜色为红色，最终效果如图所示。
9、把一个优惠券制作好之后，可以复制出多个优惠券，只需要把文字信息修改下即可，如图所示。复制出另外两个优惠券，修改文字内容并调整到合适的位置。
11、输入文字“收藏本店”和相应英文内容，字体为黑体即可，如图所示
店招的装修和上传
1、前期设计好的店招后期要上传到网店当中，其中还有很多技巧方面的内容要学习，这节内容主要详细讲解如何把设计制作好的店铺装修到网店中来。
2、把制作好的店招图存储成JPEG或PNG格式上传到淘宝图片空间。
4、在弹出来的店铺招牌对口框中，招牌类型选择“默认招牌”，取消“是否显示店铺名称”后面的复选框，然后单击“选择文件”，如图所示。
6、单击“保存”按钮，高度选择120像素，高于120像素会影响导航栏效果，如图所示。
8、设置通栏店铺背景时要重新做一个讳求藜派背景图，然后在旺铺装修后台更换页头背景图就可以了。打开Photoshop软件，执行菜单“文件>新建”命令，设置宽度为50像素，高度为120像素，如图所示。
10、回到淘宝旺铺，吸取A部位店招背痔辏哔刂景颜色数值和B部位导航背景颜色数值，回到文件中，把吸取的颜色填充到参考线上面的背景中，如图所示。将页头存储成JPEG格式。
12、选择页头背景图片所在位置，单击“打开”，设置“背景显示”平铺类型，选择“背景对齐”方式，如图所示
代码链接的安装
1、在Dreamweav软件中添加“关注我们”“店铺收藏”等链接。制作好通栏店招之后，会发现店招图片上的“关注我们”“优惠券领取”，还有“收藏本店”需要添加相应的链接才可以使用。打开Dr髫潋啜缅eamweav软件， 切换到拆分视图，把选中的代码信息，全部删掉，如图所示。
3、把复制店招图片代码粘贴到Dreamweav拆分视图中的代码编辑视图，左边是代码，右边是店招图片效果，如图所示
5、在店招图片上，热链接，把要指定的位置在底部链接上粘贴上代码，目标打开方式选择_blank,如图所示。
7、在旺铺装修后台中，将店铺招牌的类型设置为“自定义招牌”，如图所示
9、预览设置的内容或者“发布站点”，这时候会发现，店招图上添加的链接已经成功，最终效果如图所示。
