淘宝装修模板制作.docx

淘宝装修模板制作无需模板，让你的宝贝描述更美观，更整洁 众所周知，版面加了图片会更漂亮，会更加吸引买家的视线，但如果图片多了，所占空间必定也大了，打开网页的速度必定大打折扣，如果买家网速不理想的话，浏览你的店铺的时候可能就没有耐性等待加载所有的内容了，同样内容文字排版不够美观直接的话也吸引不了买家。今日发这贴主要是说说自己的经验，令你的宝贝描述版面更加美观整洁，更能吸引买家。 使用软件：dreamweaver，各大下载网站均有下载，百度搜索一大把。 打开软件如下图，点击“HTML” 之后选择“插入”-“表格”，如图，行数改大一点，如果编辑结束后，多的可以删除，表格宽度改为：727，这是宝贝描述版面的合适宽度，大家可以适当调整. 点击“确定”，如图如示： 把鼠标移到表格边框并点击，屏慕下方就会出现该表格的属性，边框默认是1，把它改为0，这样表格的边框就不会在网页中显示出来了. 当你想在表格中插入图片的话，只需把光标移到单元格中，在菜单上选择“插入”-“图像”即可，如图： 这时由于图片宽度过大，以致系统自动调了宽度，左右两列单元格宽度变小，而中间单元格宽度增大，我们可以通过合并单元格来实现宽度复原，按入“Ctrl”键，鼠标分别单击同一行中的三个单元格，然后单击右键选择“表格”-“合并单元格”，看看效果，如图： 以下是本人店铺宝贝描述编辑的截图： 编辑排好版后只需把代码复制然后粘贴到你的宝贝描述内容中去即可，具体操作如下：点击菜单左上方的“拆分”，页面即出现如下形状： 把鼠标移到表格边框，系统自动选择代码呈高度现状，鼠标只需移至代码区点击右键“拷贝”，如图： 把代码粘贴在你的宝贝描述中去，覆盖原来的所有代码即可。 本人文笔有限，可能描述不够详尽，希望此贴可以帮到各位店主，令你们的宝贝更加能吸引买家，祝生意蒸蒸日上，日进斗金。 促销活动是现在所有卖家不可缺少的一项活动。 一款美美的促销栏，是增加浏览量的必要元素。 废话就不多说了，请看教程。 制作的工具： PHOTOSHOP 上传图片的相册 教程： 步骤1：打开photoshop，打开菜单栏的文件-新建，新建一个空白图片，如图。 步骤2：选取你所要的背景颜色，然后用笔刷工具，把它全部涂满。 涂满后的样子。 步骤3：选择矩形选框工具，在图片上选取一个位置，选取后，按键，把选中的位置删掉。如图: 步骤4：打开一张需要促销的产品图，。用移动工具，把产品图，拉到未标题-1。然后选择菜单栏的编辑-自由变换，把产品图按比例缩小到跟白色部分一样大小。用移动工具，把它移到白色背景上。 步骤5：用文字工具，输入产品的名称，原价，和现价等信息。 用直线工具，画一条红色的直线在上。 步骤6：然后，选择菜单栏上的图层-合并可见图层。然后把图片另存为到文件夹上。记得另存为的时候，图片的格式要选择JPGE格式。 完成后的图片： 重复以上动作，制作更多的促销产品图片。 步骤7：打开上传图片的相册并且登陆，。把做好的图片上传。 上传后： 点击打开图片，点击复制链接。 步骤8：打开我的淘宝后台，选择管理我的店铺-店铺装修。 点击添加模块，在右边添加一个自定义内容区。把自定义内容区放在右边模版的最上方。然后保存设置。 点击自定义内容区的编辑按钮进行编辑。 弹出一个这样的窗口。 点击插入图片，把刚才复制的贴图地上，粘贴在图片设置的图片地址上。然后把产品的链接粘贴在链接地址上。 一直重复以上动作，把所有产品都弄好！然后就是进行排版。选中所有的图片，点击与图片之间用空格键间隔开来。 只要按照步骤做，就会得到这样的一个效果。 居中对齐。图片(这里为了节约时间只做了两个图) 注：在编辑内容的时候，除了插入图片外，还可以添加一些文字。 1. 准备2张图片，如图01，800*350像素。02，800*40像素，大小可以根据自己需求适当调整。图A1 2. 新建三个800*40的文件，透明。用文字工具依次编辑宝贝描述，宝贝展示，买家须知等内容，选择自己喜欢字体，颜色，大小要适当，还可以点击右边的“添加图层样式”，根据个人喜好选择诸如阴影、描边、外发光等效果，使文字更好看。若有合适的素材，装饰一下，效果更好。图A2。 3. 新建一个800*1200的文件，背景白色，将以上5张图片复制到新建的白色背景上。用移动工具调整布局如下：宝贝展示的部分相对留的多一些，可以用标尺给它们分配大小。图A3。 4. 用文字工具编辑模版标题的部分，加上店铺名，欢迎语，链接按钮，如店铺介绍，进入本店，信用评价，收藏店铺，给我留言等等内容。模版下端的背景处加上你的版权信息内容，如水印啦、制作者等。效果自己调整。图A4。 5. 切片，其实也没什么复杂，自己多试验几次就会得到一个满意的效果。要添加文字或者图片、链接的地方都单独切出来。如图自己参照一下，共12个切片。对于切片7，9，11右击一下，在编辑切片选项里记下这3个切片的宽带和高度即W和H的值，FRONTPAGE中能用到。图A5 6. 文件存储为WEB所用的格式点保存或save最好用不包含汉字的文件名，记住保存的位置。图A6。PHOTOSHOP的工作结束。 7. 进入你的图片空间，将自动生成的images中的图片传到空间，其中切片7.9.11的图片可不传，复制每个图片的地址到记事本备用。或者等一会一边编辑，一边复制。 8. 用FRONTPAGE打开刚才保存的WEB格式的文件。点选左下角的设计，右击图片任意位置表格属性将对齐方式项改为居中确定。图B1。 9. 进入自己的店铺，依次打开你的网店，店铺介绍，信用评价，收藏店铺，给我留言，或者把地址复制到记事本中。图B2。 10. 在FRONTPAGE中，右击图片“进入店铺”处图片属性边框粗细设为0确定。图B3。 再右击图片“进入店铺”处超链接通过浏览刚才的记事本文档填入地址，或者点浏览过的网页填入链接地址。其他几个依此类推。图B4。 11. 点一下宝贝描述下面的空白处，即切片7。编辑删除表格插入表格编辑属性。行，列设为1，对齐方式居中，指定大小即刚才记下的切片大小，边框大小为0，确定。图B5。 12. 再次右击切片7处单元格属性，把水平对齐方式改为左对齐，垂直对齐方式改为顶端对齐。确定。图B6。 9和11切片也这样编辑，对于9处要插入图片，打算默认插入3幅，所以行设为3。图B7。 修改3个单元格属性，把水平对齐方式改为居中，垂直对齐方式改为顶端对齐。图B8。全部完成后你可点预览看一下，不合适的地方再修改。 13. 点FRONTPAGE左下角的代码,如图，将诸如images/shudianmoban_01.gif的引号内的本地地址换成所在图片空间的地址，至切片11一一手动改换。如果你的图片空间支持模版上传，这一步要省事的多，还避免了错误。具体看看空间的使用提示。图B9。 14. 修改完毕后，仔细检查一下，点设计你会看到，改后的图片都变成了X。点击看所加的链接是否正确。确认无误，将代码复制到记事本，每次发布宝贝是就可以用了。至此模版的制作就告完成，怎么样你很有成就感吧。 15. 发布宝贝时，在宝贝描述页面，点一下“编辑源文件”。图C1，将刚才的代码复制进去，然后再点“使用编辑器”。页面跳转后在你制作好的模版中，对宝贝进行编辑。 16. 对于像宝贝描述和买家须知这一栏文字的编辑很简单，和未使用时相同，注意每行的缩进。宝贝展示中，在要插入图片的地方点一下左键，点编辑器上的“插入/修改图片”。当然，事先已把要插入的图片传到了空间。将空间中的地址复制进去，确定。图C2。 想插入下一幅，回车一下，换到下一单元格继续。当然超过默认的3幅或大于默认的单元格大小也没什么，这种模版不用考虑断层的问题，包括对文字的编辑。编辑好了点击发布就可以了哦。呵呵，很简单吧。