|
制作宝贝描述模板 当然不只用Photoshop 啦要配合Frontpage 2003 使用! Frontpage 2003 下载地址http://www.a8cc.com/Soft/ShowSoft.asp?SoftID=29 (一)首先用Photoshop做好模版的底板
1. 打开Photoshop，点击上方的“文件—新建”，新建一张800*1200的画布，这里把底色设置为白色。
(PS:宽度在780——850之间都可以，高度没有限制，因为做好的模版是可以上下延伸的)
2. 然后点击“文件—打开”，找到自己想要用于模版上的图片，打开(大家可以事先把图片的大小调整好，
以适合于模版使用)。接着，先在图片上按下“Ctrl+A”(全选)，注意这时候图片四周会出现一个虚线框，
然后再按下"Ctrl+C"(复制)。
3. 然后回到我们最开始建立的那张800*1200的画布上，按下“Ctrl+V”(粘贴)，图片就被粘贴到画布上了。
如果位置不合适的话，可以点击左边的“移动工具”，将图案拖动到合适的位置上。
4. 可以根据图案对模版做些装饰，比如我这里面就用椭圆工具画出几个圆圈，并用与图案相近的蓝色填充。
然后再点击椭圆工具，画一个大一点的椭圆出来，用来放置店铺公告。可以把“不透明度”设置为60%，
这样看起来效果更好些。
5. 接下来在模版上写上自己的店铺名称。点击左边的“文字工具”，在店铺公告的上方写上店铺名称，注意可以在窗口上方的地方调整字体、字号以及文字颜色。然后可以点击右边的“添加图层样式”，根据个人喜好选择诸如阴影、描边、外发光等效果，使文字更好看
6. 可以对模版进行些装饰，最简单的办法就是选择“自定形状工具”，画出一些喜欢的图形来。
然后用“文字工具”把要做链接的内容写上，比如“逛逛小店”、“店铺介绍”、“信用评价”和“收藏店铺”等。
7. 下边就要来处理模版的主体部分了。首先我们用一个方框把主体部分框起来。点击“自定形状工具”，在窗口上方“形状”右边的下箭头上点一下，选一个合适的形状，这里我用的是Check Box，用这个形状把模版余下的部分框起来。注意边框的颜色是在窗口上部的地方进行选择的。
8. 然后就是往上添加各项需要的内容啦~~首先在右边的“图层”中选中“背景”层(就是我们最开始建立的那个画布)，然后可以用“自定形状工具”画个小花什么的，或者贴上自己喜欢的小图片也可以。我这里用的是“自定形状工具”中的Blob 2。
9. 再选择“文字工具”在图案旁边写上“宝贝展示”，和前边提到的一样，文字的相关属性在窗口上部的地方设置。可以用“移动工具”调整一下文字的位置。
 10.同样方法，写出“宝贝描述”、“买家必读”、“邮资说明”、“联系掌柜”、“推荐宝贝”等内容。
注意：不要担心每项之间的空白部分过窄，因为模版做好之后，这些地方都是可伸缩的，所以放多少内容
都没问题，不用担心的~~
11.可以在模版上加上你的版权信息内容，如水印啦、制作者啦什么的
12.然后就是很艰巨的切片任务啦!选择切片工具，把所有要添加文字或者图片、链接的地方都单独切出来。切片这一过程很重要，刚开始的时候大家可能会不熟练，总有这样那样的问题(最后成品模版如果出现断裂的话，通常问题都是出在切片这一关)。别灰心，多试几次，多琢磨琢磨，多练练，肯定会好的!
另外：我这里介绍的只是最简单的模版，就是主体部分只需上下切，而不用左右切成两部分的。实际中，如果大家想要做左右分块的模版(比如左边放产品图片、介绍，右边放宝贝分类、推荐这样的)，切片是很需要技巧的。由于表达能力有限，我在这里说不明白具体要注意的问题。不过大家只要多练习多思考，一定可以摸索出规律的。加油哦~~
13.下一步就是点击“文件—保存为Web所用格式”，将模版存为HTML格式的文件(实际上是一个HTML文件和一个图象文件夹)。
Photoshop的工作完成喽~~~~~~~好累啊
 下面该用到Frontpage了 14.打开Frontpage，选择“文件—打开”，把刚刚从Photoshop里面存下来的HTML格式的文件打开。
15.点击一下左下角的“设计”，模版的样子就出来啦
16.在模版的任一位置点击右键，选择“表格属性”，在弹出对话框中将“对齐方式”改为“居中”，然后点击确定。
17.下边我们来处理一下准备放置公告的地方。首先在打算放置公告文字的地方点击一下右键，选择“图片属性”， 选择“常规”选项卡，记下图片的文件的名字，然后点击确定。
(PS:双击图片即可显示“图片属性”，以下步骤均是)
18.再在放置公告的地方点下左键，出现一个黑色的框框，再按下键盘上的Del键，那部分内容就变为空白的了
 19.然后再在空白处点一下右键(呵呵，点来点去已经好多下啦~~)，选择“单元格属性”，在弹出对话框中选择“使用背景 图片”，再在下边的空白处将刚才记下的图片文件的名称填上，然后点击确定。
 20.现在空白处又有图案了吧!下边我们要做的是输入公告文字并使其滚动起来。
具体做法是：首先，点击窗口上方的“插入—Web组件”，在弹出对话框中选择“字幕”，点击完成。
21.在弹出对话框中，在“文本”后边的空白处输入你的店铺公告的内容。需要注意的是，如果店铺公告需要分段的话，就要在要分段的地方加上一个“”。然后，通过调整“延迟”和“数量”来设置文字滚动的快慢(通常延迟的数值越大、数量的数值越小，文字滚动得越慢)。同时还可以通过左下角的“样式”按钮来调节文字和段落设置的相关属性。设置完毕后点击确定。
22.然后在公告文字上点击一下左键，会发现出现一个很窄的黑色边框。这个边框的大小就是你公告文字滚动范围的大小。拖动边框的四周将它拉得大一点，一般使它和周围的虚线边框一致即可，注意不要超过虚线边框。
23.接着点击左下角的“代码”，就会切换到代码页面,找到direction，将滚动方向改为从下向上
具体做法是将left改为up
24.点击左下角的“设计”回到模版设计页面，然后按照前边17、18、19的方法将“宝贝展示”下边准备添加图片的那一条图案先Del，然后再点开“单元格属性”，和前边一样，设置上背景图片。这里需要注意的是：因为这个地方是准备放产品图片的，而图片通常要位于中间位置才好看，所以应该把“水平对齐方式”改为“居中”，把“垂直对齐方式”改为“相对垂直居中”，然后点击确定。
25.用同样的方法处理其他各项，不同的是在需要放置文字的地方，如“宝贝描述”等，“水平对齐方式”应选择“左对齐”，而“垂直对齐方式”应选择“顶端对齐”。
26.这里再罗嗦一下关于空白位置的问题。大家可能发现经过上面一番修改以后，准备放文字或者图片的地方，就是 图中的①②③④⑤⑥突然变得比以前更小了。其实大家完全没有必要担心添加内容会放不下的问题。正如我前边说过的，模版做好以后这些地方都是可以根据内容大小自动伸缩的。大家完全可以在输入内容的时候让它们自动变长，当然，也可以手动调节，直接敲击回车键“Enter”，就可以调节大小。
27.“宝贝展示”部分是用来放图片的，图片可以等到最后在淘宝编辑页面里再添加，这里就不说如何做了。
下边我们开始输入文字内容。将光标移动到“宝贝描述”下方的空白处，点击“格式—段落”，在弹出对
话框中调整一下“缩进”和“段落间距”，以避免输入文字后过长、过密，影响美观。
 28.然后就可以把“宝贝描述”部分的文字写上啦~~同样的，再把后边的“买家必读”、“邮资说明”和“联系掌柜”后边该写的东西都写上吧。至于最后的“宝贝推荐”，可以在淘宝编辑页面里面再添加
29.好了，已经基本差不多了，点击下方的“预览”查看一下效果吧~~~如果觉得哪儿不满意的话，再点击“设计”做一下修改喽
30.点击下方的“代码”进入代码页面，首先点右键选择“全选”，再点一下右键选择“复制”，将代码内容拷贝下来。
31.打开Windows的开始菜单，选择“程序—附件—记事本”，打开一个记事本文件，点右键选择“粘贴”，将刚才拷贝下来的代码全都粘贴进去，然后一定记得点“文件—保存”，把这个记事本文件存下来哦~~~这个就是最终的代码文件，在淘宝使用模版的时候用到的就是这个文件哦~~~
32.好啦，Frontpage的任务也完成了，关掉之前记得点下“保存”哦~~~
接着把现在Frontpage模板代码复制到记事本里 储存起来! 然后把Frontpage关掉(注意一定要保存后关闭Frontpage). 下面就要传到网络相册里啦! 先注册个相册 帐号,注册地址 电信用户:http://up22.babidou.com/register.asp?285 网通用户:http://up19.babidou.com/register.asp?285
注册好之后,然后登录!点击"相册空间": 
我们点"文件上传"然后点击上传,如图下: 
这里会提醒你安装上传插件如图: 
我们点击"确定"把网页往下拉,点击"下载" 
下载后安装文件,接下来刷新刚才的上传页面!点击"添加文件"准备上传啦！ 
选择模板图片存在的位置!按CTRL+A 全选文件!单击"打开" 
下面我们就点"开始上传"上传文件啦!如图: 
上传进去之后获取图片地址 如图: 
上传模板图片结束! -------------------------------------------------------------------------------- 下面我们开始更换模板的地址: 返回FrontPage 2003 点击“代码” 
接着按 Ctrl+F 查找替换模板代码地址 如图: 
替换地址有些难度 请一定仔细看好这段内容: 在“查找内容（N）”里面填 images/ 注意是有"/" 的. "替换为(C)"
里面填你刚才获取网络图片地址的前缀,比如我刚才获取的地址为:http://www5.babidou.com/pic/2006/12/27/ren/123.gif
就要将后面的 123.gif 去掉. 123.gif是你的图片名称与存 images
文件夹里的图片文件名相符!再举个例子:http://www5.babidou.com/pic/2006/12/27/ren/d_18.jpg
知道该去掉哪个后缀了吗? 是的!去掉 d_18.jpg 最后我们要得到的地址为 http://www5.babidou.com/pic/2006/12/27/ren/ 前缀.注意后面也是有个"/"哦！ 最后我们点"全部替换" 
OK！成功替换48个图片，一般替换成功都是在20个以上 80个以下哦!如果不对 请仔细检查上一步! 
最后将代码复制 然后建立个记事本 起名叫"网络模板代码"以免和本地代码弄错! 下面是怎么在淘宝里使用模板! 第一步：打开我的淘宝首页，——点击出售中的宝贝，找到你需要进行编辑的宝贝，点击后面的“编辑”。（也可以点“我要卖”。也可以在淘宝助理里面使用，只要把我传您的代码复制到淘宝助理的“HMLE源代码”，点“宝贝描述编辑”就可以进行编辑了！方法与在淘宝网页上编辑的方法一模一样！） 下面的是网页编辑方法如图： 然后，点击编辑源文件，将记事本里的代码拷贝进去。 点击使用编辑器，回到可视化编辑。 
第二步：公告文字的更改使用
如图，在写公告的地方双击，会出现一个边框，并鼠标指针也出现。此时,就可输入你的公告内容啦! 第三步：首先要把宝贝图片传到"网络相册"
由于在以上宝贝模板制作教程有说怎么上传图片,在这里我就不多说了 上传好之后 复制好相册里的图片地址,接着粘贴到插入图片的对话框如图: 第四步：宝贝分类的插入。
回到自己店铺主页，下拉，到左边分类栏。随便选中其中一个分类，右击那个分类的图片，点属性，在弹出的方框中，复制地址。然后和插入宝贝展示的图片一样的方法，如图： 
第五步：更多推荐图片的插入
方法基本和分类的插入一样，回到首页，选择你要插入的产品图片，右击，属性，选择地址。点选图片插入按钮，粘贴地址，插入。文字则可以直接拷贝进去。如图：注意：编辑宝贝推荐和宝贝分类时，可以用简便的方法：不需要点击“属性”然后复制地址，只需要点鼠标右键 点“复制” 然后回到模板 选择相应的位置点鼠标右键“粘贴“ 就可以！不熟悉可以多试几次 既可！
第六步：对图片做链接。
图片的链接方法如下图： 
第七步：更换买家必读等文字。这个很简单了，直接删除原有的文字。把新的文字拷贝进去就行了。
第八步：整个模板的操作完成之后，提示一下，最好立即点击“编辑源文件”，复制全部代码，保存到记事本，以免因为有时操作时间过成，在提交时超时，所作的功夫白费，如果是使用淘宝助理编辑的话，点击“保存“就可以。如果备份好了，就不怕了。而且备份好了一份。其它的也就不用每一份都这么麻烦了。只要直接拷贝进去就行了。
到这整个宝贝模板就已经做完了......
|