《淘宝装修》

无需模板，让你的宝贝描述更美观，更整洁 众所周知，版面加了图片会更漂亮，会更加吸引买家的视线，但如果图片多了，所占空间必定也大了， 打开网页的速度必定大打折扣，如果买家网速不理想的话，浏览你的店铺的时候可能就没有耐性等待加载 所有的内容了，同样内容文字排版不够美观直接的话也吸引不了买家。今日发这贴主要是说说自己的经验， 令你的宝贝描述版面更加美观整洁，更能吸引买家。 使用软件：dreamweaver，各大下载网站均有下载，百度搜索一大把。 打开软件如下图，点击“HTML” 之后选择“插入”-“表格”，如图，行数改大一点，如果编辑结束后，多的可以删除，表格宽度改为：727， 这是宝贝描述版面的合适宽度，大家可以适当调整. 点击“确定”，如图如示： 把鼠标移到表格边框并点击，屏慕下方就会出现该表格的属性，边框默认是 1，把它改为 0，这样表格的边 框就不会在网页中显示出来了. 当你想在表格中插入图片的话，只需把光标移到单元格中，在菜单上选择“插入”-“图像”即可，如图： 这时由于图片宽度过大，以致系统自动调了宽度，左右两列单元格宽度变小，而中间单元格宽度增大，我 们可以通过合并单元格来实现宽度复原，按入“Ctrl”键，鼠标分别单击同一行中的三个单元格，然后单 击右键选择“表格”-“合并单元格”，看看效果，如图： 以下是本人店铺宝贝描述编辑的截图： 编辑排好版后只需把代码复制然后粘贴到你的宝贝描述内容中去即可，具体操作如下：点击菜单左上方的 “拆分”，页面即出现如下形状： 把鼠标移到表格边框，系统自动选择代码呈高度现状，鼠标只需移至代码区点击右键“拷贝”，如图： 把代码粘贴在你的宝贝描述中去，覆盖原来的所有代码即可。 本人文笔有限，可能描述不够详尽，希望此贴可以帮到各位店主，令你们的宝贝更加能吸引买家， 祝生意蒸蒸日上，日进斗金。 促销活动是现在所有卖家不可缺少的一 项活动。 一款美美的促销栏，是增加浏览量的必 要元素。 废话就不多说了，请看教程。（此教程 非常详细，只要看了就会懂的。） 制作的工具： PHOTOSHOP 上传图片的相册 教程： 步骤 1：打开 photoshop，打开菜单栏的文件文件文件文件--新建新建新建新建，，，，新建一个空白图 片，如图。（我设置的像素为宽 180，高 260.不过具体的像素，你们需 要多大，可以自己设置，以下数据仅供参考。） 步骤 2：选取你所要的背景颜色，然后用笔刷工具，把它全部涂满。 涂满后的样子。 步骤 3：选择矩形选框工具，在图片上选取一个位置，（用来放产品图片的），选取后，按【Delete】键，把 选中的位置删掉。如图: 步骤 4：打开一张需要促销的产品图，（如上图，左边）。用移动工具 ，把产品图，拉到未标题-1。然 后选择菜单栏的编辑编辑编辑编辑---自由变换自由变换自由变换自由变换（或是按 Ctrl+T 快捷键），把产品图按比例缩小到跟白色部分一样大小。 用移动工具 ，把它移到白色背景上。 步骤 5：用 文字工具，输入产品的名称，原价，和现价等信息。 用 直线工具，画一条红色的直线在【原价：32.00 元】上。 步骤 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 幅或大于默认的单元格 大小也没什么，这种模版不用考虑断层的问题，包括对文字的编辑。编辑好了点击发布就可 以了哦。呵呵，很简单吧。