淘宝模板教程宝贝描述模板

(一)首先用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.然后就是很艰巨的切片任务啦!选择切片工具,把所有要添加文字或者图片、链接的地方都单独切出来。切片这一过程很重要,刚开始的时候大家可能会不熟练,总有这样那样的问题({zh1}成品模版如果出现断裂的话,通常问题都是出在切片这一关)。别灰心,多试几次,多琢磨琢磨,多练练,肯定会好的!
另外:我这里介绍的只是最简单的模版,就是主体部分只需上下切,而不用左右切成两部分的。实际中,如果大家想要做左右分块的模版(比如左边放产品图片、介绍,右边放宝贝分类、推荐这样的),切片是很需要技巧的。由于表达能力有限,我在这里说不明白具体要注意的问题。不过大家只要多练习多思考,一定可以摸索出规律的。加油哦~~


13.下一步就是点击“文件—保存为Web所用格式”,将模版存为HTML格式的文件(实际上是一个HTML文件和一个图象文件夹)。
    Photoshop的工作完成喽~~~~~~~好累啊
14.打开Frontpage,选择“文件—打开”,把刚刚从Photoshop里面存下来的HTML格式的文件打开。


15.点击一下左下角的“设计”,模版的样子就出来啦


16.在模版的任一位置点击右键,选择“表格属性”,在弹出对话框中将“对齐方式”改为“居中”,然后点击确定。


17.下边我们来处理一下准备放置公告的地方。首先在打算放置公告文字的地方点击一下右键,选择“图片属性”, 选择“常规”选项卡,记下图片的文件的名字,然后点击确定。
(PS:双击图片即可显示“图片属性”,以下步骤均是)


18.再在放置公告的地方点下左键,出现一个黑色的框框,再按下键盘上的Del键,那部分内容就变为空白的了
20.现在空白处又有图案了吧!下边我们要做的是输入公告文字并使其滚动起来。
    具体做法是:首先,点击窗口上方的“插入—Web组件”,在弹出对话框中选择“字幕”,点击完成。
  

21.在弹出对话框中,在“文本”后边的空白处输入你的店铺公告的内容。需要注意的是,如果店铺公告需要分段的话,就要在要分段的地方加上一个“”。然后,通过调整“延迟”和“数量”来设置文字滚动的快慢(通常延迟的数值越大、数量的数值越小,文字滚动得越慢)。同时还可以通过左下角的“样式”按钮来调节文字和段落设置的相关属性。设置完毕后点击确定。


22.然后在公告文字上点击一下左键,会发现出现一个很窄的黑色边框。这个边框的大小就是你公告文字滚动范围的大小。拖动边框的四周将它拉得大一点,一般使它和周围的虚线边框一致即可,注意不要超过虚线边框。


23.接着点击左下角的“代码”,就会切换到代码页面,找到direction,将滚动方向改为从下向上
   具体做法是将left改为up


24.点击左下角的“设计”回到模版设计页面,然后按照前边17、18、19的方法将“宝贝展示”下边准备添加图片的那一条图案先Del,然后再点开“单元格属性”,和前边一样,设置上背景图片。这里需要注意的是:因为这个地方是准备放产品图片的,而图片通常要位于中间位置才好看,所以应该把“水平对齐方式”改为“居中”,把“垂直对齐方式”改为“相对垂直居中”,然后点击确定。


25.用同样的方法处理其他各项,不同的是在需要放置文字的地方,如“宝贝描述”等,“水平对齐方式”应选择“左对齐”,而“垂直对齐方式”应选择“顶端对齐”。


26.这里再罗嗦一下关于空白位置的问题。大家可能发现经过上面一番修改以后,准备放文字或者图片的地方,就是 图中的①②③④⑤⑥突然变得比以前更小了。其实大家xx没有必要担心添加内容会放不下的问题。正如我前边说过的,模版做好以后这些地方都是可以根据内容大小自动伸缩的。大家xx可以在输入内容的时候让它们自动变长,当然,也可以手动调节,直接敲击回车键“Enter”,就可以调节大小。


27.“宝贝展示”部分是用来放图片的,图片可以等到{zh1}在淘宝编辑页面里再添加,这里就不说如何做了。
    下边我们开始输入文字内容。将光标移动到“宝贝描述”下方的空白处,点击“格式—段落”,在弹出对
    话框中调整一下“缩进”和“段落间距”,以避免输入文字后过长、过密,影响美观。
28.然后就可以把“宝贝描述”部分的文字写上啦~~同样的,再把后边的“买家必读”、“邮资说明”和“联系掌柜”后边该写的东西都写上吧。至于{zh1}的“宝贝推荐”,可以在淘宝编辑页面里面再添加


29.好了,已经基本差不多了,点击下方的“预览”查看一下效果吧~~~如果觉得哪儿不满意的话,再点击“设计”做一下修改喽


30.点击下方的“代码”进入代码页面,首先点右键选择“全选”,再点一下右键选择“复制”,将代码内容拷贝下来。


31.打开Windows的开始菜单,选择“程序—附件—记事本”,打开一个记事本文件,点右键选择“粘贴”,将刚才拷贝下来的代码全都粘贴进去,然后一定记得点“文件—保存”,把这个记事本文件存下来哦~~~这个就是最终的代码文件,在淘宝使用模版的时候用到的就是这个文件哦~~~


32.好啦,Frontpage的任务也完成了,关掉之前记得点下“保存”哦~~~




郑重声明:资讯 【淘宝模板教程宝贝描述模板】由 发布,版权归原作者及其所在单位,其原创性以及文中陈述文字和内容未经(企业库qiyeku.com)证实,请读者仅作参考,并请自行核实相关内容。若本文有侵犯到您的版权, 请你提供相关证明及申请并与我们联系(qiyeku # qq.com)或【在线投诉】,我们审核后将会尽快处理。
—— 相关资讯 ——