促销栏原来可以这样做哦!

宝贝促销区是淘宝旺铺的特色之一，促销区不一样要做的花哨，但一定要一目了然，买家能一眼就看出你在做什么活动，有什么商品是专门推荐的。

好的废话不多说了，和大家分享一下我是如何设计旺铺促销区的吧~

大家可以先进我的店铺看一下效果哦~虽然并不完美，但这已经是我们努力学习了好久的成果呢http://shop34684020.taobao.com/

制作的过程如下：

第一：首先确定促销区的大小，我设计的宽度是735像素，（这个是我在网上查的呼声最高的），高度397（这个淘宝的要求并不严格，据说最大值是500）

当然这部分也可以根据你选的素材的尺寸做一下调整。

第二：在ps中做出你想要的效果，需要加工的地方都做好就可以了，注意保存的格式，这个是非常关键的，存储为web所有格式。以前我屡次失败就是因为没弄明白这个问题。

第三：把刚才保存的gif格式的图片上传到一个固定的网络相册，大家应该都知道淘宝上的图片必须有网络地址的，单纯的存在电脑上是无效的，而且淘宝不支持外联，幸好现在淘宝推出了很多图片存储空间，大部分是需要续费的哦，至少到现在我还没找到长期可以使用的免费的相册。

第四：核心的一步，开始做网页了。

打开dreamweaver，新建一页面，新建一表格，行数和列数都设为1（这个要具体问题具体分析，因为我在PS中没有细分正好都是1）宽度为735像素，记得“边框”、“边距”和“间距”都要填“0”哦，否则效果又会让你失望的。

点击单元格，添加图片。点击刚才保存好的图片，记得在URL中输入刚才存在相册中的图片地址，（这个很重要啊，否则传到网上的图片都是红叉）把图片加上以后，如果想调整尺寸，可以选中图片，在下面的属性栏中调节高和宽的具体值。

设置图片中需要加链接的部分，鼠标点击需要加链接的地方，在属性栏中选中某一热点工具，包括矩形，圆形，多边形。用热点工具选中后，在链接框中输入你要链接的地址，目标框中设置_blank，意思就是在新窗口中打开。

把需要链接的部分设置完成后，促销栏也基本大功告成了，在标题下面选择代码一项，把里面的代码CTRL+A，CTRL+C然后在首页的促销栏编辑中的选择html形式，CTRL+V这样我们做完的代码就可以在此完整体现了。

第五步：收尾部分，记得保存哦，还有店铺发布啊，这样别人才能看见啊

今天就简单的写到这，因为我学的时候也是搜遍了所有的帖子，吃水不忘挖井人嘛，(*^__^*) 嘻嘻……所以今天稍微明白一点也希望和大家分享一下希望可以帮助那些想自己布置店铺的新手

还要啊，欢迎大家经常去小店博客转转，以后朵朵的许多收获都会在那里和大家分享的~

http://space.taobao.com/b305a1690ca5c3b80f8f09d5d0af35ff.htm

端午节包棕子买粽叶到我这里看看！！http://item.taobao.com/auction/item_detail-0db1-aa9dfe4d9b13c467daa22b480e6545f7.htm

最后编辑此帖2009-04-25 20:47:26。

评论内容：发表评论不能请不要超过250字；发表评论请自觉遵守互联网相关政策法规。

用户名(*)