王尘宇王尘宇

研究百度干SEO做推广变成一个被互联网搞的人

ps 网页切片

ps 网页切片

1.先用参考线,画图你要切图的范围。2.用切片工具(快捷键K),然后在每个区域里面画。

3.导出 ctrl+shift+alt+s,选择html和图片。

PS:这样的切图方法,程序员基本不能用。我以前也这么切,后来程序说用不了,就放弃了。现在切图,都是把每个细节都单独另存为一张小图片,然后在DW里再拼出来。不论是画表格还是用div,都是这样的,但是,一定要配合CSS。

说白了,就是尽可能的把元素细化,然后一张一张的存起来,在用DW拼出来。

如何使用PS切商品详情图(电商必备)

1.�

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

楼主,淘宝首页就是用div+css制作的,只有纯数据会用表格,切图的时候,图片都是切最小的,小到1K的小图片,一般会用cssSprite技术,将小图片都合成一张图片,这样可以减少http请求。c店也是用div+css。

淘宝的详情编辑框是一个模块,实际网站开发一般都是手写,不过也有用前端框架做可视化开发的。

现在网上的网站制作方法都是div+css做出来的,用ps切成html的页面很粗糙,无法做出各种动态效果。楼主Div+css不熟悉的话,建议你去w3cschool学习下。

用ps怎么切图

具体操作步骤如下: 1、首先打开PS软件,导入需要切片的图片,点击工具栏剪裁工具,选择里面的切片: 2、然后用切片工具根据自己的需求,用鼠标选中要切割的区域,这里将图片切割成3份 3、接着点击菜栏的文件,选择导出,点击存储为Web所用格式: 4、在弹出的窗口上选择格式、颜色、大小等相关数据修改后,按下回车键存储: 5、弹出的窗口选择好保存路径,命名好文件,点击保存: 6、保存后的文件在一个文件内,打开后就会看到分割好的三个图了:

相关文章

评论列表

发表评论:
验证码

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。