店铺装修之代码制作与PS切片02(淘宝如何装修店铺)

第一个，店铺

店铺的装修的话我就不说了，这东西一两句说不清楚了，说的再详细，你不会相应的技能，你也是做不到的，所以，如果你会代码，会一些ps，会一些基础的构图技巧，那就自己做，怎么做，那就做到一个简单明了，让人一眼看过去就舒服就可以了，实在不会做呢，那你就去用模板，淘宝官方的模板贵不想买的话就去买350的模板。

不贵，一件上传，也容易，然后你在相应的改一下就可以了。

这些东西的重要性我就不说了，宝贝的主图点击和详情的吸引关系着我们的转化，标题关乎着我们的展现，所以这是很重要的一个点

这也是很重要的一个点，因为你的每天产品都可能被送往不同的地方，所以我们的运费也要相应的设计，有些偏远的地方价格也是不一样的，所以就更要做到不同的选择，淘宝上现在不包邮的产品都没有很大的市场了，所以，你要把你的运费相应的算到你的价格里去，也就是你的利润是要减去你的运费的，这就不要我说了吧

差不多就这些了，其他的暂时我没想到就不说了，你说要说的详情些，我想我说的再多也是不如实操的，如果有兴趣的话可以私信我，我可以给你发一些关于店铺装修的视频（记住一个点，淘宝开店不等于实体开店，第一重要的是宝贝而不是店铺，所以你得先有产品再去装修店铺，先优化产品再优化店铺）

死磕电商十六年，打工近十二年；2012年尝试淘宝创业至今，母婴/护肤品/小家电类目卖家。2016年开始自媒体创作，向世界分享个人亲身经历、见解、知识，希望结识更多正能量、有思想、积极拼搏的群体！

如果你感兴趣，可以给我私信“学习”，淘宝疑难杂症解答，私信“社群”加入我这边的千人卖家交流群学习，探讨，（无广告），相信你一定会受益匪浅。

1.打开PS软件。

2.打开原本准备好的一张图片，可以把图片直接拉到PS中，也可以用菜单栏上的文件工具来打开文件。

3.把图片缩放到合适的大小，然后选择左手边工具栏上的一把像小刀一样的工具，然后右击，找出三个选择，选择“切片工具”

4.然后鼠标变成小到，在您想切片的地方开始占，然后往左拉或者往下拉，就出会现一个四方形的区域块，这就是您要切除的范围，直到拉到您觉得合适地方为止。

5.保存时，选择文件，存储为WEB和设备所用格式，这是一种专门为网页制作人设置的格式。

6.选择存储。

7.格式类型可根据您的需求来，如果选择HTML类型就会有一个自动生成的网页模式给您看。小编选择了“HTML和图像”。

8.根据之前保存的路径，找到该文件夹，然后打开就能看到一张张图片，就是根据您刚才切片的规格分开存放的。

需要将模板下载下来

用ps切片，上传图片空间，然后添加链接和图片的网络地址

把生成的代码传到店铺后台，就可以显示了，

不懂我可以帮你的

PS的切片工具，是一种很好用的功能，它能根据您的需求截出图片中的任何一部分，同时一张图上可以切多个地方。PS的切片在另存为的时候就能将您所切的各个部分分别保存一张图片，完全区分开来。所以说，在制作网页或者截取图片某一部分时，经常会用到这个工具的，下面小编来给您演练一遍。

PS切片工具的使用方法/步骤

1.打开PS软件

2.打开原本准备好的一张图片，可以把图片直接拉到PS中，也可以用菜单栏上的文件工具来打开文件。

3.把图片缩放到合适的大小，然后选择左手边工具栏上的一把像小刀一样的工具，然后右击，出同三个选择，选择“切片工具”

4.然后鼠标变成小到，在您想切片的地方开始占，然后往左拉或者往下拉，就出会现一个四方形的区域块，这就是您要切除的范围，直到拉到您觉得合适地方为止，小编切了几个案例，分别用了一些颜色来区分开给大家看得更清楚。每一个片块代码一个区域，都会在上面有蓝色数字标识的。

5.保存时，选择文件》存储为WEB和设备所用格式，这是一种专门为网页制作人设置的格式。

6.选择存储。

7.格式类型可根据您的需求来，如果选择HTML类型就会有一个自动生成的网页模式给您看。小编选择了“HTML和图像”

8.根据之前保存的路径，找到该文件夹，然后打开就能看到一张张图片，就是根据您刚才切片的规格分开存放的

1、打开PS软件，点击“文件”，在弹出的下拉菜单中的“打开”，打开想要切片的图片。

2、找到左面的裁剪工具，右键后在弹出的工具里面点击切片工具。

3、点击切片工具后会出现一把小刀，随意拉动会切割图片，每块被切除的图片都在左上角有一个数字标号。

4、完成后点击左上角文件，选择“存储为web”一项。

5、选择好存储格式，点击下面的存储。

6、选择存储位置，下面的储存格式可选“html和图像”。

7、找到之前选定的储存位置，可以看到很多张被切开的图片。

有几种方式

1、最简单，在店铺装修中，找到店招模块，按规定的尺寸制作一张图片，并传到图片相册中，复制网址，在店招模块中，发布一个图片占位，将图片地址复制进去即可

2、稍微有难度，是在店招模块中，用HTML代码设置一组可以链接到若干页面的组合功能模块，这个需要Photoshop切片工具，Dreamweaver网页制作工具配合

3、更有难度的，将店招模块隐藏起来，在下面新建一个自定义模块，然后将自定义模块利用CSS代码，不单做出店招，还能制作出下方的导航，但是这个需要CSS制作功底很强才可以

1：文件——自动——Photomerge（使用文件——浏览）打开界面后自己排列 也可以点下面转为图层 转到PS界面里再编辑

2：用切片工具分割图片 切完后文件——储存为web所用格式 选择jpg格式 并且点一下图 然后ctrl+A（全选），最后保存（选择仅图像文件）

1、需要切的图片放进PS里面，

2、放进图片之后，选择切图工具，

3、选择好切片工具之后，按照自己想切多少份图来操作。

5、切好图后，点击“文件”这个对话框，然后会弹出对话框信息，选择“存储为web格式所用..”

6、弹出新的对话框，按照选择，选择JPEG，品质的话，随你喜欢。

7、如果想设置切的图片大小，可以点击对话框右上角三角形，可以选择，例如：如果想图片所有大小加起来只有1.5MB。那就在对话框里面填写1500。

8、然后设置好后，点击存储，就可以了。

把你的PSD导成JPG的切片，然后在DW里面做成你想要的效果，然后你代码复制到你的自定义模块里，在DW里面制作必须要多多少少懂点HTML代码的，实在不会可以叫人帮忙做~