用PS做好完整的淘宝首页,切图的时候是简单的切割图片进DW里面转代码还是要用DIV+CSS去切啊?!

用PS做好完整的淘宝首页,切图的时候是简单的切割图片进DW里面转代码还是要用DIV+CSS去切啊?!,第1张

楼主,淘宝首页就是用div+css制作的,只有纯数据会用表格,切图的时候,都是切最小的,小到1K的小,一般会用cssSprite技术,将小都合成一张,这样可以减少>qq联系我,我来教你
。把图在ps里边打开(OPEN),之后根据要切片,之后保存为web和存储设备所用格式。这样保存的内容会有1个网页和1个文件夹,文件夹里边是切片的图。用Dreamweaver软件打开(OPEN)那个HTML的网页,就可以看见切片已经在Dreamweaver排列好了。把文件夹里边的图上传到淘宝空间,之后依次在Dreamweaver软件里边把本地图地址换成对应的网络(互联网)地址,要加链接的加上链接。之后拷贝代码,代码拷贝<table/table>这部分就可以了。在淘宝装修自定义模块,调整到HTML代码编辑模式,把拷贝的代码粘贴进去,之后调整为可视模式就可以看见效果了。

现在淘宝开店已经非常的热门,我们如何能够吸引到顾客,80%靠的是主图及详情页的展示,详情页好不好影响着转化率的问题,下面就教大家如何使用PS制作淘宝详情页以及如何切图,不会的朋友可以参考一下哦。
步骤
首先打开PS,新建命名为“淘宝详情页”,一般宽度选择为750px,高为8000px(1000px大概是一屏的样子)分辨率为72。
在制作过程中最好使用“标尺”快捷键(Ctrl+;)把每一屏隔开。
由于素材较多,所以需要创建新组进行分类,以方便快速找到。创建新组快捷键(Ctrl+G)
详情页做好之后,我们在工具栏里使用“切片工具”。
按每一屏的隔开好的标尺进行切片。
切片好后,在左上角菜单栏里点击“文件”选择“另存为Web所有格式”。
接下来会 *** 出一个框,我们选择“存储”,然后选择你要存储的位置,点击“保存”。
很快就导出来了,我们可以在“images”文件夹里查看切割出来的,也可以打开网页浏览。
以上就是PS制作淘宝详情页及切图导出方法图解, *** 作很简单的,大家学会了吗?希望这篇文章能对大家有所帮助!

步骤:装修店铺-----左侧顶部:“淘宝店铺装修”旁边有“编辑”“页面”----点开“页面”----页面管理排列----“店铺基础页-宝贝列表页-宝贝详情页”三个;选“宝贝详情页”----点“编辑”,然后根据自己喜好编辑装修。
另:店铺基础页编辑好了记得发布时选同时显示页面左侧那个选项。(标准版可行)不过单独编辑过宝贝详情页面后,不会同步显示店铺基础页的装修了


DABAN RP主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
乐在赚 » 用PS做好完整的淘宝首页,切图的时候是简单的切割图片进DW里面转代码还是要用DIV+CSS去切啊?!

0条评论

发表评论

提供最优质的资源集合

立即查看 了解详情