《教你淘宝宝贝描述模板(制作过程).doc》由会员分享，可在线阅读，更多相关《教你淘宝宝贝描述模板(制作过程).doc（4页珍藏版）》请在三一文库上搜索。
1、教你淘宝宝贝描述模板制作过程字体大小： 大 中 小2010-11-04 10:08:00 来源： 网店网一直想好好美化一下自己的淘宝店铺， 可时间太忙， 后来想实在不行就出钱购买一个宝贝 描述模板得了，省得再浪费时间。不过，上网看了很多模板，都没有自己中意的，于是下定 决心，自己搞定！自己还有编网页一些基础，知道网页编辑的大概，其实很简单的。编辑 淘宝的宝贝描述模板基本不需要任何代码，直接跟着我下面方法做就可以了。1 。软件工具：要自己制作宝贝模板，首先要选择网页编辑工具，目前业界最流行得就是 dreamweaver 了，用老微的 frontpage 也可以。 想自己做的朋友最好选择前者， f
2、rontpage 我以 前也用过，后来很少用，主要还是觉得dreamweaver 使用更加方便，功能更加强大，毕竟是专门以这个起家的嘛。 需要 dreamweaver 软件的朋友可以从网络上下载， 下载方法： 在 google 搜索栏中输入 “dreamweave软件下载”就可以找到很多下载网站了！ ！，其它工具软件你 都可以这样搜索到， 下载就可以了。 不过， 记得下载完了一定要先杀毒哦， 对我们这些店家 来讲，安全是非常重要得。2。 网页制作之前，首先要考虑自己模板的基本布局。先不要着急用dreamweaver 开始编 辑，正式编辑之前我建议朋友们多看一些别人的作品， 总结出宝贝描述模板的
3、大体布局方法， 需要的各个选项！ 最好的办法就是先纸上谈兵， 在纸上用笔先勾画出描述模板的布局， 注明 需要做的一些工作等。不过，宝贝模板的主要模块我总结就是以下就是几块A.商品的大图B.商品的描述C.买家事宜D.配送方法E.店铺分类F.店铺连接可以在纸上粗粗描绘一下大体的布局，然后再开始下面的工作。3。准备素材。做网页不能没有素材，素材就是指一些养眼的图片，文字，背景等资源。还有最重要的，也最可能用到的就是你店铺的logo，宝贝的图片，文字介绍跟店铺商品有关 的一切了。 把这些素材都统统归到一个目录下面 （真正正规的编辑方法是按照文件夹来组织photoshop自己的素材），方便以后寻找。另外
4、，为了做出更好的效果，可能还要动用一下 这个工具，特别对图片处理都离不开它。下载的方法象上面所说的就可以了。4 。现在基本的东西已经准备好了。那么就开始做吧。A 。首先打开 Dreamweaver ，新建一个 html 网页。 这个时候工作台上你看到一个白色的区 域，就是编辑区域了。B 。添加表格进行布局。 这一点很重要， 因为表格能够比较方便的让我们进行布局的分配， 以及以后各种素材的定位。 有了表格， 我们心里面就对布局基本有数了。 在表格里面可以添 加我们的素材，文字，更改背景等。这些文字一般是通用的文字，固定不变的，不会随着宝 贝的不同而变化，比如【买家事宜】， 【配送方法】等标题性和
5、说明性的文字。这个时候我 们还要留出放置宝贝图片，和宝贝描述的位置，这些都是会变化的，因为每个宝贝的图片， 和描述都是不同的。因此一定要留出这个位置。提示： 这一步之前首先要把需要用到的图片上传网络上去。首先上传有一个好处， 以后在使用图片的时候， 直接可以找到图片， 然后复制下该图片的连接添加到图像占位符的来源上 面就可以了，不用再一边上传图像，一边编辑网页。C 。在需要添加图片的位置上，添加一个图像占位符，记住，宝贝描述模板中所有的图像 都一定是一个图像占位符， 不能直接图像。 添加完后我们看到一个断裂的方块， 证明该对象 是个图像占位符。为什么不直接插入图像呢？直接插入图像在淘宝里面是无
6、法显示的。在要放置图像的地 方，包括背景图等都要使用图像占位符。 有了图像占位符， 等于是先占好了这个位置， 然后 在这个位置上添加相应的图片连接地址， 这样当在浏览器中查看网页的时候， 浏览器自己按 照图片的连接地址下载图像，就可以显示出自己想要的图片了。这点很重要哦。特别需要说明一下， 对于背景图片以及固定显示不变的图片， 编辑的时候应该把相应的图 片连接地址输入到图像占位符的图像来源里面。 这样， 就无需在淘宝里面再编辑这些固定的 图片，只需要更改宝贝图片就可以了。至于图片的存储地址， 163 网站是不支持的。D。 在其它位置上也添加一些图像占位符，比如店铺logo,店铺分类等等，这些位
7、置可以 为你以后操作带来方便。E。把图像占位符的地方填好图片的网络连接地址，具体到每个商品图片时候，我们在淘 宝里宝贝编辑器中再填进来。 在淘宝的宝贝描述编辑器里， 我们找到该商品的图片连接地址， 填到图像占位符的图片来源上就可以了。 这样的话， 只需要改动商品图片图像占位符的图像 来源地址，就可以显示我们想要的图片了。6。以上如果不出所料，按照自己的设计，基本上可以算完工了。具体美不美观要自己慢 慢调整。现在最重要的就是在 Dreamweaver 中切换到代码编辑窗口， CTRL+a 选中所有代码， 选择复制， 然后选择一个宝贝， 在淘宝里面编辑该宝贝， 在宝贝编辑器里面， 选择编辑源文 件
8、，这个时候就切换到代码编辑窗口了。 将先前复制的代码粘贴到该窗口， 然后选择编辑模 式，切换到图形编辑模式。 这个时候你就发现， 以前你设置的图像占位符现在都显示成图片 了。如果不能显示， 就证明该处没有图像连接地址。 敢紧选择该图像占位符， 然后点击插入 /编辑图像按钮，输入相应的图片连接地址就可以了。特别要提示的是：修改宝贝描述主要 是能够直接显示宝贝的大图。 这个时候一定要更改宝贝图片占位符， 把该占位符的图像来源 改成是当前宝贝的图片连接地址就可以了。点击一下预览，可以看看编辑的效果，有什么不满意的，只能以后慢慢修改了。切换宝贝编辑器到代码模式，选择所有代码复制并拷贝到一个TXT 文本
9、文件中保留，以后每个宝贝都可以用到。新建一个宝贝的时候将这些代码在代码编辑模式下面直接拷贝过 来，然后切换回图像编辑模式改变对应的宝贝图片就可以了。怎么样，一切都很简单吧。补充说明一下，在宝贝编辑器中可以使用热点连接这个功能来创建图像上的直接连接功能比如我的模板上面店铺介绍，逛逛本店，信用评价这些文字上面都使用了连接功能这个连接功能怎么实现的呢？方法如下：选中你需要做连接的图片，图像占位符也是支持的。然后这个时候你发现dreamweaver左下脚有一些绿色的小图标。这些是用来在图片上画出一些方形，圆形或其它形状区域，在浏览器中，鼠标经过这些区域的时候就会变成小手的形状，这些区域就是热区。 鼠标点击这一热区的时候就会连接到相应的网页。赶快在图上画一个区域，然后在dreamweaver左下角连接地址中输入你想要连接的网页地 址。将代码考到宝贝编辑器， 然后预览一下，当鼠标放到这些区域上的时候，就会变成小手的形状。点击一下，就会连接到相应的网页了。