旺铺专业版店铺装修教程

旺铺专业版店铺装修教程
2.然后再打开店招那张图片到PS
然后在PS里新建一个文档，
然后把950*150文档的白色背景拖到店招图片，现在店招有两个图层了
选中两个图层（按ctrl加选图层）
选择移动工具，然后PS属性栏会出现对齐工具，我用红色框住的各点一次，然后两个图层就对齐了。

另存为（shift+ctrl+s）,命名为店招背景。

3. 然后沿着图层1两边各拉一条参考线（点中文档最左边的标尺不放，然后向文档拉就出来一条参考线了，参考线的颜色是蓝色）
接着就可以删掉图层1了，再用裁剪工具沿着参考线裁店招图片
确定，这样店招就变成950*150的了，另存为（shift+ctrl）,命名为店招副本
4.然后用切片工具，把店招副本切片，切片的时候一定要注意，不要让各个小切片之间有间隙。

这里要注意啦，此时保存的时候一定要用“存储为web格式“（快捷键：shift+ctrl+alt+s）
这样文件里会多两个文件
5.然后用把images文件里的图片上传到淘宝图片空间。

6.上传成功后，用DW打开
打开的状态是这样的
这里我用的是Dreamweaver CS5，版本不一样可能布局不一样，可是工具的功能都是一样的。

双击图片，会出现
然后去到图片空间复制你所点击图片的链接
然后再回到DW中把本地的图片换成空间图片，就是把刚刚复制的链接粘贴到那个URL 上
上
确定之后，找到属性栏，调一些参考
链接就是图片超链接，目标_blank是指在新窗口打开超链接。

边框为0就不会影响排版问题。

之后每一个图片都用步骤6来替换空间图片链接和超链接、弄好了之后就可以保存了（等页面的切片全部弄好了，我们再统一装修到淘宝页面上）。

第二、海报
1. 打开那张设计好的图片。

还是用裁剪工具把海报部分给裁出来
然后确认，
现在我就要考虑淘宝默认显示的宽度是950px , 我们这个做的是1900px，此时我们换下思维，把中间950px的部分裁出来做海报，两边多余的部分可以作为页面背景。

2. 在PS里新建一个文档950px*455px（455数值取决于你海报的高度），
把白色块拖入平面稿文档中
然后选择移工具，按着按“ctrl+a”全选，此时文档的最边缘会出现一像素会移动的线条
找到属性栏，红色框住的两个各点一次
就变成
我们就可以当作背景用了，保存一下吧（记得要用“储存为WEB格式”哦）,命名为海报背景：
还有，我们此时只要保存图片格式就可以了哦：
3. 保存之后，沿着白色区块两边各拉一条参考线然后按Delete键把白色区块删除，
用裁剪工具把海报沿着参考线裁出来，
按确定之后，海报就是950px*455px大小的了，保存一下吧(还是要用Web格式哦，命名为海报)！
第三、产品内容部分
1.用PS打开平面稿。

然后新键一个文档：950px*100px（这里高度随意），
拖入平面稿文档中，全选（ctrl+a）, 这里我们点水平居中对齐就可以了。

然后沿着图层1的水平两边各拉一条参考线，删除图层1。

2.然后用裁剪工具沿着参考线把内容部分把裁出来
确定之后，另保存（ctrl+shift+s），命名为内容。

3.打开命名为内容的图片，用切片工具切好片。

切片的时候要注意不要切片与切片之间不要有间隙。

然后WEB格式保存图片和网页（ctrl+alt+shift+s）
选择好图片存放在哪里（一般都放在店招和海报同一文件夹下），选择保存的格式，
4. 打开淘宝图片空间，把刚刚保存的图片上传到图片空间，然后打开DW，复制图片空间的图片链接地址，替换本地图片，接着给图片加上超链接，设置“边框为0，超链接在新窗口打开”（这一步是与店招那块的步骤6一样的，我这里就不多讲了）
第四、进入后台装修，把前期所做的工作上传至后台，发布店铺。

我们来看看装修前的样子：
好，现在我们一步步来。

1. 找到我们之前做好的店招文件
然后用浏览器打开——点鼠标右键——查看源代码——全选（ctrl+a）——复制——回到后台装修——点击店招模块的编辑按钮：
然后自定义店招：
接着点代码切换按钮：
把刚刚复制的代码粘贴到这里，同时把高度调成150px：
保存预览下：
没问题我们就接着弄店招背景，点装修—样式编辑—背景设置
然后点“更换图片” 选择电脑上保存的”店招背景”:
然后选择一下背景对齐方式：
接着保存——回到首页装修，预览一下
看，现在店招就做好了哦，接下我们做第2步，海报部分。

2. 我们先把海报上传到图片空间，上传好了后回到后台装修—新加一个自定义模板
编辑自定义模板，选择插入空间图片
找到我们刚刚上传到空间的那张海报图片
双击确定，同时勾选不显示自宝义标题
保存——删除图片轮播模板—预览一下
成功了，我们再加上页面背景。

点装修—样式编辑—背景设置—切换到页面背景
上传图片，设置一下对齐方式
保存之后，回到首页装修，预览一下：
此时我们会看发现背景与海报没有对齐，这里我教大家一个方法：我们先计算下背景与海报之间相差多少个像素，然后把海报背景那张图片拖到PS中填加画布，选画布工具
（ctrl+alt+c）
然后高度那里加上相差的像素值（注意默认的单位是厘米，所以我们要调下单位），还有在定位那里一定要往上加画布(点那个下面的箭头就可以实现
了)
然后确定，图片上方就会多出160px（海报与背景相差的数值）
使用WEB格式保存（ctrl+alt+shift+s）,替换那张之前的海报背景，
然后重新再去背景设置那里传一次背景，保存，预览下。

可以了
3. 接着做我们的内容部分
先删除海报下面的所有的模板（这里大家也可以选择自己想要的模板留着），然后在海报模板下面添加一个自定义内容模板
编辑—点代码切换按钮，把我们之前做的内容页面源代码复制过来—点选不显示标题（这些都在店招那块讲了，我就不再详细讲了）。