史上最详细的教你淘宝扶植版旺铺模板教程PS

1、 史上最详细的教你淘宝扶植版旺铺模板 教程 PS+DW 来源：店长网 日期： 2010-10-09 17:33:03 会员收藏夹 最新评论（共 0 条） 史上最详细的教你淘宝扶植版旺铺模板教程PS+DW。网店开的好不好，其实装修真的很重要，即使您的商 品再漂亮质量再上成，买家一进去看到的是一团乱或是星星点点的杂乱装修装修，心里的落差感就可想而 知了；我们来换个角度想想，如果我们自己是买家的话，看到这样的店铺，我们还有信心购买他家的商品 吗？跟实体店一样，买家看商品之前先看到的一定是店铺的整体装修风格，所以多花些心思来布置自己的 店铺真的很重要很重要哦 如果您说，大卖家有拓展版，做出来的装修即大

2、气又好看；旺铺的功能相当的全面，我们只是心级的小小 卖家，店铺用的还是旺铺的扶植版，可怎么办呀？很头疼，很茫然。 其实夏天可以很自信的说，扶植版就是针对我们小卖家的，功能基本上与旺铺一致，我们也一样能做出旺 铺甚至拓展版的装修效果。请您相信我吧，跟着夏天一起分享做图的乐趣吧。 之前分享过扶植版旺铺广告位的制作，这次主要来分享下扶植版模板的制作方法，不要担心，一定能做好 的。 一、已经做好的平面图一张 现在夏天用的是现在店铺里用的模板图片平面图就是这个样子的。 、图片准备好后，现在开始切图 1、按住 CTRL+R，把 PS中标尺调出来，选择左侧工具栏中的指针工具 把辅助线拖拽下来，具体的辅助线位

3、置，就按照想把哪个位置的图片做上链接来划分，成为一格格的 运用辅助线是为了切图的时候规整的不出现空白的错误。 2、选择 PS中左侧工具箱中的切图工具 ，选中后在图片上准备切图时就会出现一个小刀的图标， 按照辅助线的划分一个一个划出方格的位置出来，见割划的时候选区会自动靠往辅助线的位置，这样就不 会划得很乱了。 3、这样就把图片切割好了，下面是存储的格式 选择“文件 - 存储为 WEB所有格式”，会出现存储文件的对话框，上面的设置见 然后选择“存储”， 见选择保存类型为 HTML和图像类型，存储文件位置就看个人觉得合适的位置，选择好后“保存”。见 images 的文件夹，一个网页格式，见 三、保

4、存后找到存储的文件夹，里面的文件有两个，一个是 四、打开 DW软件，出现对话框，选择打开文件，见 出现文件盘，找到存储文件的位置，选择网页格式的文件打开，见 五、现在开始隆重使用 DW软件 1、文件打开后，根据设计习惯，选择设计类型见 出现的就是之前做的平面图了。选择其中一个要加链接的图片块，下面的状态条见， 把要加的链接地址粘贴到对话框里之后一定要点击回车，切记。目标的位置，要选择“ _blank ”，这个是 在新一个页面上显示，这样对卖家来说会使买家更好的留在店铺的页面上。 2、之后的所有要添加链接的图片块都按照同样的方法加上链接就可以了。 3、把所有的链接都加上之后按住 CTRL+S，保

5、存。 六、现在要做的动作就是把切好的 images 文件夹里的图片都上传到淘宝图片空间里。步骤是“我的淘宝 我是卖家 - 图片空间 - 上传图片”即可。 七、上传好图片后，回到 DW软件中，选择拆分，见 出现的就全是像乱码一样的代码了，不过不要着急，跟着我一步一步做下去吧！ 找到代码中的“ table ”之间的所有代码见， 复制下来。 八、登录到您的店铺首页上。 1、选择编辑此页面见，在广告位的位置上选择编辑 2、教您个最简单放置代码的办法，确认好您要放模板的位置，在那个文字上随便打上几个汉字，见 3、找到之前打好的文字的位置，见（图19）。把这些打好的文字刷黑，粘贴上之前复制好的代码。 4、在点击一下“编辑 HTML代码”按钮转回到图片的模式。 5、出出现图片不显示的红色 XX，见 打好文字后，选择“编辑 HTML代码”按钮，见 不过不要紧张，再跟着我做。 6、选择“插入图片空间图片”按钮，见， 打开图片空间的对话框后， 选择其中一个带红色 XX的图片框，在下面图片空间对话框中找到第一张图片后， 点击“插入”，见 7、按照同样的方法把所有的图片都插入上去后，点击保存。 九、这样，自己制作的广告位