 【店铺装修】新手巧用BannerMaker制作专业免费促销区678/86157  发了这篇帖之后，发现像我一样的新人还真不少，所以今天开了个旺旺群，希望大家加入互相交流！
感谢TV ，感谢CCTV 感谢MTV 感谢淘宝TV……感谢版主给我这次机会，不，感谢版主给本帖加精，给我鼓励！我以后还会继续写一些对大家有帮助的帖子的。希望所有进来的亲们都能动动手，回复一下。虽只举手之劳，却也是对丹丹的一种鼓励。更可以让更多的朋友看到此帖！这样就可以帮助更多的新手朋友们！不但可以完成看帖回帖的美德，还可以助人为乐呢。嘻嘻。所以请不要吝惜你那短短的一句话或几个字！大家的鼓励，就是丹丹的动力。谢谢！
相信很多朋友都知道，Banner Maker 是一个网络广告牌在线即时生成工具，你无需任何设计经验，既可以使用我们为您准备的大量精致动画模版，进行修改、添加、DIY自己的设计作品。但是高兴之余，我相信很多朋友也和我一样，费了九牛二虎之力才设计出来的广告牌，却在加入到自己网店时才发现，只有订购了FLASH服务的卖家才能添加这个广告牌。那么我们辛辛苦苦设计的广告牌就浪费了吗？丹丹在这里要说的就是如何巧用阿里妈妈BannerMaker 做免费且专业的促销区。 丹丹不是个怕麻烦的人，既然发帖子了，就从头到尾把过程详细的讲述一遍吧。希望对一些不会做促销区的朋友有个帮助。费话不多说，开始吧！ 首先，登陆
然后点击 选择别人的模板 ，对于不会设计的人来说，这样可以省去不少时间和精力。当然如果有时间和能力的话，在这里也可以自己设计。 我们这里主要讲的是做促销区，所以进入之后点击“图文”
然后在下面会显示出来很多别人设计好的模板，选择一个风格适合自己网店的模板，点
打开这个模板之后，我们只需要把产品图片、描述和价格改成自己的就行了。就可以了。方法是：点击你要更改的产品图片，然后在右边的图片地址栏内输入图片地址（这里只需要注意图片尺寸大小合适就行了，其它不用管）。
把所有图片更改完以后，可以根据自己的眼光对原来的模板进行简单的修改（比如有些动态的小图片不需要可以删掉它，或者在空白的地方添加你要说的话等等）。之后，属于你自己的促销区基本上就出来了。下面就是我自己随便改的。怎么样？
接下来我们点击下面的设计完成按钮，在弹出的对话框中点击预览，获取设计。
如果你的旺铺已经订购了旺铺装修模板服务，那么在这里直接应用到店铺就可以了。而对于没有订购旺铺装修模板服务的朋友们，到这里我们还只是进行到一半。那么，我们还是继续吧！点击下载图片。之前我们改好的促销区就会作为一个图片下载下来。下载下来的图片如下图：
下载完之后，用Photoshop打开。
然后用切片工具，根据需要把图片分割成N个小图片。注意这里我们这里主要是把每个产品图片分割成一个小图片，这样在后面才好把他链接到各自的网页。 切片分割后，点击文件--存储为WEB所用格式。然后存储。保存类型选择为xx图像gif 。这样Photoshop就把我们所分割的图片保存为一个个的小图片了。关掉Photoshop。然后把这些小图片全部上传到空间里面。
打开网页工具Dreamweaver，新建一个html文件。根据刚才在Photosohp分割的图片，来插入一个行与列和图片相对应的表格，宽度和高度和我们下载下来的那个图片相同。比如我们刚才的图片是切成了两行，4列，那么我在这里就插入一个2行4列的750*500的表格。“边框”、“边距”和“间距”的数值都设置为0
因为我们图片分割的并不是相同大小，所以这里我们还要通过合并单元格和拆分单元格来进行调整。调整后的表格如图：
接下来就是在每个单元格中插入图片。按CTRL+ALT+I 打开插入图像对话框，在URL栏中输入图片地址。
根据图片排列位置，在每个单元格中依次插入相对应的图片。
插入完之后，点击布局，将表格的模式由标准模式改为布局模式。
用鼠标把每个单元格调整和图片一样大小。
然后点击每个图片，把要链接到的地址依次输入属性栏的链接框内。这样买家点击这些图片时就会打开相应的宝贝页面，浏览宝贝详情了。
接下来在表格外空白处单击一下，这样就选中了整个表格，然后点击上面的代码按钮，将视图切换到代码状态。此时表格区域内代码是选中的，CTRL+C复制代码。然后进入淘宝的店铺管理里面，把代码粘贴进去保存就OK了。。。
丹丹{dy}次发这种帖子，用了好几个小时才写完。 现在是腰酸背痛，还好腿不抽筋。不过小手冻的冰凉冰凉的。希望这篇帖子能给新手朋友们一定的帮助。其实我这里只是演示作用，告诉亲们一个方法。只要亲们有时间，可以做出比这更好的东西。有什么不清楚的，可以随便旺我哦。只要我有时间就一定会回复的。 嘻嘻，累了半天，还不知道这篇文章能不能加精呢。。。期待。。。 另外看帖回帖是中华民族的传统美德，希望看到此帖的朋友都能回帖支持一下，这样丹丹以后才有信心写更多的东西出来。。。
看了亲们的回复,心存感激! 另外我也是个新人，看到有些高手亲们的建议很不错,我把他们的建议和操作方法都写到下面。希望可以给亲们作为参考。 6楼 青春永驻o 说:
对, 用PS直接保存为HTML和图像的话,可以省去排版的步骤呢.保存为HTML文件之后,直接用Dreamweaver打开,更改图片路径并添加链接就可以了. 呵呵.
Adobe Photoshop CS4┊保留了PS 所有基本功能和滤镜┊官方简体中文绿色便携版这个是精简版的，不过保留了PS所有的基本功能，对于新手来说，应该够用了。最主要的是只有48M，下载的比较快。Adobe Dreamweaver CS4┊优秀的可视化网页设计制作工具┊官方简体精简绿色版也是精简版的。下载页面有具体说明。
近期有很多朋友问我为什么设计好了，图片下载不了。。这个我也不太清楚。估计是被限制了吧。。不过我们还可以截图继续做的。还有朋友问我，可以做成在BM里设计的效果吗？就是保持有动态的效果？这里我要说一下，用BM做好的促销区，下载到电脑里之后，是JPG格式的图片，也就是静态的图片。这时如果你还想保持原来的动态效果，应该没办法了。。如果你会做GIF动画，可以在切片后，把个别想动起来的图片设计成GIF图片。但是那些FLASH{tx}是没办法的。如果亲们想省时省力，还是建议花5元钱开通旺铺装修模板。想直接用BM工具做出来的促销区，也开通5元一月的旺铺装修模板吧！我现在就开通了。因为天天要忙着上架新品，开通这个可以节约不少时间。而且效果也很好！
应亲们要求，丹丹在网上找了Photoshop和Dreamweaver的下载址址： [{zh1}更新时间为 2010-01-07 11:25] |
