ps+dw制作漂亮淘寶店铺、美化网店.docVIP

今天是来跟大家分享下如何用PS和DW打造漂亮的店铺. 很多新手卖家感觉装修店铺是件很头疼的事情，不知道如何装修好看，装修市场那么多好看的模板，但价格一个比一个贵，都要几十块几百块，作为一个新手卖家，本来店铺就没啥生意，还要花那么多钱去买模板, 心里总有点不是滋味。今天我在这里教大家一个方法，可以免费得到漂亮的模板哦 我这里的“盗”，其实很简单，就是截图，把别人好看的模板用截图的方式截取下来，然后通过适当的更改，使之成为自己的模板。?? OK，下面我就来教大家如何来制作漂亮的模板吧，首先我们需要两个功能强大的软件，那就是 photoshop 和 Dreamweaver ，以下简称 PS和DW我想大家对这两个软件应该有所了解吧，这里我就不做介绍了，下面我就来教大家怎么制作模板吧。?? 软件下载 Photoshop cs5??Dreamweaver 8.0?? 二、搜寻漂亮的模板?? 首先，当然要找一个自己喜欢的漂亮模板啦 我们就可以用截图工具把好看的模板截取下来了哦，我相信截图大家都会吧，可以用QQ截图（ctrl+alt+A）或者旺旺截图（ctrl+alt+P），把截下来的图片保存到文件夹。 三、利用PS切片? 下面我们就要用到上面介绍的软件了哦，首先用PS打开我们截下来的模板图片??% OK，打开之后，我们先要把图片下面的那些宝贝名称换成自己的宝贝名称，该怎么做呢，首先我们要把上面原有的字给去掉，很简单，我们可以用填充命令，把原有的字体给去掉，其实相当于在原有的字体上覆盖了一层，使之看不到原来的字，具体怎么做呢？我们可以用矩形选框工具把原有的字体进行选取 大家可以看到，这样我们就可以把想要去除的字用虚线框给框住了，接下来，我们可以在选框内用鼠标右键点击会有一个下拉框，我们选择填充选项，会弹出一个对话框?? 因为我们目标字体背景是白色的，所以我们这里填充内容也要选择白色的哦，选择白色之后点击确定，原来模板上的字就奇迹般的没有了哦 很简单吧，我相信看过教程之后大家都会，当然我们也可以用其他工具把文字替换掉，这里我就不一一介绍了，下面我们要写上自己的宝贝名称和价格，我们先要选择文字工具? 在要输入文字的地方单击，这样就可以输入自己想要输入的文字了哦 我这里只用一张图片作为示范，其他的的也都可以用同样的方法进行处理哦 好了，现在我们应该怎么把这个修改好的模板制作成属于自己的模板并放入店铺呢？各位亲们不要急哦，我会慢慢的给大家讲解 首先我们要用PS的切片工具对图片进行切片 每个模板切片都会有所不同哦，我这里选了一张比较简单的图片，这样大家比较容易上手，下面是切好的图片。? 切片切好后，我们要对切好的素材进行保存，这里不是简单的文件→存储或者存储为哦，我们要用文件→存储为Web和设备所用格式 （或者按快捷键ctrl+alt+shift+S） 点击之后会跳出一个对话框，我们可以选着自己想要的图片格式和图片品质哦?? 选择好图片格式和图片品质之后我们就可以点击存储，这样就会跳出一个让你选择存储的位置，?? 这里大家要注意咯，在文件格式位置我们要选择HTML和图像，（这点很重要哦） 选择好存储位置和格式之后我们点击保存又会跳出一个对话框，我直接点确定即可 保存之后我们会看到两个文件 四、利用DW转换代码??/ OK，photoshop软件我们就用到这里，可以把它关闭了，接下来我们要用的是dreamweaver， 我们首先打开DW，然后利用DW打开刚刚保存好的文件， 打开之后我们会看到DW软件里就会有我们切片好的图片 打开之后我们可以点击宝贝图片，这样我们就可以在属性栏中看到宝贝图片的宽度和高度 这有什么用呢，用处大了，这样我们就可以看到该宝贝图片的位置大小，接下来我们就可以把自己店铺的宝贝图片制作成与模板图片的大小一样，这样我们就可以把自己的宝贝图片很吻合的放入模板中，至于如何制作自己的图片大小我这里就不详细介绍了，我想大家都会的。??接下来我们就要把图片转换成代码，怎么转换呢，很简单，只要鼠标一点就搞定了，我们用鼠标点击代码，这样原来的模板图片就变成了密密麻麻的代码了哦 不过这里还有一个更为简单的转换代码，而且这个方法不需要DW软件。其实这个方法很简单， 只要用浏览器打开刚刚PS切片后保存下来的HTML文件，然后点击右键查看源文件，这样代码就会在记事本中打开了，复制代码进入淘宝自定义模块进行编辑就OK了 五、编辑淘宝自定义模块 接下来我们就要吧这些代码全都放入淘宝中进行装修哦，我们按ctrl+A全选这些代码，然后复制这些代码，然后我们就要进入淘宝进行装修了哦，首先我们要进入装修页面，新建一个自定义模块，然后对该模块进行编辑，我们复制的是代码，所以我们要进行代码编辑，点击编辑HTML代码，?这样我们就进入了代码编辑模式，我们可以按ctr