淘宝宝贝描述模板制作教程(页 1) - 网店装修 - 中国代销批发总站-www.51daixiao.com 代销|批发|网上开店|网上代销批发|网店代销批发货源

冰峰发表于 2007-10-8 14:24

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

一直想好好美化一下自己的淘宝店铺，可时间太忙，后来想实在不行就出钱购买一个宝贝描述模板得了，省得再浪费时间。不过，上网看了很多模板，都没有自己中意的，于是下定决心，自己搞定！！自己还有编网页一些基础，知道网页编辑的大概，其实很简单的。编辑淘宝的宝贝描述模板基本不需要任何代码，直接跟着我下面方法做就可以了。
1。软件工具：要自己制作宝贝模板，首先要选择网页编辑工具，目前业界最流行得就是 dreamweaver 了，用老微的frontpage也可以。想自己做的朋友最好选择前者，frontpage我以前也用过，后来很少用，主要还是觉得dreamweaver使用更加方便，功能更加强大，毕竟是专门以这个起家的嘛。需要dreamweaver 软件的朋友可以从网络上下载，下载方法：在 google 搜索栏中输入“ dreamweaver 软件下载 ” 就可以找到很多下载网站了！！！，其它工具软件你都可以这样搜索到，下载就可以了。不过，记得下载完了一定要先杀毒哦，对我们这些店家来讲，安全是非常重要得。
2。网页制作之前，首先要考虑自己模板的基本布局。先不要着急用dreamweaver开始编辑，正式编辑之前我建议朋友们多看一些别人的作品，总结出宝贝描述模板的大体布局方法，需要的各个选项！最好的办法就是先纸上谈兵，在纸上用笔先勾画出描述模板的布局，注明需要做的一些工作等。不过，宝贝模板的主要模块我总结就是以下就是几块 )G"jYT5wQ7A
A. 商品的大图 B。商品的描述 C买家事宜 D配送方法 E店铺分类 F 店铺连接  7B#f&k s6MwS
可以在纸上粗粗描绘一下大体的布局，然后再开始下面的工作。 iCiT0z8}
3。准备素材。做网页不能没有素材，素材就是指一些养眼的图片，文字，背景等资源。还有最重要的，也最可能用到的就是你店铺的logo，宝贝的图片，文字介绍跟店铺商品有关的一切了。把这些素材都统统归到一个目录下面（真正正规的编辑方法是按照文件夹来组织自己的素材），方便以后寻找。另外，为了做出更好的效果，可能还要动用一下photoshop这个工具，特别对图片处理都离不开它。下载的方法象上面所说的就可以了。 Dzmm x2A\
4。现在基本的东西已经准备好了。那么就开始做吧。
A。首先打开Dreamweaver ，新建一个html网页。这个时候工作台上你看到一个白色的区域，就是编辑区域了。
B。添加表格进行布局。这一点很重要，因为表格能够比较方便的让我们进行布局的分配，以及以后各种素材的定位。有了表格，我们心里面就对布局基本有数了。在表格里面可以添加我们的素材，文字，更改背景等。这些文字一般是通用的文字，固定不变的，不会随着宝贝的不同而变化，比如【买家事宜】，【配送方法】等标题性和说明性的文字。这个时候我们还要留出放置宝贝图片，和宝贝描述的位置，这些都是会变化的，因为每个宝贝的图片，和描述都是不同的。因此一定要留出这个位置。
   提示：这一步之前首先要把需要用到的图片上传网络上去，我推荐给大家[url=http://www.5167.com/][color=#0000ff]WWW.5167.COM[/color][/url]这个网站。首先上传有一个好处，以后在使用图片的时候，直接可以找到图片，然后复制下该图片的连接添加到图像占位符的来源上面就可以了，不用再一边上传图像，一边编辑网页。 Y\GA(X`m
C。在需要添加图片的位置上，添加一个图像占位符，记住，宝贝描述模板中所有的图像都一定是一个图像占位符，不能直接图像。添加完后我们看到一个断裂的方块，证明该对象是个图像占位符。
【重点理解】为什么不直接插入图像呢？直接插入图像在淘宝里面是无法显示的。在要放置图像的地方，包括背景图等都要使用图像占位符。有了图像占位符，等于是先占好了这个位置，然后在这个位置上添加相应的图片连接地址，这样当在浏览器中查看网页的时候，浏览器自己按照图片的连接地址下载图像，就可以显示出自己想要的图片了。这点很重要哦。 B{S$a0p(a[
特别需要说明一下，对于背景图片以及固定显示不变的图片，编辑的时候应该把相应的图片连接地址输入到图像占位符的图像来源里面。这样，就无需在淘宝里面再编辑这些固定的图片，只需要更改宝贝图片就可以了。至于图片的存储地址，163网站是不支持的，我提供大家一个网站，[url=http://www.5167.com/][color=#0000ff]www.5167.com[/color][/url] 我用的就是这个网站。 D。在其它位置上也添加一些图像占位符，比如店铺logo，店铺分类等等，这些位置可以为你以后操作带来方便。
E。把图像占位符的地方填好图片的网络连接地址，具体到每个商品图片时候，我们在淘宝里宝贝编辑器中再填进来。在淘宝的宝贝描述编辑器里，我们找到该商品的图片连接地址，填到图像占位符的图片来源上就可以了。这样的话，只需要改动商品图片图像占位符的图像来源地址，就可以显示我们想要的图片了。 G4~/uj7e%}MSb
6。以上如果不出所料，按照自己的设计，基本上可以算完工了。具体美不美观要自己慢慢调整。现在最重要的就是在Dreamweaver中切换到代码编辑窗口，CTRL+a 选中所有代码，选择复制，然后选择一个宝贝，在淘宝里面编辑该宝贝，在宝贝编辑器里面，选择编辑源文件，这个时候就切换到代码编辑窗口了。将先前复制的代码粘贴到该窗口，然后选择编辑模式，切换到图形编辑模式。这个时候你就发现，以前你设置的图像占位符现在都显示成图片了。如果不能显示，就证明该处没有图像连接地址。敢紧选择该图像占位符，然后点击插入/编辑图像按钮，输入相应的图片连接地址就可以了。  特别要提示的是：修改宝贝描述主要是能够直接显示宝贝的大图。这个时候一定要更改宝贝图片占位符，把该占位符的图像来源改成是当前宝贝的图片连接地址就可以了。
点击一下预览，可以看看编辑的效果，有什么不满意的，只能以后慢慢修改了。
切换宝贝编辑器到代码模式，选择所有代码复制并拷贝到一个TXT文本文件中保留，以后每个宝贝都可以用到。新建一个宝贝的时候将这些代码在代码编辑模式下面直接拷贝过来，然后切换回图像编辑模式改变对应的宝贝图片就可以了。
怎么样，一切都很简单吧。 2rAS-kC-~ }fLO}
下面的图是dreamweaver中图形编辑模式下的宝贝模板的布局，红色字体说明部分是常用到的哦，一定要多加留意。W3F'N-\/iA
0Of(qU3g]*e{
[attach]307[/attach]
TPAn&L0lP+~~
具体的效果大家可以到我的店铺里面随便点击一个宝贝看下就可以。还有很多地方要完善的，请大家多多指教。有什么问题可以一起探讨噢。只能算是抛砖引玉。希望高手们把你们的设计经验跟大家交流一下。 -?9K$`zVIs

补充说明一下,在宝贝编辑器中可以使用热点连接这个功能来创建图像上的直接连接功能.比如我的模板上面店铺介绍,逛逛本店,信用评价这些文字上面都使用了连接功能.这个连接功能怎么实现的呢?方法如下 :
'y/\DnP;d1b-u1OL}
选中你需要做连接的图片，图像占位符也是支持的。然后这个时候你发现dreamweaver左下脚有一些绿色的小图标。这些是用来在图片上画出一些方形，圆形或其它形状区域，在浏览器中，鼠标经过这些区域的时候就会变成小手的形状，这些区域就是热区。鼠标点击这一热区的时候就会连接到相应的网页。}6T]"t&|7q.SF_9u o
Dq1U.BN6f A
赶快在图上画一个区域，然后在dreamweaver左下角连接地址中输入你想要连接的网页地址。
P.b4Ji QA
将代码考到宝贝编辑器，然后预览一下，当鼠标放到这些区域上的时候，就会变成小手的形状。点击一下，就会连接到相应的网页了。

宝利来 发表于 2007-11-13 02:31

好贴，先收藏了，慢慢研究。

yuanliubo 发表于 2007-11-26 14:52

你好 , 你知道店铺的风格怎么做吗

呵呵宝贝的描述摸班到是好做那么店铺的风格怎么做啊

mengjinghanlin 发表于 2007-12-14 23:38

好明白啊

以后不用花钱买啦哈哈谢谢

我的第一小店 发表于 2007-12-27 12:11

好的很，正需要呢:D

wl1606 发表于 2008-4-7 12:17

收了,感谢记

龙翔票务网 发表于 2008-4-12 21:07

北京－布达佩斯留学生特价机票，北京到匈牙利布达佩斯学生打折国际机票

北京－布达佩斯留学生特价机票，北京到匈牙利布达佩斯学生打折国际机票
出发地：亚洲－中国－北京（PEK）2Q,T:OXlWL'v,F
目的地：欧洲－匈牙利－布达佩斯（BUD）
单程价格：3800元
往返价格：4500元
航空公司：中国海南航空LH
发布日期：2008-03-28
详细信息：本站提供的北京到布达佩斯留学生机票，北京到匈牙利布达佩斯学生打折国际机票价格属实，不含任何税费。因特价机票舱位有限，请尽快订购。如果旺季舱位紧张，本公司可常年申请座位，详情请拨打客服热线：010-51664049（多线）65803208晚间24小时值班热线：13520898218咨询及预定，非常感谢您光顾本站，欢迎下次再来！
[url=http://www.longxingjp.cn/gjjp/03_55_5541.html]北京到博兹曼国际机票[/url]
[url=http://www.longxingjp.cn/gjjp/03_24_2758.html]北京到帕拉马里博机票[/url]
[url=http://www.longxingjp.cn/gjjp/03_41_9058.html]北京到汉城机票[/url]
[url=http://www.longxingjp.cn/gjjp/03_55_9013.html]北京到马德里机票[/url]G%zd?Eg;i} Is)\~"cX
[url=http://www.longxingjp.cn/gjjp/03_17_5038.html]北京到巴黎机票[/url]

efgh713 发表于 2008-5-10 19:24

删吧，大不了在发呗

华恒机电批发[url=http://www.139hh.com]电炸炉[/url]024-88324639油炸炉,单缸电炸炉[url=http://www.139hh.com]双缸电炸炉燃气炸炉[/url]网址www.cy139.com体积小,适合酒迪吧,酒店,宾馆,集市,商业街,车站,学校,游乐场等休闲娱乐场现场加工油炸鸡腿翅,鱿鱼,香肠,薯条,炸鱼,牛排,汉堡,肉串,鸡柳,臭豆腐等小吃随机赠技术资料配方
[img]http://www.88324639.com/eWebEditor/UploadFile/2006327175630743.jpg[/img]

hcgz898 发表于 2008-5-10 20:45

●丽妍堂排汗机派宁清洁机●

[size=2]●15058657179●嘉鹏健身器材有限公司：是生产健身，游艺，娱乐，休闲用品专用生产商。产品有|丽妍堂|真轻松|真舒服|排汗机|蒸汽机|价格|妈咪乐|派宁|派宁牌|蒸汽|清洁机|清洗机|清洗器|价格|水上步行球|水上步行器|水上滚筒|悠波球|儿童|手摇船|游乐船|价格|诸葛马|机器人|小洋人|拉黄包车|价格|夏娃之秀|魔力挺|内衣|等20多种产品。欢迎新老客户来厂定购。详情：www.yph168.com www.zgjp2008.com嘉鹏健身器材有限公司地址：浙江永康市科技五金工业园。咨询订购电话：0579-87368579 QQ:976242168 893670131[/size]

hcgz898 发表于 2008-5-11 22:11

●丽妍堂排汗机派宁清洁机●

笑傲江湖 发表于 2008-6-13 15:19

又学了一招!:lol 谢谢

boyyaya 发表于 2008-7-25 22:18

好贴

好贴,顶 [url=http://www.shfurn.com]办公家具[/url]

页: [1]

友情提示：	中国代销批发总站www.51daixiao.com是为发布货源以及寻找货源的货源信息网上供求平台，因所有信息无法做到相关审核，所以大家在寻找相关信息时需谨慎！
特别声明：	中国代销批发总站网址为www.51daixiao.com,除这个域名是中国代销批发总站外，其他代销批发类网站均与中国代销批发总站无关，由此产生的各种问题，中国代销批发总站不负任何责任。特此声明！

中国代销批发总站-www.51daixiao.com's Archiver