【转】 网店装修:手把手教你用photoshop和Dreamweave_糖罐子妞_新浪博客

打开要用作公告栏的图片。
【转】 <wbr>网店装修:手把手教你用photoshop和Dreamweave

 



首先,利用切片工具将图片切成自己所需要的各个分片,按自己想要写公告的地方与其它地方分开.如图
【转】 <wbr>网店装修:手把手教你用photoshop和Dreamweave【转】 <wbr>网店装修:手把手教你用photoshop和Dreamweave

 

 

然后就可以保存了,这里要选择保存为WEB格式,并选择图片和HTML一起保存。如图
【转】 <wbr>网店装修:手把手教你用photoshop和Dreamweave

 


保存后得到以下一个文件夹和一个文件。
【转】 <wbr>网店装修:手把手教你用photoshop和Dreamweave

 


现在就可以打开HTML文件在本机上一下效果。如图
【转】 <wbr>网店装修:手把手教你用photoshop和Dreamweave

 



是不是觉得只是一张图片没什么特别,其实它是由多张图片组成的。哈哈

然后利用Dreamweaver打开HTML文件(如果你懂一些网页编程语句的话,可以用文本文档打开,自己修改),如图
【转】 <wbr>网店装修:手把手教你用photoshop和Dreamweave

 

 


打开后如图所示,先选中当中的各张图片,可以看到已经是跟PHOTHOSHOP中的一样。
【转】 <wbr>网店装修:手把手教你用photoshop和Dreamweave

 

 


先中要添加文字的图片,将其图片地址复制下来
【转】 <wbr>网店装修:手把手教你用photoshop和Dreamweave

 

 


然后按Delete把图片删除
如图所示
【转】 <wbr>网店装修:手把手教你用photoshop和Dreamweave

 

 


记下图片所显示的大小。再按一下Delete键。选中单元格并设置其大小跟图片大小一致。
【转】 <wbr>网店装修:手把手教你用photoshop和Dreamweave

 

 




继续选中单元格,设置背景图片为刚才复制的图片图片地址
现在就可以自己输入文字啦。
【转】 <wbr>网店装修:手把手教你用photoshop和Dreamweave

 

 


然后就是把images的图片上传,这样才能在网上显示.

【转】 <wbr>网店装修:手把手教你用photoshop和Dreamweave

 


然后进入选中要更改图片地址的地方,把图片属性中的源文件改成网络地址。

【转】 <wbr>网店装修:手把手教你用photoshop和Dreamweave

源文件:那里

 

 

 

 

这样就基本上完成啦。{zh1}进入代码模式
【转】 <wbr>网店装修:手把手教你用photoshop和Dreamweave


把代码复制了下来。然后打开心爱的淘宝,我的店铺,我来了。选择编辑源文件,如图:
【转】 <wbr>网店装修:手把手教你用photoshop和Dreamweave

 

 


进入编辑源文件,插入代码,有时候看上次会对不齐,但你预览一下是正常的。
这样就可以随时更改公告栏咯。
【转】 <wbr>网店装修:手把手教你用photoshop和Dreamweave

已投稿到:
  • 评论加载中,请稍候...

验证码:

郑重声明:资讯 【【转】 网店装修:手把手教你用photoshop和Dreamweave_糖罐子妞_新浪博客】由 发布,版权归原作者及其所在单位,其原创性以及文中陈述文字和内容未经(企业库qiyeku.com)证实,请读者仅作参考,并请自行核实相关内容。若本文有侵犯到您的版权, 请你提供相关证明及申请并与我们联系(qiyeku # qq.com)或【在线投诉】,我们审核后将会尽快处理。
—— 相关资讯 ——