如何将psd网页切图转换成html

图片已转换成jpg邮箱:1069810518@qq.com
2024-11-30 20:01:31
推荐回答(5个)
回答1:

楼上这说的,从没见过哪个软件可以生成DIV+CSS的- -
将网页效果图切片成为HTML只用PS或者firework的切片工具将作网页时需要用到的图片切出再导成web格式,LZ可以先了解下网页的布局以及做网页时需要用到哪些图片,切出来的HTML是用table将每个图片装起来而组成的网页,可更改性低,建议LZ先用DIV+CSS写出网页大致框架,然后再把切出的图片填进去。
具体的转换步骤是:
切片工具切图--------文件----储存为web和设备所用格式---- 点击储存后在格式化一栏选择HTML和图像
搞定~,很简单的。LZ只需要了解切图工具的用法就可以了。
PS:图片一般储存为PNG格式。一个网页最少需要两次切图,先考虑好自己网页布局和需要的图片再切片导出,可以大大提高工作效率哦~

回答2:

psd网页切图转换成html,其实psd的切图就是网页前端的初步设计,这时候,网页的形象已经出来了,然后需要做的就是前端人员将psd的切图,参考psd去用html+css等一些语言去完成设计,如网站的背景,就需要css的background来实现,具体看下代码:





我是测试文字



回答3:

Photoshop有个切片功能,可以生成div+css

回答4:

用ps切完 再用DW就可以了

回答5:

关联网页自动切片建议你试试呢