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