引用

联合万洁 的 教你如何制作淘宝旺铺公告栏

制作公告栏需要准备好2个软件Adobe Dreamweaver CS3 Photoshop。

1.首先找个你需要的图片，在自己的脑海中想象出公告栏所要放置的位置。

例

这个图片是用PS插图手法做的联合万洁韦斯曼系列的一个产品的宣传图。

这块地方就是我想插入的图片的地方。

2然后打开PS把图片放进去。

点击切片功能

比喻说我的联合万洁韦斯曼的宣传图会切成下图，然后把淘宝的公告栏单独切出来。

因为图04切片是韦斯曼产品的整体效果图，03切片跟06切片是韦斯曼单品的宣传册。那么07就是我所要公告栏了的地方了。

3.把切好的图片

文件——保存为WEB所用格式。

保存。会出现一个图片1.HTML。

4.把图片1。HTML拖入到DW中。

5.点击淘宝公告栏。

在代码区会显示

记下WIDTH(公告栏地区的宽) 136 HEIGHT高99（这个因为每个人切片的问题数字会不一样，我所列出的只是个比方。）

然后把

替换成输入公告栏的文字

加粗的地方就是修改需要记下的宽跟高的，每个人可以根据自己所取得的数据进行修改。

然后会出现如图。

图片中留白是正常现在，需要查看页面效果的时候，可以点击F12，那么就可以看到页面效果啦。

5.添加淘宝公告栏背景颜色，背景图片，文字信息。

在属性中

比喻我的公告栏背景是黑色的，为了跟整体效果搭配的话。点击

点击后吸取边框的颜色。

于是效果为。

然后在跟换字体的颜色，最后点击F12，淘宝公告栏就制作成功啦。而且开通淘宝旺铺后，每个人的淘宝公告栏都可以随自己的意思改变大小类型，或者加上别的文字，装饰等等。

在其他的文章中我会在讲解一下淘宝滚动条码的使用，在中国人才是最不缺的，所以发挥大家的想象力，自然会有人比我学的好，更好，我也只是个不断学习和积累的过程，把我每一点所学记录下来，有什么问题欢迎大家指出来。

最后的效果会是...

文字是以上下滚动形式出现的，大家发现问题了没有，那个淘宝公告栏的边框看起来有白色的东西，就是因为我的切片不仔细所出现的问题，所以切片的时候一定要考虑好，想好，切片的话越少，那么效果就越好。

大家可以登录我的淘宝http://shop60179489.taobao.com查看我已经做好的淘宝公告栏效果。

在其他的文章中我还会对淘宝滚动图片以及其他与淘宝相关的进行我所知道的操作，也许有些高手还能用比我更加简单跟有效的方式实现这些功能，希望能与我多多交流，也希望我所写的东西能给大家带来帮助。

还有如果大家想看实际效果的话可以直接去淘宝看效果，好的话 赞一个啦，谢谢！！下面就是地址啦

(*^__^*) 嘻嘻……http://http://shop60179489.taobao.com/