淘宝装修模板制作.docx

《淘宝装修模板制作.docx》由会员分享，可在线阅读，更多相关《淘宝装修模板制作.docx（6页珍藏版）》请在三一办公上搜索。

1、淘宝装修模板制作无需模板，让你的宝贝描述更美观，更整洁 众所周知，版面加了图片会更漂亮，会更加吸引买家的视线，但如果图片多了，所占空间必定也大了，打开网页的速度必定大打折扣，如果买家网速不理想的话，浏览你的店铺的时候可能就没有耐性等待加载所有的内容了，同样内容文字排版不够美观直接的话也吸引不了买家。今日发这贴主要是说说自己的经验，令你的宝贝描述版面更加美观整洁，更能吸引买家。 使用软件：dreamweaver，各大下载网站均有下载，百度搜索一大把。 打开软件如下图，点击“HTML” 之后选择“插入”-“表格”，如图，行数改大一点，如果编辑结束后，多的可以删除，表格宽度改为：727，这是宝贝描述

2、版面的合适宽度，大家可以适当调整. 点击“确定”，如图如示： 把鼠标移到表格边框并点击，屏慕下方就会出现该表格的属性，边框默认是1，把它改为0，这样表格的边框就不会在网页中显示出来了. 当你想在表格中插入图片的话，只需把光标移到单元格中，在菜单上选择“插入”-“图像”即可，如图： 这时由于图片宽度过大，以致系统自动调了宽度，左右两列单元格宽度变小，而中间单元格宽度增大，我们可以通过合并单元格来实现宽度复原，按入“Ctrl”键，鼠标分别单击同一行中的三个单元格，然后单击右键选择“表格”-“合并单元格”，看看效果，如图： 以下是本人店铺宝贝描述编辑的截图： 编辑排好版后只需把代码复制然后粘贴到你的

3、宝贝描述内容中去即可，具体操作如下：点击菜单左上方的“拆分”，页面即出现如下形状： 把鼠标移到表格边框，系统自动选择代码呈高度现状，鼠标只需移至代码区点击右键“拷贝”，如图： 把代码粘贴在你的宝贝描述中去，覆盖原来的所有代码即可。 本人文笔有限，可能描述不够详尽，希望此贴可以帮到各位店主，令你们的宝贝更加能吸引买家，祝生意蒸蒸日上，日进斗金。 促销活动是现在所有卖家不可缺少的一项活动。 一款美美的促销栏，是增加浏览量的必要元素。 废话就不多说了，请看教程。 制作的工具： PHOTOSHOP 上传图片的相册 教程： 步骤1：打开photoshop，打开菜单栏的文件-新建，新建一个空白图片，如图。

4、 步骤2：选取你所要的背景颜色，然后用笔刷工具，把它全部涂满。 涂满后的样子。 步骤3：选择矩形选框工具，在图片上选取一个位置，选取后，按键，把选中的位置删掉。如图: 步骤4：打开一张需要促销的产品图，。用移动工具，把产品图，拉到未标题-1。然后选择菜单栏的编辑-自由变换，把产品图按比例缩小到跟白色部分一样大小。用移动工具，把它移到白色背景上。 步骤5：用文字工具，输入产品的名称，原价，和现价等信息。 用直线工具，画一条红色的直线在上。 步骤6：然后，选择菜单栏上的图层-合并可见图层。然后把图片另存为到文件夹上。记得另存为的时候，图片的格式要选择JPGE格式。 完成后的图片： 重复以上动作，制

5、作更多的促销产品图片。 步骤7：打开上传图片的相册并且登陆，。把做好的图片上传。 上传后： 点击打开图片，点击复制链接。 步骤8：打开我的淘宝后台，选择管理我的店铺-店铺装修。 点击添加模块，在右边添加一个自定义内容区。把自定义内容区放在右边模版的最上方。然后保存设置。 点击自定义内容区的编辑按钮进行编辑。 弹出一个这样的窗口。 点击插入图片，把刚才复制的贴图地上，粘贴在图片设置的图片地址上。然后把产品的链接粘贴在链接地址上。 一直重复以上动作，把所有产品都弄好！然后就是进行排版。选中所有的图片，点击与图片之间用空格键间隔开来。 只要按照步骤做，就会得到这样的一个效果。 居中对齐。图片(这里为

6、了节约时间只做了两个图) 注：在编辑内容的时候，除了插入图片外，还可以添加一些文字。 1. 准备2张图片，如图01，800*350像素。02，800*40像素，大小可以根据自己需求适当调整。图A1 2. 新建三个800*40的文件，透明。用文字工具依次编辑宝贝描述，宝贝展示，买家须知等内容，选择自己喜欢字体，颜色，大小要适当，还可以点击右边的“添加图层样式”，根据个人喜好选择诸如阴影、描边、外发光等效果，使文字更好看。若有合适的素材，装饰一下，效果更好。图A2。 3. 新建一个800*1200的文件，背景白色，将以上5张图片复制到新建的白色背景上。用移动工具调整布局如下：宝贝展示的部分相对留的

7、多一些，可以用标尺给它们分配大小。图A3。 4. 用文字工具编辑模版标题的部分，加上店铺名，欢迎语，链接按钮，如店铺介绍，进入本店，信用评价，收藏店铺，给我留言等等内容。模版下端的背景处加上你的版权信息内容，如水印啦、制作者等。效果自己调整。图A4。 5. 切片，其实也没什么复杂，自己多试验几次就会得到一个满意的效果。要添加文字或者图片、链接的地方都单独切出来。如图自己参照一下，共12个切片。对于切片7，9，11右击一下，在编辑切片选项里记下这3个切片的宽带和高度即W和H的值，FRONTPAGE中能用到。图A5 6. 文件存储为WEB所用的格式点保存或save最好用不包含汉字的文件名，记住保存

8、的位置。图A6。PHOTOSHOP的工作结束。 7. 进入你的图片空间，将自动生成的images中的图片传到空间，其中切片7.9.11的图片可不传，复制每个图片的地址到记事本备用。或者等一会一边编辑，一边复制。 8. 用FRONTPAGE打开刚才保存的WEB格式的文件。点选左下角的设计，右击图片任意位置表格属性将对齐方式项改为居中确定。图B1。 9. 进入自己的店铺，依次打开你的网店，店铺介绍，信用评价，收藏店铺，给我留言，或者把地址复制到记事本中。图B2。 10. 在FRONTPAGE中，右击图片“进入店铺”处图片属性边框粗细设为0确定。图B3。 再右击图片“进入店铺”处超链接通过浏览刚才的

9、记事本文档填入地址，或者点浏览过的网页填入链接地址。其他几个依此类推。图B4。 11. 点一下宝贝描述下面的空白处，即切片7。编辑删除表格插入表格编辑属性。行，列设为1，对齐方式居中，指定大小即刚才记下的切片大小，边框大小为0，确定。图B5。 12. 再次右击切片7处单元格属性，把水平对齐方式改为左对齐，垂直对齐方式改为顶端对齐。确定。图B6。 9和11切片也这样编辑，对于9处要插入图片，打算默认插入3幅，所以行设为3。图B7。 修改3个单元格属性，把水平对齐方式改为居中，垂直对齐方式改为顶端对齐。图B8。全部完成后你可点预览看一下，不合适的地方再修改。 13. 点FRONTPAGE左下角的代

10、码,如图，将诸如images/shudianmoban_01.gif的引号内的本地地址换成所在图片空间的地址，至切片11一一手动改换。如果你的图片空间支持模版上传，这一步要省事的多，还避免了错误。具体看看空间的使用提示。图B9。 14. 修改完毕后，仔细检查一下，点设计你会看到，改后的图片都变成了X。点击看所加的链接是否正确。确认无误，将代码复制到记事本，每次发布宝贝是就可以用了。至此模版的制作就告完成，怎么样你很有成就感吧。 15. 发布宝贝时，在宝贝描述页面，点一下“编辑源文件”。图C1，将刚才的代码复制进去，然后再点“使用编辑器”。页面跳转后在你制作好的模版中，对宝贝进行编辑。 16. 对于像宝贝描述和买家须知这一栏文字的编辑很简单，和未使用时相同，注意每行的缩进。宝贝展示中，在要插入图片的地方点一下左键，点编辑器上的“插入/修改图片”。当然，事先已把要插入的图片传到了空间。将空间中的地址复制进去，确定。图C2。 想插入下一幅，回车一下，换到下一单元格继续。当然超过默认的3幅或大于默认的单元格大小也没什么，这种模版不用考虑断层的问题，包括对文字的编辑。编辑好了点击发布就可以了哦。呵呵，很简单吧。