打开要用作公告栏的图片。
首先，利用切片工具将图片切成自己所需要的各个分片，按自己想要写公告的地方与其它地方分开.如图
然后就可以保存了，这里要选择保存为WEB格式，并选择图片和HTML一起保存。如图
保存后得到以下一个文件夹和一个文件。
现在就可以打开HTML文件在本机上一下效果。如图
是不是觉得只是一张图片没什么特别，其实它是由多张图片组成的。哈哈
然后利用Dreamweaver打开HTML文件（如果你懂一些网页编程语句的话，可以用文本文档打开，自己修改），如图
打开后如图所示，先选中当中的各张图片，可以看到已经是跟PHOTHOSHOP中的一样。
先中要添加文字的图片，将其图片地址复制下来
然后按Delete把图片删除
如图所示
记下图片所显示的大小。再按一下Delete键。选中单元格并设置其大小跟图片大小一致。
继续选中单元格，设置背景图片为刚才复制的图片图片地址
现在就可以自己输入文字啦。
然后就是把images的图片上传,这样才能在网上显示.
然后进入选中要更改图片地址的地方，把图片属性中的源文件改成网络地址。
源文件：那里
这样就基本上完成啦。最后进入代码模式
把代码复制了下来。然后打开心爱的淘宝，我的店铺，我来了。选择编辑源文件，如图：
进入编辑源文件，插入代码，有时候看上次会对不齐，但你预览一下是正常的。
这样就可以随时更改公告栏咯。
，手把手教你用photoshop和Dreamweaver做公告栏