经营网店的店主都知道,淘宝旺铺装修重点还是在促销区和顶部的店招,淘宝学堂今天给大家带来如何对设计好的图片进行切图,使用Dreamweaver软件把切好的东西变成HTML,并使用于网店。旺铺装修,自己动手DIY,PS切图及HTML代码制作。
接下来我们就来看看如何使用PS切图和HTML代码处理:
打开我们设计好的旺铺促销区,使用“合并拷贝”命令,对齐参考线,我们把促销区切割成一个个小的图片,以便使用在网络店铺。
PS中有个存储WEB格式,是专门用来存储网络图片的,非常使用,请参考下面几步掌握,如何输出GIF和JPG两种网络格式,使用非常形象只管,对应调整参数您就可以看到设置后代文件效果和文档大小,希望大家一定掌握熟练,多使用就明白了。
后期使用Dreamweaver把设计好的旺铺制作为HTML,我们新建一个空白的HTML文件。
Dreamweaver中插入跟PS中一样宽度的表格,然后把我们处理好的图片分别一个个插入。
最后Dreamweaver把我们处理好的促销区的小缩略图插入表格,这样就完成了HTML的制作。
HTML的制作完成后,上传到购买好的特定空照片空间后,然后我们切换到代码区域,把代码拷贝到淘宝的编辑器里就大功告成了。
乐发网超市批发网提供超市货源信息,超市采购进货渠道。超市进货网提供成都食品批发,日用百货批发信息、微信淘宝网店超市采购信息和超市加盟信息.打造国内超市采购商与批发市场供应厂商搭建网上批发市场平台,是全国批发市场行业中电子商务权威性网站。
本文来源: 旺铺装修PS切图及HTML代码制作